/* LAYOUT */

html, body { height: 100%;}

/*body,
p {text-align: left; font-family: verdana, arial, geneva, helvetica, sans-serif;} */
p {padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }

ul, ol { margin-bottom:  1em; }

h1,
h2,
h3,
h4 { text-align: center;}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }


/* COLORS */

hr { color: #CCCCFF; }


/* FONT SPECS FOR LOGICAL-STRUCTURAL ELEMENTS */

h1 	{ font-size: 200%; font-weight: bold; 	}
h2 	{ font-size: 150%; font-weight: bold; 	}
h3 	{ font-size: 125%; font-weight: bold; 	}
h4 	{ font-weight: bold; }

abbr, acronym, dfn 	{cursor: help; border-bottom: dotted #360 1px; 	}


.bold {font-weight: bold; }
.boxedtext { border:2px; border-style:solid; 
                   border-color:#CCF; font-size:90%; }

.boxAnswer	{	float:left; width:45%; padding:4px; border: dashed #933 2px;		}

.boxQuestion 	{	float:left; width:30%; margin-right:12px; padding:4px; border: dashed #393 2px;	}
.centertext {text-align: center; }
.disclaimer {font-size: 0.8em; }
.bignavlink { font-size: 120%; font-weight: bold; }
.formlabel { font-family: verdana, helvetica, arial, sans-serif;
		font-weight: bold; font-size: 90%; }

.gotoTop		{	padding: 3px 20px 3px 3px; border: ridge 3px #99F; background: #FFD; 
				display: inline;  background-image: url('/icons/hand.up.gif'); 
				background-repeat: no-repeat; background-position: center right  }
.gotoTop a		{	text-decoration: none; font-weight: bold; font-size: .9em;  }

.larger {font-size: 1.2em; }
.leftborderline {border-bottom: 0px; 
		border-top: 0px;
		border-left: 2px solid #BBD; 
		border-right: 0px }
.monotype {font-family: courier, monospace; }
.navlink { font-family: verdana, helvetica, arial, sans-serif; 
                     font-size: 80%;  font-weight:bold; }

.redtitle { font-size:110%; color:#C33; font-weight: bold; }
.smnavlink { font-family: verdana, helvetica, arial, sans-serif; 
                     font-size: 11px;  font-weight:bold; }
.smalltext { font-size: 0.8em; }
.smallgray { font-size: 0.8em; color:#666; }
.super { font-family: verdana, helvetica, arial, sans-serif; 
               vertical-align: baseline; font-size: 70%; position: relative;
               top: -.5em;  }
.textRightSmall 	{	text-align:right; font-size:90%	}
.vsmallnote { font-size: 0.7em; }
.nolistindent {list-style-position:inside; margin:0em; padding:0em;}

/* LINK BEHAVIOR  */

a:link { color: #0000ff; }
a:visited { color: #990099; }
a:hover { color: #330099; background: #FFFFCC; }
a:active { color: #ff0000; }

/* Main Site Navigation Bar */
#nav1 	{	padding: 0 1px 1px; margin: 0;
  		font: bold 0.8em Verdana, sans-serif;
 		border: 1px solid; 
 		border-color: #AAF #EEF #EEF #AAF;
		background: #CCF;  
  		text-align: left;  			 }

#nav1 li {	list-style: none; margin: 0; border-top: 2px solid #779;
  		border-right: 2px solid #99D;
  		font-weight: bold; font-size: 14px;
  		color: #225; background: #FFD; 	}

#nav1 a {	display: block; padding: 0.25em 0.20em 0.10em 0.25em;
  		border-left: 1em solid #9AC; background: #F3F3FF;
  		text-decoration: none; text-align: left; font-size: 0.85em; 
		line-height: 1.2em;			 } 

#nav1 li a:link {	color: #448;	}
#nav1 li a:visited {	color: #866;	}
#nav1 li a:hover {	border-color: #F30; color: #FFF; background: #336; 	}

/* Customization Button */
#custex {	font: bold 12px Verdana, sans-serif;
    		background: #transparent; color: #B11;  
		margin-top: 6px; margin-bottom: 6px;				}
#custex a { border: 3 px solid; border-color: #FFC #EEC #EEC #FFC;
 border-style: outset;
  background: #9D9; color: #43E; width: 9.5em; text-decoration:none;
 padding: 1 2px 2px; line-height: 180%; }
#custex a:hover {border-color: #FFE; color: #FFF; background: #2D2;}

/* Training Links Navigation Bar */
#nav2train {padding: 0 1px 1px; margin: 0;
  font: bold 0.8em Verdana, sans-serif;
  border: 1px solid; 
  border-color: #AAF #EEF #EEF #AAF;
  border-style: outset;
  color: #DFD;
  background:  #CCF;   
  width: 9em;
  text-align: right; } 
#nav2train li {list-style: none; margin: 0; border-top: 1px solid #696;
  text-align: center; font-weight: bold; font-size: 14px;
  color: #225; background: #FFD;
  width: 9em}
#nav2train a {display: block; padding: 0.25em 0.20em 0.10em 0.25em;
  border-left: 1em solid #5C7; background: #F4FFF1;
  text-decoration: none; 
  text-align: right; font-size: 0.85em;  }
#nav2train li a:link {color: #282;}
#nav2train li a:visited {color: #866;}
#nav2train li a:hover {border-color: #FF3; color: #FFF; background: #383;}

/* Book List in Nav Bar */
#booklistbar {background: #FFE; color: #FFE; 
	border: 3px #C22 solid; 
	padding: 7px; 
	text-align: center;  
	font-size: 14px}

/* Boxes */
.borderblue {border: solid 3px #CCF;}
.brownbRt {float:right; border:2px; border-color:#633; 
		border-style:solid; padding: 4px; font-size:90%; 
		width:250px; margin:4px;}
.bordergreen {border: solid 5px #CFC; }




/* General Classes for CSS-Positioned Layout */

body.Version3	{	min-width:600px; max-width:1020px; 
			margin: 5px 2% 20px 2%;			 }

.flushTop	{	margin-top:0;							}

hr.clearLine	{	width: 100%; 
			border: none 0; border-top: 1px solid #DDF;
			height: 1px; clear: both; }


/* Page Division Specs */

#headerBlock	{	width: 100%;	
		}

#headerLogo	{	float:right; width:20%; 					}

#headerTextview	{	float:left; width:20%; margin-right:10px;			}

#headerTitle	{	float:left; width:55%; text-align:center; 
			margin-right:10px;						}



#bodyNavbar	{	float: right; width: 140px;	
			background: #CCF; padding: 2px;				}

#bodyNavbarA	{	width: 140px;	position: absolute; top: 0px; right: 0px;
			background: #CCF; padding: 2px; background: #CCF; 
			padding-bottom: 20px;					}

#bodyNavbarLeft	{ float: left; max-width: 180px;	
			background: #CCF; padding: 2px;
			margin-right: 20px;						}



#bodyText	{	float:left; max-width: 80%; text-align: left;
			margin-right: 10px;			              	}


#footerBlock	{	width: 100%; border-top-style: solid; border-width: 1px; 
			border-color: #DDF; padding-top: 4px; padding-bottom: 4px;	
			clear: both; 							}

#footerLeft	{	float:left; width:45%; margin-right: 12px;			}

#footerRight	{	float:right; width: 45%; text-align:right;			}

#footerBanner	{	text-align:center; color: #000; background: #FFC; 
			padding:3px; border: solid 1px #933;				}

#pageMod	{	text-align: right; font-size: 80%;					}





