@charset "UTF-8";
/* CSS Document */

body {
    font-family:Arial, Helvetica, sans-serif;
	color:#666;
	line-height:18px;
	font-size:12px;
	}

h2, h3, h4 {margin-bottom:0px;}
	
a {color:#C00;
	text-decoration:none;}
	
a:hover {
	color:#000;
	text-decoration:underline;
	
}

.vancouver {
	font-size:12px;
	color:#666;
}

.date {font-size:11px; color:#666}

#content{
	width:100%;
	height:100%;
	float:left;
}
#logo{padding-top:0px;font-size:17px; color:black; letter-spacing:0.04em;}
#logo a {color:black;}
#logo img {border:none;padding-top:15px;}
#nav ul {padding-top:0;margin-top:0;}

#nav {
list-style:none;
height:3.5em;
width:auto;
position:relative;
line-height:1.4em;
float:right;
}

#nav .activesection {background:black;color:white;}

#nav li {
width:100px;
float:left;
text-align:center;
margin-right:1px;
}


#livestatbox {float:right;background:url(images/statgrad.png);font-size:11px;height:60px;}
#current a {font-weight:bold;color:#C00;}
#livestatbox .stat {}
#statcol1 {width:110px; float:left;font-weight:bold}
#feedhead {width:500px; margin-bottom:3px;border-bottom:1px #CCC dotted; }
#current {background:#F8F8F8; border-bottom:1px #CCC dotted; border-top:1px #CCC dotted; color:black; }

#nav li a {
	color:white;
	height:16px;
background:url(images/menu_bg_hover);
padding-top:0px;


}



#nav li a:hover {
	color:white;
background:black;
}

#nav a {
height:.5em;
display:block;
text-decoration:none;


}
#nav a:active, #nav a:focus, #nav a:hover {
background:#777;
}

#nav .currentlink {color:#000;}

/* --------- Sub Nav --------- */
#nav li.current ul {
	left:-130px;
}

#nav ul a {background:none; color:white;}


#nav ul {
	position:absolute;
	left:-600em;
	top:13px;
	width:693px;
	list-style:none;
	padding:.9em 0 0;
	display:none;
	height: 99px;
}


#nav ul .activepage a {color:black;}
#nav ul .activepage a:hover {color:black;background:none;}

#nav ul li {
	
height:60px;
width:auto;
margin:0 5px 0 0;

}
#nav ul a {
	
font-size:12px;
height:auto;
padding:0 8px 0 8px;
color:#C00;
}
#nav li:active ul, #nav li ul:hover,#nav li:hover ul { 
/*left:23px;*/
color:white;
display:block;
}

#animation {background:#CCC; width:100%; height:auto; float:left;}
#navcontainer {margin-left:auto; padding-top:0px; margin-top:0px; height:60px; width:550px;float:right;}

#container {width:900px; margin:auto;}

/*#styled_popup {background:#CCC;width:440;padding:10px;}*/
#popupentry {text-align:left;margin-bottom:10px;width:200px;float:left;}
#field {width:150px;margin-left:230px;height:200px;}
#recipient {margin-top:30px; text-align:left;}
.fieldname {color:black;}


#imagelink{
	width:160px;
	float:left;
	padding-right:30px;
	margin-top:20px;
	margin-bottom:0px;
}

#imagelink a a:hover{
	font-size: 20px;}

#leftnav img {
	margin-bottom:10px;
	border:#333;
	border-width:1px;

}

.header {
	font-size:20px;
	font-weight:bold;
	padding-top:20px;
	line-height:40px;
	}
	
.linkbody {
	font-size:12px;}
	
	#input {
		text-align:left;
	width:310px;
	margin-bottom:20px;
	float:left;
	padding-top:0px;


background:#FFF;
height:auto;
	font-weight:bold;
	font-size:12px;}

/*Partcipate*/
#participate_container {width:100%; height:auto;height: 100%; top:0; left:0;}
#mapcontainer { width:auto;padding-left:0px;padding-right:10px;}
#el08 {font-size:2em;color:#4e4e4e}
#el11 {margin-right:10px;vertical-align:baseline;}
#el11 p {position:absolute;top:50px;}

#sideView {width:450px;height:260px;}    


#leftpanes {width:20%;float:left;position:absolute;height:100%;}

#introtext{
	width:500px;
	float:right;
	margin-top:20px;
	font-size:13px;
}

#bodytext{
	margin-top:20px;
	font-size:13px;
	
}
#bodytext-right {float:left; height:520px;width:450px;}
#bodytext-right .caption {float:left;width:400px;font-size:11px;}

#bodytext-right .caption img {float:left;vertical-align:middle; margin-right:20px;margin-bottom:15px;border:1px #999 solid;}



#bodytext-left {padding:20px;float:left; width:380px; margin-right:10px;height:700px; background:url(images/div_grad.png)}

#bodytext-left .caption {float:left; border-right:1px grey solid;width:360px; font-size:11px; }
.caption { margin-bottom:10px;padding-left:10px;padding-right:20px;margin-right:20px;width:375px; font-size:12px;background: url(images/div_grad_grey_wide.png); color:#000;background-repeat:no-repeat;}
.caption img {float:left;}

#bodytext-right ul {list-style:none;}

#book-bodytext-right {float:left; height:520px;width:300px;}
#contributors ul li {list-style:none; text-indent:-2em; padding-top:0px;}


#book-bodytext-left {padding:20px;float:left;width:440px; margin-right:20px;height:700px; background:url(images/div_grad.png);}

#desc-bodytext-left {padding:20px;float:left;width:400px; margin-right:20px;height:700px; background:url(images/div_grad.png); background-repeat:repeat-x;}

#footer {padding-top:30px;text-align:left; margin-bottom:5%; font-size:11px; letter-spacing:.075em;}

#ticker {clear:both;width:900px;padding-top:30px;margin-bottom:7px;}
#ticker a {text-decoration:underline;color:white;}
#ticker {color:white;font-family:Arial, Helvetica, sans-serif;width:900px;font-size:12px;height:23px;}
#ticker ul {margin-left:0;padding-left:0;padding-top:0;}
#ticker ul li {background:#999;padding:5px 10px 5px 10px;list-style:none; display:inline;}


#camlinks {clear:both;}
#testbox {width:480px; height:320px; background:#0CF;}



a.myPlayer {
	display:block;
	width: 240px;
	height:180px; 
	text-align:center;
	float:left;
	border:2px solid #999;
	cursor:crosshair;
}
#mapcanvas {
	border:2px solid #999;}
/* play button */
a.myPlayer img {
	margin-top:70px;
	border:0px;
}

.myPlayer {cursor:pointer;}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:2px solid red;
}

#playerbox {width:484;height:364;float:right;}
#camlinks {clear:both;}
#testbox {width:480px; height:320px; background:#0CF;}

#ticker .activeuser {color:#333;background:#d2dfef; color:black; margin-right:10px;}
#ticker .activeuser a{color:#333;}
#bottombox {border-top: 1px #CCC dotted;border-bottom: 1px #CCC dotted;width:900px; height:83px;clear:both; padding-top:5px;}