/* CSS Document */
/* CSS Document */
#edit_button a:hover { background-color:transparent; }

/* CSS Document */
/* undohtml.css */
	/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
		/*   http://creativecommons.org/licenses/by/2.0                   */
	/* This style sheet is licensed under a Creative Commons License. */
	/* Purpose: undo some of the default styling of common (X)HTML browsers */
	/* link underlines tend to make hypertext less readable,
	because underlines obscure the shapes of the lower halves of words */
	:link,:visited { text-decoration:none; }

	/* no list-markers by default, since lists are used more often for semantics */
	ul,ol { list-style:none; }

	/* avoid browser default inconsistent heading font-sizes */
	/* and pre/code too */
	h1,h2,h3,h4,h5,h6,pre,code { font-size:100%; }

	/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
	/* the default spacing on headings does not match nor align with
	normal interline spacing at all, so let's get rid of it. */
	/* zero out the spacing around pre, form, body, html, p, blockquote as well */
	/* form elements are oddly inconsistent, and not quite CSS emulatable. */
	/*  nonetheless strip their margin and padding as well */
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,span,img,dt,dd,dl
	{ margin:0; padding:0; }

	/* whoever thought blue linked image borders were a good idea? */
	a img,:link img,:visited img { border:none; }

	/* de-italicize address */
	address { font-style:normal; }

	/* end tantek */	
	
	
	/* main styles
	---------------------------------------*/


	body{ background:url(../images/bg.gif) top left repeat; background-color: #333; text-align:center; font-family: Arial, Helvetica, Verdana, sans-serif;font-size: small;color: #000;}	
	a{color:#006699;}
	a:link, a:visited {text-decoration:underline;}
	a:hover{background-color: #f6f6f6; text-decoration:underline;}
	a span{display:none;}
	.caption{font-size:80%;}
	

	div.img_left{float: left; top:0px; text-align: left;margin: 10px 0 6px 0;}
	div.img_left img{margin: 0 20px 0 14px; border: #ccc solid 1px; padding: 3px;}
	div.img_left a:hover { background-color: #fff;}
	div.img_left a:hover img{ background-color: #ECECEC;}
	
	div.img_right {float: right; text-align: left;margin: 0 0 6px 0;}
	div.img_right img {margin: 0 14px 0 20px; border: #ccc solid 1px; padding: 3px;}
	div.img_right a:hover { background-color: #fff;}
	div.img_right a:hover img{ background-color: #ECECEC;}
	
	div.img_left em{display: block; font-size: 80%; margin: 2px 20px 2px 20px;}
	div.img_right em{display: block; font-size: 80%; margin: 2px 24px 2px 24px;}
	
	
	/* page sections 
	-------------------------------------*/
	
	#wrap{ background: #FFF; width: 970px; margin: 0 auto; text-align: left; font-size: 100%; margin-bottom: 8px; border: 1px #000 solid;}
	#astc_banner{ background:url(../images/astc_banner_bg.gif); width:970px; height: 32px;}
	#head{ background: #777; margin: 10px 10px 0px 10px; background:url(../images/header.gif); width:950px;}
	#nav{ margin: 0px 10px 0px 10px; background:url(../images/nav_bg.gif) top left repeat-x; height: 29px; clear:left;}
	#innerwrap{ width: 970px; }
	#content{clear:both; padding: 0 10px;}
	#foot1{ clear:both;text-align:center; background-color: #F7F7F7; padding: 4px 20px; border-top: #ccc 1px solid; height:100px; }
	#foot{ clear:both;color: #fff; text-align:center;}
	.contentpage { background: url(../images/page_header.gif) top left no-repeat; padding-top: 20px;}
	
	/* head 
	-------------------------------------*/
	
	
	/* nav
	-------------------------------------*/
	#nav ul {margin-left: 0px; margin-top: 0px;}
	#nav ul li {float: left;}	
	#nav ul li a {float: left; display: block; height:29px;}
			
	#home a{background:url(../images/home.gif) top left no-repeat; width: 69px;}
	#about a{background:url(../images/about.gif) top left no-repeat; width: 109px;}
	#resources a{background:url(../images/resources.gif) top left no-repeat; width: 101px;}	
	#science_centers a{background:url(../images/science_centers.gif) top left no-repeat; width: 152px;}
	#get_involved a{background:url(../images/get_involved.gif) top left no-repeat; width: 114px;}
	
	
	#home a:hover, #home a#selected{background:url(../images/home_over.gif) top left no-repeat}
	#about a:hover, #about a#selected{background:url(../images/about_over.gif) top left no-repeat}
	#resources a:hover, #resources a#selected{background:url(../images/resources_over.gif) top left no-repeat}		
	#science_centers a:hover, #science_centers a#selected{background:url(../images/science_centers_over.gif) top left no-repeat}	
	#get_involved a:hover, #get_involved a#selected{background:url(../images/get_involved_over.gif) top left no-repeat}
	
	
	
	/* page sections
	-------------------------------------*/
	
	#left{float:left; padding-top: 10px; width: 570px;}	
	#right{ float:right; width: 370px; margin: 10px 0 10px 0;padding: 0;background:url(../images/entry_bg.gif) left top repeat-x #fff;border: #ccc 1px solid;}

	
	
	/* left content
	-------------------------------------*/
	#left img.banner { margin: 0 16px;}
	#left h2 {background: url(../images/left_bar_bg.gif) no-repeat left; width: 557px;height: 26px; margin: 8px 0 6px 0; color: #fff; padding: 9px 0 0 15px; font-size: 110%;}
	#breadcrumbs {padding: 0 0 10px 10px;}
	#left div.entry {width: 546px; padding: 10px; border-top: #ccc 1px solid; background:url(../images/entry_bg.gif) left top repeat-x #fff; clear:both;}
	#left div.entry h3 { font-size: 130%; color: #006699; margin: 10px 0 0 10px;}
	#left div.entry h3 a { text-decoration:none;}
	#left div.entry h3 a:hover { text-decoration:underline;}
	#left div.entry img { margin: 0 10px 0 10px; border: #ccc solid 1px; padding: 3px;}
	#left div.entry p { font-size: 100%; color: #747474; margin: 11px; line-height: 120%;}
	#left div.entry ul { font-size: 100%; color: #747474; margin: 11px;}
	#left div.entry .li_disc ul li  {  margin: 15px 30px; line-height: 120%; list-style:disc;}
    #left ul li { margin: 15px 30px; line-height: 120%; list-style:disc;}
	#left .admin_controls ul li { margin:0px; line-height: 100%; list-style:none; }
	#small { font-size: 85%; color: #666; margin: 0 0 5px 10px;}
	#page { font-size: 90%; color: #666; margin: 0 0 10px 10px;}
	#page_previous { color: #666; margin: 0 0 10px 10px; float: right;}
	#page_recent { color: #666; margin: 10px;}
	#left dl.members {margin: 0 0 25px 0; color: #747474; padding: 0 0 10px 10px;}
	#left dl.members dd.img {float:left; margin: 0 5px 0 0;}
	.navigation { display: block; margin: 30px; }
	.navigation div.alignleft { float:left;}
	.navigation div.alignright { float:right;}
	
	
	/* comments
	-------------------------------------*/
	
	.alt { margin: 0; padding: 10px;}
	#left div.entry h3.comments { margin: 10px 0 0 10px;}
	.commentlist { margin: 5px 0 5px 15px; padding: 0; text-align: justify;}
	.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
	.commentlist p { margin: 10px 5px 10px 0;}
	#commentform p {margin: 5px 0 5px 15px;}
	.nocomments {text-align: center; margin: 0; padding: 0;}
	.commentmetadata {margin: 0;display: block;}
	#comments {margin: 5px 0 5px 15px;}
	#comment{width: 400px;}
	
	
	/* right content
	-------------------------------------*/
	
	#right div.entry {padding: 10px;}
	#right div.entry h4 {background: url(../images/right_bar_bg.gif) no-repeat left; width: 341;height: 26px; margin: 0; color: #fff; padding: 9px 0 0 15px; font-size: 110%;}
	#right div.entry_post {padding: 10px;padding-top:0px;padding-bottom:0px;}
	
	#right div.clear { clear:left;}

	#right div.entry h5 {font-size: 130%; color: #006699; margin: 11px;}
	#right div.entry p {font-size: 100%; color: #747474; margin: 11px; line-height: 120%;}	
	#right div.entry a.more {display: block; float:right;}
	#right form {margin: 11px; color: #666;}
	#right form select {color: #666;}
	#right form label {font-weight: bold;}
	#right dl.feeds {margin: 11px; width: 306px;}
	#right dl.feeds dt.img {width: 170px; float: right;}
	#right dl.feeds dt a { font-weight: bold;}
	#right dl.feeds dd.img{float:left; }
	#right dl.feeds dd.date {color: #ccc;}
	#right dl.feeds dd.dateimg {color: #ccc; margin-left: 136px;}
	#right dl.partners {margin: 0 6px; width: 306px;color: #747474; border:3px solid white; border-bottom: #ccc dotted 1px; padding: 10px; height: 66px; }
	#right dl.partners dt {width: 216px; float: right;font-weight: bold;}
	#right dl.partners dt a { font-weight: bold;}
	#right dl.partners dd.img {float:left; margin: 0;}
	#right dl.partners dd {margin-left: 90px;}
	#right a.wrap { display:block;}
	#right a.wrap:hover { background-color: #fff;}
	#right a.wrap:hover dl { background-color: #f6f6f6;}
	#right dl.img {float: left;}
	#right ul.nav li { width: 160px; margin: 2px; float:left;}
	#right ul.nav li a { display:block;padding: 4px;}
	#right ul.nav li a:hover {background-color: #f6f6f6;}
	#right ul.nav { margin: 10px 10px 0 10px;}
	#right a.selected {background-color: #f6f6f6;}
	#right a.wselected dl {display:block;background-color: #f6f6f6;}   
	#right ul.calendar { color: #747474;  margin: 0 8px; } 
	#right ul.calendar li { margin: 10px 0; } 
	#right div.entry2 {margin: 0 6px; width: 306px;color: #747474; border-bottom: #ccc dotted 1px; padding: 10px; height: 90px;}
	
	
	
	
	/* foot 
	-------------------------------------*/
	#foot1 ul { margin: 6px 0;}
	#foot1 ul.credits li{padding: 1px 0;font-size: 10px; float: left; color: #666; text-align: left; margin: 0 10px;}
	#foot1 ul.credits li.text{ width: 52%; padding: 7px 0;}
	#foot1 ul li img { border: 1px #ccc solid;}
	
	
	#foot a {color:#fff;}	
	#foot a:hover {background-color:#333;}
	#foot ul li {display: inline;}
	#foot ul.nav { margin: 6px 0 3px 0;}
	#foot ul.nav li{border-right: #fff 1px solid; padding: 0 5px 0 0; margin:0 0 0 3px;}
	#foot ul.nav li.noborder{padding-right: 0; border-right: none;}
	#foot ul.credits li{padding: 10px 0;font-size: 85%;}
	#rss{padding: 5px; font-size: 85%; text-align:center; color:#fff;}
	#rss a{color:#fff;}
	#rss a:hover{background-color:#333;}