/************** Basic Elements ***************/
body {
	font-family: 'Trebuchet MS', 'Gill Sans', Verdana, sans-serif;
	background: #000 url(/images/sideBarLeft.png) 0 0 repeat-y fixed;
	margin: 0 0 100px 0;
	font-size: 14px;
	color:#9ba5b0;}

/* these fixes are needed for ie to better position the header for that awful browser */
body > div#header { position: fixed; width:100%;}
body > div#news { position: fixed; }
body > div#navbar { position: fixed;}

p {margin: 0 0 0px 0;}

h2 {
	font-weight: lighter;
	color:#5a6066;}

div#content h2 {
	border-top: 1px solid #5a6066;
	border-right: 1px solid #5a6066;
	padding-top:10px;}

p {line-height: 1.3em;}

a:link {
	color:#FCBB41;
	font-weight:bold;
	text-decoration:none;}
a:visited {
	color:#FCBB41;
	font-weight:bold;
	text-decoration:none;}
a:hover {
	color:white;
	text-decoration:underline;}
a:active {
 	color:#FCBB41;
	font-weight:bold;
	text-decoration:none;}

a img {border:none;}

input.textField {
	background-color: #647793;}

ul#volunteers li {
	margin-top:10px;
	list-style-type:none;}

img.external-link {
	margin-left:3px;}

/************** Header ***************/

div#header {
	background: url(/images/headerBackground.png);
	height:74px;
	z-index:2;
	margin: 0;
	position:fixed;
	top: 0;
	left: 0px;
	width:100%; /* width extended because ie7 is a piece of junk */
	position: absolute;
	left: 0px;
	top: 0px; }

div#header div#siteTitle {
	margin: 10px 20px 3px 35px;
	text-shadow: #232933 2px 2px 5px;}
	
div#header div#siteTitle a {
	color:white;
	font-weight:bolder;
	font-size:1.6em;}

div#header div#siteTitle a:link {
	color:white;
	text-decoration:none;}
div#header div#siteTitle a:visited {
	text-decoration:none;}
div#header div#siteTitle a:hover {
	text-decoration:underline;}
div#header div#siteTitle a:active {
	text-decoration:none;}

div#countdown {
	font-weight:bold;
	margin-top:30px;}


/************** Navbar ***************/

div#navbar {
	z-index:3;
	margin: 0;
	position:fixed;
	top: 18px;
	left: 300px;
	border:}

div#navbar a:link, 
div#navbar a:visited, 
div#navbar a:hover, 
div#navbar a:active {
	font-weight:normal;}



/************** News ***************/

div#news {
	width: 170px;
	position: absolute; /* position is set to "fixed" using "body > div#news" above */
	left: 35px;
	top: 90px; }

div#news a {
	font-weight:lighter;}

div#news p {
	margin: 30px 0px 0 0;}

div#news img#rssSticker {
	padding-left:10px;}


/************** Content ***************/

div#content {
	margin:100px 50px 30px 300px;
	font-size:1.2em;}

div#content p {
	line-height:1.5em;
	margin-top:2em;}





/************** Links to #Top Anchor ***************/
div#photoAlbums .top {
	position:relative;
	top:5px;}



/************** Grass  & Footer ***************/
div#grass {
	background: url(/images/grass.png);
	position:fixed;
	bottom:0;
	left:0;
	height:108px;
	width:100%;
	z-index:-1;}

div#webmaster {
	position:fixed;
	bottom:0px;
	right:0px;
	font-size:.8em;
	color:#5a6066;
	background: url(/images/black-50-percent.png);
	border-top:1px solid #2f2f2f;
	border-left:1px solid #2f2f2f;
	padding:5px 10px 5px 10px;}

div#webmaster a:link,
div#webmaster a:visited,
div#webmaster a:hover,
div#webmaster a:active {
	color:#5a6066;
	text-decoration:underline;
	font-weight:normal;}
div#webmaster a:hover {color:#5a6066;}

/************** Maps ***************/

div.googleMap {
	border:2px solid #5a6066;
	width:525px;
	text-align:center;
	background: url(/images/black-50-percent.png);}

div.googleMap span.caption {
	font-size:.8em;
	padding:10px;
	display:block;}

/************** Tables ***************/

th, td {
	text-align:left;
	white-space: nowrap;}
th {
	font-weight:bold;
	font-size: 1.2em;}

table {
	border-collapse: collapse;
	margin-bottom:80px;}


table, ul#volunteers {
	margin-top:30px;
	background: url(/images/black-50-percent.png);
	border:2px solid black;}

ul#volunteers {
	width:300px;
	padding: 20px 10px 20px 40px;
	margin-left:-10px;
	list-style-image: url(/images/list-bullets.png);
	list-style-position: inside;}

table td {
	border-top:1px solid #5a6066;}

th.year {
	border-right:1px solid #5a6066;
	padding-right:10px;
	color:#5a6066;}

th.teamCount {
	text-align:right;}

td.paid {text-align:center;}

table.teams th#paidColumn {color:#00cc33;}