/* 
	PER4MANCE TRAINING, LLC V3 | 05.03.2006
	Site design and development by
	NEWCLEAR DESIGNS
*/

html * 			{ font-family: verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; }
html				{ font-size: 100.01%; }
body 				{ font-size: 62.5%; color: #006; background: #CADDEA; }

p { margin-top: .5em; margin-bottom: 1em; }

/* LAYOUT */

#wrap1 { margin: 0 auto; width: 770px; background: #FFF url(../webgfx/bg_l.jpg) left top repeat-y; }
/* IE5 Centering Fix */
* html body { text-align: center; } 
* html body * { text-align: left; }

/* LAYOUT */
#wrap2 { margin-left: 27px; padding-right: 43px; background: #FFF url(../webgfx/bg_r.jpg) right top repeat-y; }
#content { width: 519px; float: right; background: #FFF; border-left: 1px solid #CCC; }
#supp1 { width: 180px; float: left; } 
#supp2 { width: 180px; height: 400px; float: left; clear: left; background: url(../webgfx/journalgfx/bg_centercol.jpg) no-repeat; }
#pagebottom { width: 770px; height: 37px; margin: 0 auto; background: url(../webgfx/journalgfx/bg_pagebottom.jpg) no-repeat; }
#siteinfo { width: 770px; margin: 20px auto 0 auto; }

/* NAV */
#nav 						{ display: block; width: 680px; height: 18px; margin: 0px; padding: 0px; padding-right: 20px; float: right; list-style: none; background: #284B61; } /* background-color: #2A4D62; */
/* #nav li					{ width: auto; height: 18px; padding-left: 8px; padding-right: 8px; background: #66CC33 url(assets/webgfx/nav/bg_nav.gif) left bottom repeat-x; border-right: 1px solid #57BC25; } */
#nav li					{ width: auto; height: 18px; display: inline; float: right; margin: 0px; padding: 0px; background: #66CC33 url(../webgfx/nav/bg_nav.gif) left bottom repeat-x; border-right: 1px solid #57BC25; } 
#nav a					{ display: block; color: #000000; font-size: 10px; text-decoration: none; text-transform: uppercase; padding: 3px; padding-left: 9px; padding-right: 9px; background: #66CC33 url(../webgfx/nav/bg_nav.gif) left bottom;}
#nav a:hover		{ display: block; color: #000000; text-transform: uppercase; padding: 3px; padding-left: 9px; padding-right: 9px; background: #66CC33 url(../webgfx/nav/bg_nav_over.gif) left bottom; }
#nav #divNavSpacerLeft { display: block; width: 18px; background: #2A4D62 url(../webgfx/nav/bg_nav_left.gif) right bottom no-repeat; }
#nav #divNavSpacerRight { display: block; width: 20px; background: #2A4D62 url(../webgfx/nav/bg_nav_right.gif) left bottom no-repeat; border: none; } 

/* NAV ON FOR CURRENT PAGE */
.news #news { color: #FFFFFF; background: #FFEB00 url(../webgfx/nav/bg_nav_on.gif) left bottom; cursor: text; }

#hdrPage				{ margin-top: -10px; margin-left: 147px; margin-bottom: 20px; background: transparent !important; }

/* JOURNAL */
.itemjournal { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px dotted #CCC; }
h1.hdrTitle { font-family: arial, helvetica, verdana, sans-serif; color: #F90; text-decoration: none; }
h1.hdrTitle a { font-family: arial, helvetica, verdana, sans-serif; color: #F90; text-decoration: none; }
h1.hdrTitle a:hover { background: #E9EDEF; } /* Green 15% #D9F0D9 */ /* Blue 15% #DFE4E7 */
h2.hdrDate { font-family: arial, helvetica, verdana, sans-serif; font-size: 1.2em; font-style: italic; color: #777; display: inline; }
h2.hdrTopic, h2.hdrTopic a { font-family: arial, helvetica, verdana, sans-serif; font-size: 1.2em; font-style: italic; color: #060; text-decoration: none; display: inline; }
h2.hdrTopic a:hover { text-decoration: underline; } 
.intro { font-weight: bold; }
#journal-home .intro { min-height: 200px; font-size: 1.5em; font-weight: normal; line-height: 1.6; background: url(../webgfx/journalgfx/bg_intro.jpg) no-repeat; padding-left: 210px; padding-right: 20px; }
* html #journal-home .intro { height: 200px; }
.journal a { color: #F60; }
p { line-height: 1.6; }

/* SUPP */
.supp1item { margin-bottom: 3em; }
#supp1 ul { font-size: 11px; margin-left: 20px; }
#supp1 h2 { font-size: 12px; font-weight: bold; color: #080; margin-bottom: .5em; text-transform: uppercase; } /* color: #284B61; */

/* TYPOGRAPHY */
/* h1, h2, h3, h4 { margin-top: .5em; margin-bottom: .25em; } */
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
p, td, input, textarea, ul, ol, dl { font-size: 1.2em; }

.pad { padding: 16px; }