@import url("reset.css");

/***********EVO 2010************/

/***********tags************/
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
body{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.25;
}
h2, h2 a{
	font-size: 18px;
	font-weight: bold;	
}

/************utility************/
.clearfix{
	clear: both;
}

/***********layout**************/
#wrapper{
	width: 800px;
	height: 600px;
	overflow: hidden;
	margin: 0px auto;
	border: 1px solid #ccc;
	border-top: none;
}
#topnav{
	height: 72px;
}
#header_home{
	height: 238px;
	background: transparent url("../images/home_logo.jpg") no-repeat scroll 0 0;
}
#zip{
	height: 13px;
	background: transparent url("../images/zip.png") repeat-x scroll 0 0;
}
#body_home{
	height: 223px;
	background-color: #333;
}
#body{
	height: 296px;
	background-color: #333;
}
#footer{
	height: 54px;
}

/***********topnav**************/

#toplinks{
	height: 47px;
}
#toplinks a{
	font-size: 14px;
	color: #040404;
}
.bottom_tick{
	text-align: center;
	display: inline;
	float: right;
	margin:24px 18px 0px 0px;
}
.tick_one{
	width: 2px;
	height: 5px;
	background-color: #fd0096;
	margin: 0px auto;
}

#dropdown{
	height: 25px;
	background-color: #fd0096;
	position: relative;
	
}

#nav{
	padding: 0px;
	padding-top: 6px;
	margin: 0px;
	position: relative;
	z-index: 100;
}

#nav ul{
	padding: 0px;
	margin: 0px;
	position: relative;
	
}

#nav a{
	display: block;
	font-size: 14px;
	font-weight: lighter;
	color: #fff;
}

#nav a:hover{
	color: #000;
	text-decoration: none;
	font-weight: lighter;
}

#nav ul a{
	color: #000;
}
#nav ul a:hover{
	color: #008fff;
	text-decoration: underline;
}
#nav li{
	float: left;
	padding: 0px 9px;
}

#nav li ul {
	background-color: #fff;
	border: 2px solid #fd0096;
	left: -999em;
	line-height: 1.5;
	margin-left: -11px;
	margin-top: -1px;
	padding-top: 2px;
	position: absolute;
}

#nav li ul li{
	float: none;
	margin: 0px;
}

#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}

/************header_home*********/
#slideshow{
	position: relative;
	margin-left: 437px;
}

/************body_home************/
#body_home, #body_home a{
	color: #fff;
	font-size: 11.5px;
}

#body_home a:hover{
	color:  #008fff;
}

.fourup_content{
	padding: 0px 0px;
}
.fourup_content ul{
	list-style: disc;
	margin-left: 1.3em;
}
#speakers{
	width: 270px;
}

#body_home h2 a{
	font-size: 18px;
}

#body_home h2 a:hover{
	color: #fff;
}

#speakers h2 a{
	color: #ff5400;
}

#ed_res{
	width: 132px;
}

#ed_res h2 a{
	color: #b4ff00;
}

#gen_res{
	width: 174px;
}

#gen_res h2 a{
	color: #008fff;
}

#feedback{
	width: 112px;
}

#feedback h2 a{
	color: #fd0096;
}
#heads{
	width: 158px;
	height: 154px;
	float: right;
	padding-left: 6px;
}
.head{
	display: block;
	width: 79px;
	height: 77px;
	float: left;
}
#hoekstra{
	background: transparent url("../images/hoekstra.jpg") no-repeat scroll 0 -77px;
}
#rodrigo{
	background: transparent url("../images/rodrigo.jpg") no-repeat scroll 0 -77px;
}
#brodie{
	background: transparent url("../images/brodie.jpg") no-repeat scroll 0 -77px;
}
#carroll{
	background: transparent url("../images/carroll.jpg") no-repeat scroll 0 -77px;
}
#hoekstra:hover{
	background: transparent url("../images/hoekstra.jpg") no-repeat scroll 0 0;
}
#rodrigo:hover{
	background: transparent url("../images/rodrigo.jpg") no-repeat scroll 0 0;
}
#brodie:hover{
	background: transparent url("../images/brodie.jpg") no-repeat scroll 0 0;
}
#carroll:hover{
	background: transparent url("../images/carroll.jpg") no-repeat scroll 0 0;
}

#littlewing{
	display: block;
	margin: 1em auto;
}
#body_home .fourup_box{
	float: left;
	padding: 0px 14px;
}
#body_home .top_tick{
	height: 22px;
	position: relative;
	top: -3px;
}
#body_home .tick_two{
	background-color: #fff;
	height: 12px;
	width: 2px;
	margin: 0px auto;
}
#body_home .tick_three{
	background-color: #fff;
	height: 5px;
	width: 2px;
	float: left;
}
#body_home .tick_four{
	background-color: #fff;
	height: 5px;
	width: 2px;
	float: right;
}
#body_home .topline{
	border-top: 1px solid #fff;
}

	/*************footer*********/
#footer img{
	float: right;
}

/*************body************/
#leftnav{
	float: left;
	font-size: 12pt;
	color: #fff;
	width: 143px;
}
#leftnav a{
	color: #fff;
	font-size: 12px;
}
#leftnav a.active{
	color: #008fff;
}
#leftnav h2 a{
	font-size: 18px;
}
#leftnav .orange{
	color: #ff5400;
}
#leftnav .green{
	color: #b4ff00;
}
#leftnav .blue{
	color: #008fff;
}
#leftnav .pink, #content a.pink{
	color: #fd0096;
}
#leftnav ul{
	margin: 18px 0px 0px 18px;
}

#content{
	float: right;
	background-color: #fff;
	height: 292px;
	width: 626px;
	overflow-y:auto;
	overflow-x:hidden;
	border: 2px solid #333;
	padding: 0px 1em;
}
#content h1{
	color:  #fd0096;
	font-size: 25px;
	margin: 1em 0 0;
}
#content p{
	margin: 1em 0;
}
#content em, #content em a{
	font-weight: bold;
	font-style: italic;
}
#content i{
	font-style: italic;
}
#content p.bio{
	font-size: 11px;
	width: 200px;
	float: left;
}
#content h2{
	color: #fd0096;
	margin: 2em 0 -.5em;
	font-size: 13px;
}
#content h2 a{
	font-size: 13px;
	color: #008fff;
}
#content a{
	color:  #008fff;
}
#content strong{
	display: block;
	font-weight: bold;
	margin-bottom: -1em;
	
}

#content strong a{
	font-weight: bold;
}
#content img{
	float: left;
	margin-right: 1em;
	margin-top: 1em;
	
}

#content ul{
	list-style: disc;
	margin-left: 1em;
}
#content ul.nodots{
	list-style: none;
	margin-left: 0;
}