/* --- */
/* --- LAYOUT DIVS --- */
/* --- */

/* --- General Layout --- */

* { margin:0; padding:0; }

html { margin:0; padding:0; height: 100%; }

body { margin:0; padding:0; height: 100%; background-color:#CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #000000; }

	#wrapper { margin:0 auto; padding:0; width:760px; min-height: 100%; background:url(bgWrapper.gif) top left repeat-y; }
	* html #wrapper { height: 100%; }
	
		#wrapper #nonFooter { position:relative; min-height:100%; margin-bottom:25px; }
		* html #wrapper #nonFooter { padding:0; height:96%; }
		
		#wrapper #header { overflow:hidden; margin:0; padding:0px; width:760px; height: 150px; background:url(bgHeader.jpg) top left no-repeat; }
			#wrapper #header #logo { float:left; margin:0; padding:0; width:187px; height:150px }
			#wrapper #header #txtHeader { float:right; padding:30px 0px 40px 200px; width:363px; height:80px; text-align: left; }
				h1.mainHeader { color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-weight: bold; }
				h1.subHeader { color: #FFFFFF; font-size: small; font-weight: bold; }
	
		#wrapper #nav { float:left; width:150px; }
							
		#wrapper #content { float:right; width:610px; }
				#wrapper #content #contentLeft { float:left; padding:10px; width:430px; }
				#wrapper #content #contentRight { float:right; padding:5px; width:140px; }
						
	#footer { position: relative; margin: -25px auto 0 auto; padding-top:5px; width:760px; height:20px; background-color:#8C041C; color:#FFFFFF; text-align:center; }
	/* A CSS hack that only applies to IE -- specifies a different offset for the footer */
	* html #footer	{ margin: -25px auto 0 auto; }

/* --- */
/* --- DISPLAY STYLES --- */
/* --- */
.clearer { clear:both; }

a { font-weight:bold; color:#003366; text-decoration:none; }
a:hover { font-weight:bold; color:#336699; text-decoration:none; }

h1, h2, h3, h4, h5 { margin: 5px 0px 5px 0px; }

form { margin: 0; }

p { margin:10px 0px 0px 0px; padding:0px; }

ol, ul { margin-left:0; padding-left:2.5em; }

table { margin:0; padding:0; }

.menu { margin:0; padding:10px 5px 0px 5px; width: 140px; }
.menu ul { margin:0; padding:0; list-style-type: none; }
.menu li { display:inline; margin:0; padding:0; }
.menu ul ul { padding-left: 2px; }
.menu li a { display:block; padding:2px 0px 0px 5px; color: #000000; font-size:12px; text-decoration: none; }
.menu li a:hover { color: #999999; font-size:12px; text-decoration:underline; }
.current { font-weight: bold; }

.footerText { padding-right:-35px; }
.footerText a { color:#FFFFFF; text-decoration:none;  }
.footerText a:hover { color:#CCCCCC; text-decoration:underline; }

.wpLink { padding-left:70px; width:150px; text-align:center; }
.wpLink a { color:#FFFFFF; text-decoration:none; }
.wpLink a:hover { color:#CCCCCC; text-decoration:underline; }