/* basic style elements */
body {
font: .9em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
text-align:center;
color:#303030;
background:#eeeeee;
}

a {
	color:#0073CF;
	text-decoration:none;
	background-color:inherit;
	}

a:hover {
	color:#2a5a8a;
	text-decoration:underline;
	background-color:inherit; 
	}
	
a img { border:none; }

p {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: .7em;
	margin-left: 0;
	}

table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 2;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1em;
	font-family: inherit;
/*	vertical-align: baseline;*/
}

th {font-weight:bold; text-align:center; }
tr.alt { background-color:#eeeeee; }

img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}

/* default list styles, reset from reset.css */
ol {list-style-type: decimal; margin:0; padding:0;}
ul {list-style-type: disc; margin:0; padding:0;}
li {margin:0; padding:0;}

/* create skip links */

div#skiplinks {	display: none; }

/* Make HRs non-ugly... hairline, blue, works on all browsers, it seems */
div.hr { margin: 5px 0px 10px 0px; border: none; border-top: 1px solid #306090; }
div.hr hr { display: none; }

/* Typewriter Text */
tt {font-family:"Courier New", Courier, mono; font-size: 110%; padding-left: 5px; padding-right: 5px; }


/* Pictures and Captions */
.rightpicture {float: right; maxwidth: 241px; margin: 1px 1px 1px 1px; padding: 1px; }
.leftpicture {float: left; maxwidth: 241px; margin: 1px 1px 1px 1px; padding: 2px; }
.captions {float: left; margin: 10px 10px 10px 10px; background: transparent; color:#000000; text-align:center; font-size:10px;}
.captionsright {float: right; margin: 10px 10px 10px 10px; background: transparent; color:#000000; text-align:center; font-size:10px;}


/* Format of page and content */

#container{
	width:870px;
	margin:20px auto;
	padding:0;
	text-align:left;
	background-color:#ffffff;
	color:#303030;
	border:2px solid #a0a0a0;
	}

#header{
	clear:both;
	height:157px;
	margin:0;
	background: url(../images/asnc-logo.gif) right center no-repeat #336699;
	color:#ffffff;
	}
	
#headertest{
	clear:both;
	height:157px;
	margin:0;
	background: url(../images/logo2.gif) right center no-repeat #336699;
	color:#ffffff;
	}

#header h2 {color:#FFFFFF; font-size:1.1em; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#header a { color:#ffffff; text-decoration:none;}
	
/* Content styles */

#content {
	clear:both;
	float:left;
	font-size:0.9em;
	padding:20px 0px 10px 20px;
	width:95%;
	}

		#content h1{
			display:block;
			margin:0 0 16px 0;
			font-size:1.7em;
			line-height:1.1em;
			font-weight:bold;
			color:#C84E00;
			background-color:inherit;
			}

		#content h2{
			display:block;
			margin:0px 0px 16px 0px;
			font-size:1.4em;
			font-weight:bold;
			color:#C84E00;
			background-color:inherit;
			}

#content h3 { margin:0 0 5px 0; font-size:1.2em; color: #666666; font-weight:bold;}
#content h4 { margin:0 0 5px 0; font-size:1.1em; color:#666666; font-weight:bold;}
#content a:hover { text-decoration:underline; }
#content ul,#content ol { margin:0 5px 16px 35px; }
#content dl { margin:0 5px 10px 25px; }
#content dt { font-weight:bold; margin-bottom:5px; }
#content dd { margin:0 0 10px 15px; }


/* Footer style */

#footer {
	clear:both;
	width:100%;
	padding:5px 0 5px 0;
	margin:0;
	font-size:0.9em;
	color:#f0f0f0;
	background:#336699;
	}

#footer p { padding:0; margin:0; text-align:center; }
#footer a { color:#f0f0f0; background-color:inherit; font-weight:bold; }
#footer a:hover { color:#ffffff; background-color:inherit; text-decoration: underline; }

/* Misc classes and styles */

.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}
.small{font-size:0.9em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right; }
.important{color:#f02025; background-color:inherit; font-weight:bold;}

/* Slide Show */
#slidewrap { float:left; height:200px; width:580px; border:none;}

/* Quick Links */
#quicklinks {float:right; height:180px; width:290px;}
#quicklinks h1 {font-size:1.2em; color:#FFF; font-weight:bold; padding-left:10px; padding-top:6px; padding-bottom:6px; font-variant:small-caps; background-color:#C84E00; }
#quicklinks h2 {font-size:1.2em; text-align:center; font-variant:small-caps; font-weight:bold; margin: .6em 0 0; }
#quicklinks h2.first { margin-top:.8em; }
#quicklinks a { color:#003E72; }

/* News & Events and stuff (blogfeed from asnc blog goes into in eventsbox */
#newsbox {float:left; width:48%; background-color:#FEFEFE; padding:1%; }
#newsbox ul li {margin:2%; list-style-type:none; margin-left:-18px; }
#eventsbox {float:right; width:48%; padding:1%; }
#eventsbox ul li {margin:2%; list-style-type:none; margin-left:-18px; }

/*noticeboard set-up*/
#noticeboard, #news { background-color:#eeeeee; border-style: dashed; border-width: thin; padding: 3px 3px 3px 3px; 
				width: 90%;  margin: auto; text-align: left; }
img.staff { float:left; border: 3px #dddddd solid; margin-right:8px;}
#bio { padding-left: 160px; }
#toc {float: right; font-size:.9em; width:250px; margin: 10px 10px 10px 0px;}

/* blue info box for outreach page */
#infobox {
	clear:both;
	margin: 5px 10px 0px 0px; 
	float: left;
	background:#003E72;
	border:thin solid #C0C0C0;
	width:250px;
	}
#infobox p {
	font: .9em Verdana,Tahoma,Arial,sans-serif; 
	text-align: left;
	line-height:normal; 
	width: 230px;
	padding: 0px 10px;
	color:#FFFFFF;
	}
#infobox a { color:#CCC;}