/* BASIC */
body {
	font-size: 62.5%;
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	margin: 20px;
}
.cert {
	text-align: center;
	display: block;
	margin-top: 11px;
	margin-bottom: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}



h1, h2, h3, h4, p, ul {
	padding: 0;
	margin: 0;
}

/* WRAPPER: wraps entire contents of page */

#wrapper {
	border: solid 1px black;
}


/* BEGINNING of Banner Section at TOP of Web Page */

#banner {
		position:relative;
		background-color: #DDD6CC;	
}

#banner #logo {margin-left: 60px; position:relative; }


#banner #badge {position:absolute; left:-18px; top:-18px; }


#banner ul {
	position:absolute; 
	right:10px; 
	bottom: 0px; 
	margin:  10px 0 0 0;
	padding: 10px 0 0 0;
	list-style: none;
}
#banner li {
	display: inline;
	margin-left: 10px;
}
#banner li a {
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	font: 1.1em "Trebuchet MS";
}

	/* IE6 hack so that whole button is clickable */
		* html #banner {height: 1px; }
	/* End of IE6 hack */


	/*  Separator is used for the About Us Contact Links at Right-Hand side of banner top of page */

		.separator {
			border-right: 1px solid #666;
			padding-right:10px;
			}
			
	/* End of Separator Section */


/* End of Banner Section */


/* Beginning Top Navigation Bar just under the banner  */

#mainNav {
	text-align: center;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/bg_nav.png) repeat-x left top;
	float: left;
	border-bottom: 1px solid #000;
	width: 100%;
	
}

#mainNav li {
	float: left;
	padding: 0;
	margin: 0;
}

#mainNav li a, #mainNav li a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding: .5em 1em;
	border-right: 1px solid #000;
	display: block;
	font: bold 1em "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#mainNav li a:hover {
	background: #DDD6CC;
	color:#000;
}

/* IE 6 hack to make entire button clickable */

* html #mainNav a { width: 1px; }

/* Guess HACK to see if footer background will stop dissappearing */
			/*

				* html #wrapper #copyright  {height: 30px; }
			*/

/* End of Top Navigation Bar */



/* Main DIV in the middle of the page */



#main {
	margin-left: 170px; 
	margin-right: 190px; 
	padding: 0px 15px 15px 20px; 
	border: 1px solid #666; 
	border-top: none; 
	border-bottom: none; 
	background-color: #fff; 
}

#main .facepic {
	margin-right: 10px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 0px;
}

#main .figure {
	float:right; 
	width:200px; 
	margin-bottom: 2px; 
	margin-left: 10px; 
	position:relative; 
}

#main .figure p {
	position:absolute;
	width: 160px; 
	left: 10px; 
	bottom: 10px; 
	background-color: #FFF;	
	border: 1px dashed #666; 
	font-size: 1.1em; 
	font-weight: bold; 
	text-align: center; 
	padding: 5px; 
	margin: 0; 
}

#main hr {width: 100%; height: 5px; color: #FC3; }

/*
	
#main h1 {
	color: #666;
	padding-top: 11px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 3px solid #069;
	border-top: 0;
	font: bold 2.5em  Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFC;
}

*/

#main h1 {
	color: #666;
	padding: 20px 0 6px 21px;
	margin: 15px 0 10px 0;
	border-bottom: 2px solid #666;
	border-top: 2px solid #666;
	font: bold 2.3em  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#main h2 {
	color: #666;
	background-color:#FFC;
	padding: 8px 0 6px 15px;
	margin: 15px 0 10px 0;
	border-bottom: 2px solid #666;
	font-size: 2.1em;
	font-weight: normal;	
	text-align: left;
}



/*
#main h2 {
	font-size: 2em;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #666;
}
*/

#main p {
	font-size: 1.4em;
	margin-bottom: 10px;
}

#main hr {
	width: 100%;
	height: 2px;
	color: #666;
	background-color: #666;
}

#main li {
	font-size: 1.5em;
	padding-left: 2px;
	margin-left: 13px;
	}
	
	
	
/* Definition List with Star Ratings in Main Section of Page  */

#main dl {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
}

#main dt {
color: #663900;
font-weight: bold;
padding: 0;
}

#main dt a:link{
color: #663900;
text-decoration: none;
font-weight: bold;
padding: 0;
}


#main dt a:visited{
color: #DF731B;
text-decoration: none;
font-weight: bold;
padding: 0;
}

#main dt a:hover{
color: #663900;
text-decoration: underline;
font-weight: bold;
padding: 0;
}




#main dd {
margin: 0 0 1.0em 0;
padding: 0 0 0 80px;
background-image: url(../images/lists/blankstar.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
} 

#main dd.starjim {
margin: 0 0 1em 0;
padding: 0 0 0 80px;
background-image: url(../images/lists/starjim.gif);
background-repeat: no-repeat;
background-position: 0 0.1em;
} 

#main dd.starfive {
margin: 0 0 1em 0;
padding: 0 0 0 80px;
background-image: url(../images/lists/starfive.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
} 

#main dd.starfour {
margin: 0 0 1em 0;
padding: 0 0 0 80px;
background-image: url(../images/lists/starfour.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
} 

#main dd.starthree {
margin: 0 0 1em 0;
padding: 0 0 0 80px;
background-image: url(../images/lists/starthree.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
} 

/* END of Definition lists with Star Ratings in Main Section of web page */






/***************************************************/


/* Beginning leftbar on LEFT SIDE of page */

#leftbar {
	position:absolute; top: 175px; left: 22px; width: 168px; background-color: #FFC;
		}
		
#leftbar p {
	font-size: 1.1em;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #000;
}

#leftbar h1 {	}

#leftbar h2 {
	font-size: 1.3em;
	color: #000;
	padding: 7px 8px 0 8px;
	margin-bottom: 5px;
	border-top: 3px solid #069;
}

#leftbar h3 {
	font-size: 1.1em;
	margin-right: 5px;
	margin-left: 5px;
	color: #663900;
	margin-bottom: 3px;
}

#leftbar h6 {
	font-size: 1.3em;
	color: #000000;
	padding: 7px 8px 0 8px;
	margin-bottom: 5px;
	border-top: 3px solid #000;	
}

#leftbar h4 {
	font-size: 1.3em;
	color: #000000;
	padding: 7px 8px 0 8px;
	margin-bottom: 5px;
	border: 0;	
}

#leftbar h3 a {
	color: #663900;
}

#leftbar a:hover {
	color: #CA1D07;
}

/* BEGINNING of leftbar Navigation Bar on LEFT SIDE of page */


	#leftbar   ul#leftNav {
			margin: 0;
			padding: 0;
			list-style: none;
			border-bottom: 1px solid #999;
			}
		
	#leftbar	#leftNav a {
			color: #000;
			font-size: 1.1em;
			text-transform: uppercase;
			text-decoration: none;
			border-top: 1px solid #999;
			border-bottom: none;
			padding: 7px 5px 7px 10px;
			display: block;
			background-color: #FFFFCC;
			}
			
	#leftbar	#leftNav a:hover {
			font-weight: bold;
			background-color: #DDD6CC;
			padding: 7px 5px 7px 12px;
			}
			
		/* END of leftbar Navigation Bar on LEFT SIDE of page */

	/* END of leftbar 2 on LEFT SIDE of page */


/* BEGINNING of Right Sidebar on RIGHT hand side of Web Page */	

#rightbar {position: absolute; top: 175px; right: 25px; width: 180px; background-color:#FFC; }

#rightbar hr {color: #069; background-color: #069; height: 3px; width: 100%; }

#rightbar p {
	font-size: 1.1em;
	margin-bottom: 15px;
	text-align: left;
	
}

#rightbar img {
	display:block;
	margin: 0 auto 1em;
	padding-top: 1em;
	border-top:	solid 3px #069;
}

#rightbar li  {
	margin: 0;
	padding: 0;
}

/*
		#rightbar .picture {
			margin-bottom: 15px;
			text-align: center;
			padding-left: 30px;
		}

*/

/* END of Right Sidebar on RIGHT hand side of Web Page */



/* BEGINNING footer section */


#wrapper {
	clear:both;
	position:relative;
	}
	
#wrapper #copyright {
	height: auto;
	width: 99%;
	padding: 5px;
	text-align:center;
	border-top: 1px solid #000;
	background-color: #DDD6CC;
	font-weight: bold;
	color: #000000;
}

#wrapper #copyright a:link, #wrapper #copyright a:visited{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

#wrapper #copyright a:hover {
	text-decoration: underline;
	color: #000000;
}


/* END of footer section*/



#contentWrapper {
	background-color:#FFFFCC;
}