@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */
div#container { width: 900px; margin:auto; position:relative; z-index:1;  }

a:link, a:visited { color: #2277A8 }
a:hover, a:active { color: #49a9e1}

div#header { margin-bottom:5px; background: url(../images/greenBar.jpg); height: 64px; xposition:relative; z-index:300; }
	#header a {}
	#header img { margin-top: 10px; margin-left: 20px; }
	#header p { display: inline-block; font: 30px Georgia, "Times New Roman", Times, serif; text-align:center; vertical-align:top; width:500px; margin-top:5px; }

/*===== HEADER ===================*/
div#nav { padding-left:10px; position:relative; z-index:10000; }
	#nav a { padding: 4px 6px; color: #0C7CD6; white-space: nowrap; text-decoration: none; border-left: 1px solid #999999; font-size: 0.9em; text-transform: lowercase; }
	#nav a:link, #nav a:visited { color: #0C7CD6; }
	#nav a:hover, #nav a:active { }


	#nav h2 { display:none; }
	#nav ul { height: 25px; }
		#nav li { padding: 3px 0px; float: left; position: relative; z-index:10000 }
		#nav li:hover { background: #FAB818; }
		#nav li:hover a { color: #015C14; }
		
		#nav li:hover ul.submenu { display: block; }
		#nav li ul.submenu { height:auto; display: none; position: absolute; z-index: 20000; left: 0px; top: 0px; background: #fff; top: 24px; padding: 4px 0; border: 1px solid #999999; }
			#nav .submenu a { display:block; padding: 0px 8px; border:none; }
				#nav .submenu a:link, #nav .submenu a:visited { color: #0C7CD6; }
				#nav .advice a { padding: 0px 8px 0px 16px; margin-left: 4px; }
				#nav .advice a:visited { background: url(/images/checkmark.gif) no-repeat left center; }
				#nav .advice a:visited:hover { background: url(/images/checkmark.gif) no-repeat left center; }
				#nav .submenu a:hover, #nav .submenu a:active { color: #015C14; background: #FAB818; }
			#nav li ul.submenu li { float:none; padding: 0px; border:none }
	#greeting{ position:absolute; right:5px; top:5px; z-index:1; font-size:0.9em; }
		a#login_btn { padding:0; width:76px; height:24px; background: url(../images/btn_login.png) no-repeat left top; display: block; border:none; left:-80px; position:absolute; top:-4px; }
		a#login_btn:hover { background-position: left bottom; }
		#greeting span { display:block; height:20px; max-width:165px; overflow:hidden; }

/*===== MAIN AREA ===================*/
#flashVid { z-index:-1; }

div#main { clear:both; padding: 10px; xposition:relative; z-index:100; }
	#main h1 { display:none; }
#main h2 {
	color:#FFFFFF;
	background-color: #005500;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
}
	#main h3 { font-size:1.2em; }
	#main h4 {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #330099;
	font-weight: bold;
}
	#main div.section { margin: 10px; border: 1px solid #015C14; }
	#main div.section div {
	margin: 8px 0px 0px 8px;
	border: none;
	padding: 0px;
	position: static;
	//width: auto;
	height: auto;
}
		#main div.section ol.indent { margin:0 6em; }
		#main div.section div.indent { margin:0 3em; }
		#main div.section p.indent { margin-left: 1.5em; }
		#main div.section p.poem { margin-left:3em; text-indent: 0px; font-style: italic; }
		#main div.section p.quote { font-style: italic; }
		#main div.section p.pullquote { background-color:#F9F9F0; border-bottom:3px double #000; font-weight:bold; padding:10px 10px 10px 20px; text-indent:0px; border-top: 3px double #000; }

		#main div.section p.quote span { display: block; text-align: center; font-size: 0.9em; color: #333; }
		#main p { text-indent: 1em; margin-bottom: .6em; font-size: 1em; }
			#main a {}
		#main ul { margin: 5px; }
			#main li {}

#main ul.bullet { list-style: disc;  margin:0 0 1em 2em; }

/*===== FOOTER ===================*/
div#footer { clear:both; text-align: center; position:relative; z-index:1; }
	#footer h2 { display:none }
	div#copy { font-size: .7em; color: #666666; text-align: left; margin-top: 0.6em; }
	#footer ul {}
	#footer li { display: inline; border-left: 1px solid #999999; padding-right: 4px; padding-left: 4px; font-size: 12px; text-transform: lowercase; }