/*  For a two-color scheme, do a "find" and "replace all" for the following:
	Color 1: #79CDDE
	Color 2: #789B51 (light)
	Color 3: #526837 (dark)
*/

/* ---------------------------------------------------------------------------
	Basic Elements 
   --------------------------------------------------------------------------- */
* {	margin:0; padding:0; border:none; }
html { background-color:#3A3A3A; }

body {
	margin:0;
	padding:0; 
	color:#ccc;
	text-align:center;
	font:normal 0.8em/1.2em "Lucida Grande", Verdana, Arial, Georgia, sans-serif; 
	}
#caption {
	color: Black;
}
a, a:visited {
	color:#79CDDE;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	}

a:hover {
	text-decoration:none;
	border-bottom:1px solid #ccc;
	}

p {
	margin-bottom:10px;
	line-height:1.4em;
	}

h3 {
	color:#fff;
	font:bold 1.2em Tahoma;
	text-transform:uppercase;
	padding-bottom:10px;
	}

h4 {
	color:#fff;
	padding-top:15px;
	}
	
hr {
	border:none;
	width:360px;
	height:1px;
	background: #666; 
	margin: 2em 0;
	}
	
/* ---------------------------------------------------------------------------
	Page Structure 
   --------------------------------------------------------------------------- */	
#container {
	margin:0 auto;
	padding:0;
	width:760px;
	border:none;
	text-align:left;
	}

#pageHeader {
	color:#79CDDE;
	margin:40px 0;
	}

#pageHeader h1 {
	font:bold 2.2em Tahoma;
	text-decoration:none;
	}

#pageHeader h2 {
	font:bold 1.0em Tahoma;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.4em;
	-moz-opacity:0.7;
	}

#pageHeader a:hover {
	color:#ccc;
	text-decoration:none;
	}
	
#pageHighlight .p2 {
	width:220px;
	padding-top:40px;
	margin-left:430px;
	text-transform:uppercase;
	}
	
#pageBody {
	float:left;
	width:380px;
	}
	
#supportingText {
	margin:0 auto;
	}

#current,
#preamble, 
#explanation, 
#posters,
#sponsors,
#info, 
#press {
	position:relative;
	display:block;
	width:360px;
	padding-bottom:2px;
	}

#posters a.ps
	{ 
	border:none;
	}

#posters img {
	border:2px solid #fff;
	}
	
#posters a:hover img {
	border:2px solid #79CDDE;
	}
	
#sponsors li, #press li, #info li {
	display:block;
	background:url(../images/sanscons/arrow3_e.gif) no-repeat 3px 3px;
	padding:3px 0 0 25px;
	}

#footer{
	margin:20px 0;
	padding:2px 0;
	text-align:left;
	}

/* ---------------------------------------------------------------------------
	Sidebar 
   --------------------------------------------------------------------------- */
#pageBar {
	position:absolute;
	margin-left:400px;
	top:185px;
	width:360px;
	}
	
#insidebar {
	margin:0;
	padding:0;
	}

#pageBar ul {
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	border-top:1px solid #666;
	}

#pageBar ul li{
	margin:0;
	padding:3px 0 3px 10px;
	border-bottom:1px solid #666;
	color:#94AB36;
	}

#pageBar ul li a, #linkList ul li a:visited {
	border-bottom:none;
	}

#pageBar ul li:hover {
	border-bottom:1px solid #666;
	}

#bselect {
	font-size:0.9em; 
	}

#bselect ul li {
	display:block;
	width:335px;
	padding:3px 0 3px 25px;
	background:url(../images/sanscons/forward.gif) no-repeat 3px 3px;
	}

#bselect a {
	display:block;
	color:#526837;
	}
	
#bselect span.a {
	color:#789B51;
	font-size:1.1em;
	padding-right:2px;
	text-transform:uppercase;
	}
	
#bselect a:hover span.a {
	color:#ccc;
	}

#bselect .b {
	margin:0;
	padding:0;
	font:normal 10px Verdana, Tahoma, Arial;
	color:#526837;
	}

#bselect .d {
	float:right;
	margin:0;
	padding:0;
	}

#bselect, #barchives {
	margin-bottom:20px;
	}
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */