/* 
================================
		 MAIN STYLES
================================
*/	

	body {margin: 0; padding: 0; font-size: 12px; font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; 
		color: #000000; background-color: #f2f2f2; text-align:center;}
	
	hr {width: 100%; height: 1px;}

	p a {text-decoration: none; color: #0000CC;}
	p a:hover {color: #ff6600; }
	p.intro_text {font-weight: bold; color: #76797c;}
	
	li a {text-decoration: none; color: #0000CC;}
	li a:hover {color: #ff6600; }
		
	#content h1 {font-size: 18px; color: #76797c; border-bottom: 1px solid #bdc2c6; padding-bottom: .3em; margin-bottom: .5em; padding-top: 20px;}
	#content h2 {font-size: 14px; color: #000000; padding-bottom: .3em; margin-bottom: .5em; clear:both;}
	#content h3 {font-size: 12px; color: #76797c;}
	
	
	hr {clear:left;}
	
	.list_separation li {padding-bottom: 5px;}
	.pdf_version img {margin-right: 4px;}
		
	img {border: 0;}
	img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
	img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
	img.across {display: block; margin-left: auto; margin-right: auto; border: 0; text-align:center;}
	img.across_border {display: block; margin-left: auto; margin-right: auto; border-width: 1px; border-color: #76797c;}
	
	div#outer_box {width: 760px; border: 1px solid #a1a5a9; margin: 15px auto; background-color:#FFFFFF;}
	div#main_layout {width: 750px; margin: 15px auto; background-color:#FFFFFF;}
	div#banner {color: #ffffff; background-color: #ffffff;}
	div#main_navigation {display: block; float: right; margin-right: 5px;}
	div#content {width: 720px; margin-left:auto; margin-right:auto; text-align:left;}
	div#current_location {text-align:center; font-size: 10px; margin-bottom:20px;}
	div#footer {text-align:center; font-size: 10px; margin-bottom:10px; clear:both;}
	
	.indent {margin-left: 220px;}
	

/*
================================
	    FORM LAYOUT
================================
*/


	form {margin-top: 20px;}
	label,input {display: block; width: 150px; float: left; margin-bottom: 10px;}
	label {text-align: right; width: 200px; padding-right: 20px;}
	.label_break {clear:left;}
	label.required {color:#FF0000}
	#submitbutton {margin-left: 220px; margin-top: 5px; width: 90px;}


/*
================================
	    EVENT LAYOUT
================================
*/	

	.event {margin-bottom: 20px; margin-left: 100px; padding-left: 7px; width:50%; background-color: #EEF0F5; border: 1px solid #9198C1;}
	.event_date {}
	.event_title {font-weight:bold;} 
	.event_location {padding-left: 60px;} 
	.event_registration {padding-left: 60px;}
	

/* 
================================
	    MAIN NAV LAYOUT
================================
*/	
	
	#csstopmenu, #csstopmenu ul {padding: 0; margin: 0; list-style: none;}
	#csstopmenu li {float: left; position: relative;}
	#csstopmenu a {text-decoration: none;}
	#csstopmenu li:hover ul, li.over ul {display: block;}
	
	.mainitems {border: 0px; border-left-width: 0; background-color: #ffffff; }
	
	.headerlinks a {margin: auto 8px; font-weight: bold; color: #000099}
	.headerlinks {margin: auto 8px; font-weight: bold; color: #000099}
	
	.submenus {display: none; width: 14em; position: absolute;top: 1.2em; left: 0; background-color: #b3bdd9; border: 1px solid #ffffff; text-align:left;}
	.submenus li {width: 100%;}
	.submenus li a {display: block; width: 100%; text-indent: 3px; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; padding-right: 3px; color: #000000;}
	.submenus li a:hover {background-color: #ff6600; color: #ffffff;}
	
	/* non IE browsers */
	
	html>body .submenus li a {width: auto;}
	#csstopmenu li>ul {top: auto; left: auto;}
	html>body #clearmenu {height: 3px;}