@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;}
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; }

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

div#header { margin-bottom:10px; }
	#header a {}

div#footer { text-align: center; }
	#footer h2 { display:none }
	 div#copy {}
	 #footer ul {}
	 #footer li { display: inline; border-left: 1px solid #999999; padding-right: 4px; padding-left: 4px; font-size: 12px; }

/*===== HEADER ===================*/
div#nav { padding-left:10px;    }
	#nav a { padding: 4px 6px; color: #0C7CD6; white-space: nowrap; text-decoration: none; border-left: 1px solid #999999; }
	#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; }
		#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: 2; left: 0px; top: 0px; background: #fff; top: 25px; 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 }

div#main { clear:both; padding: 10px; }

/*===== MAIN AREA ===================*/
	#main h1 { display:none; }
	#main h2 { background: #999999; padding: 4px; }
	#main div.section { margin: 10px; border: 1px solid #015C14; }
	#main div.section div { margin: 0px; border: none; padding: 10px; }
		#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.quote span { display: block; text-align: center; font-size: 0.9em; color: #333; }
		#main p { text-indent: 1em; margin-bottom: .6em; }

		#main h2 { }
		#main h3 { font-size:1.2em; }
			#main a {}
		#main ul { margin: 5px; }
			#main li {}

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