html, body, div, span, h1, h2, h3, p, a, ul, li, ol, img {margin: 0; padding: 0; border: 0; outline: 0; }

/*_________________________________GLOBAL CSS__________________*/
body{font-family: Arial, Helvetica, sans-serif; background-color:#ffffff;}
	   
p{margin:0px 15px 6px 15px}
	
ol{padding-left:40px; font-style:italic;}

h2{font-size:23px; font-style:oblique; color:#FFFFFF; padding:10px; margin-bottom:10px; background-color:#006c68;}
	
h3{padding-left:10px; color:#006c68;}

strong{font-size:14px;}

/*_________________________________DIV IDs__________________*/
#container{min-height:700px;
	background: #FFFFFF url(../images/background.jpg) no-repeat top right;
	border-bottom:thick solid #006c68; border-right:thick solid #006c68;}
	
#header{background:url(../images/logo.jpg) no-repeat; width:639px; height:70px; margin-bottom:10px;}
	
#content{margin-left:20px;}

#frm{line-height:1.37em; margin-right:6px; margin-left:15px; float:left; width:300px;}
#frm2{line-height:1.37em; margin-right:6px; margin-left:15px; float:left;}

#test1{float:left; width:43%; margin-right:40px; margin-left:15px; font-size:12px;}
#test2{float:left; width:43%; font-size:12px;}

#bio{float:left; width:43%;	margin-right:40px; font-size:12px; margin-left:15px;}
#bio2{float:left; width:43%; font-size:12px;}

#footer{color:#006c68; background-color:#FFFFFF; padding:10px; text-align:right; float:right; font-size:.8em;}
	#footer a{color:#006c68; font-weight:bold;}
	#footer a:hover{background-color:#006c68; color:#FFFFFF;}
	
#wide{text-align:center;}

#container-3{margin-top:13px;}

/*_________________________________CLASSES________________________________________*/
	.toggle_container{margin-top:15px; overflow: hidden; font-size:.85em; clear:both;
		width:65%; border:solid medium #006c68; background-color:#efefd5; padding-bottom:10px;}
	.opening{width:570px; color:#006c68;}
	.photo{padding-right:8px; float:left;}
	.question{color:#006c68;}
	.green{color:#006c68;}
	.img{border: thin solid #006c68; background-color:#ffffff;}
	.wiz{color:#006c68;}
		.wiz:hover{background-color:#006c68; color:#fff;}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */.tabs-hide {display: none;}}
/* Hide useless elements in print layouts... */@media print {.tabs-nav {display: none;}}
	.tabs-nav {list-style:none; width:315px; border:thin solid #006c68;background-color:#FFFFFF;}	
	.tabs-nav li{border-bottom: #003366 thin dashed; display:block; padding-bottom:4px; padding-top:4px; min-width: 84px;}
				.tabs-nav li:hover{background-color:#006c68; color:#FFFFFF;}
				.tabs-nav li:last-child{border-bottom:0;}
				.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display:block; clear:both; content: " ";}
	.tabs-nav a {position:relative; top:1px; z-index:2;
		color: #27537a; font-weight:bold; line-height:1.2; text-decoration:none; white-space:nowrap; /* required in IE 6 */ }
			.tabs-nav a:hover{color:#ffffff;}
			.tabs-nav .tabs-selected a {color: #9f8e86;}
			.tabs-nav a span {width: 64px; min-width: 64px;/* IE 6 treats width as min-width */
								height: 18px; min-height: 18px;/* IE 6 treats height as min-height */}
			*>.tabs-nav a span { /* hide from IE 6 */width: auto; height: auto;}
			.tabs-nav a, .tabs-nav a span {display: block; padding: 0 5px;}