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

body{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #666;
	background-color:#f8f8f8;
	font-size:13px;
	background-image: url(../images/headerbg2.gif);
	background-repeat: repeat-x;
	background-position: left top;	/*background-image: url(../images/layout/page-bg.gif);
	background-repeat: repeat-y;
	background-position: center top;	*/
}

h1{
	font-size:24px;
	line-height:27px;
	margin-bottom:15px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color:#333;	
	
}

h2{
	font-size:18px;
	line-height:21px;
	/*font-weight:bold;*/
	/*font-style:italic;*/
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	/*text-transform: capitalize;*/
	margin-bottom:10px;	
	color:#333;	
}

h3{
	font-size:14px;
	font-weight:bold;
	color:#333;	
	margin-bottom:5px;
}

h5{
	line-height:16px;
	font-size: 13px;
	font-weight: bold;
	color:#333;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;	*/
	
}

.column-8 ul{
	margin-bottom:10px;	
}

.column-8 li{
	line-height:18px;
	margin-left:20px;	
}

.showbullets li{
	line-height:18px;
	margin-left:20px;
	list-style-type: disc;		
}

#contact .column-8 li{
	line-height:18px;
	margin-left:30px;
	list-style-type: disc;		
}

#content #vision p,#content #board p {
	font-size:11px;
	line-height:16px;	
}

#aboutcam{
		
}

#content #aboutcam p{
	/*font-size:16px;
	line-height:22px;*/
	padding-right:30px;
}

#board{
	/*margin-top:40px;	
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	background-color:#FFF;
	
	padding-top:20px;
	padding-bottom:20px;
	*/
	/*margin-top:20px;*/
}

#board h4{
	font-style:italic;
	color:#999;	
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:15px;
	margin-bottom:10px;
}

a{
	text-decoration:none;
	color:#3d6091;
}

a:hover{
	color:#3d6091;
	text-decoration:underline;	
}

div.column-6 h4{
	padding-bottom:10px;
}


#container{
	width:960px;
	/*background-color:#FFF;*/
	margin-left:auto;
	margin-right:auto;

}

#header{
	height:180px;
	width:100;
	background-image: url(../images/headerbg0.gif);
	background-repeat: no-repeat;
	background-position: left top;	/*
	-moz-linear-gradient(center top , #405778, #21395b)
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#405778', endColorstr='#21395b'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#405778), to(#21395b)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #405778,  #21395b); /* for firefox 3.6+ */ 	
}

#logo{
	padding-top:40px;
	margin-left:-20px;	
}

/* main nav -------------------------------------------------------*/
#main-nav{
	/*padding-top:10px;	*/
	background-color:#3d6091;
	margin-bottom:20px;
}

#main-nav li{
	/*display:inline;	
	text-transform:uppercase;
	font-weight:bold;
	margin-right:10px;
	*/
}

#main-nav a{
	/*
	text-decoration:none;
	color:#333;	
	font-size:22px;
	*/
}

#main-nav a:hover{
	/*color:#3e5576;	*/
}


/* CONTENT///////////////////////////////*/
#content{
	/*margin-top:20px;*/
}

#content p{
	margin-bottom:10px;	
	font-size:13px;
	line-height:18px;
}



/* footer */

#footer{
	font-size:9px;
	padding-top:5px;
	padding-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
}

#footer p{
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	padding-bottom:4px;
}

#footer li{
	display:inline;		
}

#footer a{
	text-transform:uppercase;
	color:#666;
	font-size:9px;	
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;	
	color:#000;
}

#mandate{
	margin-bottom:40px;	
}


/* LAYOUT -----------------------------------------------*/
.left-side-col{
	width:660px;
	float:left;
}

.right-side-col{
	width:280px;
	float:left;	
	padding-left:20px;
}

.column-1{
	width:100px;
	margin-right:10px;
	margin-left:10px;
	/*background-color:#f2f2f2;*/
	float:left;	
	margin-top:10px;
}

.column-2{
	width:140px;
	margin-right:10px;
	margin-left:10px;
	/*background-color:#f2f2f2;*/
	float:left;	
	margin-top:10px;
}

/* uses 3 columns */
.column-3{
	width:220px;
	margin-right:10px;
	margin-left:10px;
	/*background-color:#f2f2f2;*/
	float:left;	
}

.column-3 img{
	padding-bottom:10px;
}

.column-3 p{
	font-size:11px;
	line-height:14px;
}	

.column-3 a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;	
}

/* uses 4 columns */
.column-4{
	width:300px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
}

.column-5{
	width:380px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
}

.column-6{
	width:460px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
}

.column-7{
	width:540px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
}

.column-8{
	width:620px; /* full width is 620px */
	margin-right:10px;
	margin-left:10px;
	float:left;	
	margin-bottom:10px;
}

.column-9{
	width:700px;
	margin-right:10px;
	margin-left:10px;	
	float:left;	
}

.column-12{
	margin-right:10px;
	margin-left:10px;
}

#board div.column-6{
	margin-bottom:30px;	
}

#board h3{
	font-size: 16px;
    line-height: 19px;
}


/*-----------------TIMELINE NAV --------------*/
#timeline-nav{
	/*background-color:#f2f2f2;*/
	padding-top:25px;
	padding-bottom:15px;
}

#timeline-nav li{
		display:inline;
		padding-right:10px;
		padding-left:10px;
		padding-top:15px;
		padding-bottom:15px;
		
}

#timeline-nav a{
	font-size:18px;	
	color:#999;
	
}

#timeline-nav li.active{
	background-color:#FFF;	
	-moz-box-shadow: 0px -2px 5px #ccc;
	-webkit-box-shadow: -2px 0px 5px #ccc;
	box-shadow: 0px 0px -2px #ccc;
	
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius-topleft: 5px;
	border-radius-toprigh: 5px;
}


.boxgrid{
	width: 300px;
	height: 230px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	background:#FFF;
	overflow: hidden;
	position: relative;
}

.boxgrid2{
	width: 260px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;  /* was 20px */
	margin-bottom:20px;
	float:left;
	background:#FFF;
	overflow: hidden;
	position: relative;
}

.boxgrid3{
	width: 280px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
}


.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}


.boxcaption h2{
	text-transform:uppercase;
	font-size:11px;	
	margin-top:-5px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:.05em;
}

.boxcaption h3{
	font-size:18px;
	font-weight:normal;	
	margin-top:-7px;
	color:#97a8c0;
}


.boxcaption{
	float: left;
	position: absolute;
	background: #21395b;
	height: 60px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	padding:10px;
}

.boxcaption a{
	color:#FFF;
	text-decoration:none;	
}

	
.captionfull .boxcaption {
 	top: 180px;
 	left: 0;
 }
 
 .caption .boxcaption {
 	top: 220px;
 	left: 0;
 }

.main-vid{
	padding-right:10px;
	padding-left:10px;	
}

.floatleft{
	float:left;	
}

.floatright{
	float:right;	
}

.clear{
	clear:both;	
}

.calltosubmit{
	margin-top:15px;
	padding-left:30px;	
}

#content .calltosubmit p{
	font-size:12px;	
}

.calltosubmit img{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.item {
	width: 220px;
	margin:10px;
	float: left;
	outline:solid;
	outline-color:#CCC;
	outline-width:1px;
}

.inset{
	width: 330px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:40px;
	padding-left:20px;
	font-style: italic;	
	font-size:16px;
	color:#3D6091;
	line-height:21px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#supportbuts ul{
	background-color:#fff;	
}

#supportbuts li{
	line-height:17px;
	display:block;
	/*font-family: Georgia, "Times New Roman", Times, serif;
	color:#3D6091;
	text-align:center;
	font-style:italic;*/
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;	
}

#supportbuts li h4{
	font-weight:bold;
}

#supportbuts a{
	
	
	font-weight:bold;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	text-align:right;
	font-size:11px;
	text-align:center;
	
	color:#3D6091;
	background-color:#FFF;
	border: 1px solid #ccc;
}

#supportbuts a:hover{
	color:#FFF;
	background-color:#3D6091;
	border: 1px solid #3D6091;
	
}

#how-to-give{
	margin-bottom:5px;
}

#donation-address{
	margin-top:20px;	
}

#about-points li{
	font-size:13px;
	margin-bottom:14px;	
	line-height:16px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	padding-right:100px;
	
	color:#3D6091;l
}

#advisory-council li{
	line-height:20px;	
}

#sponsor-logos{
	padding-bottom:20px;
	padding-top:20px;	
	background-color:#fff;
	margin-bottom:25px;
	margin-top:10px;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
}

#theads{
	background-color:#fff;
	margin-bottom:20px;
	margin-top:20px;
	padding-top:15px;
	padding-bottom:15px;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
}


.column-6-padded{/* 40 pixels narrower to accomodate 20px padding each side*/
	width:420px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
}

.column-4-padded{/* 40 pixels narrower to accomodate 20px padding each side*/
	width:260px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
}

.column-4-shaded{
	/*-moz-linear-gradient(center top , #ccc, #333)*/
	
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#405778', endColorstr='#21395b'); /* for IE */
	/*background: -webkit-gradient(linear, left top, left bottom, from(#405778), to(#21395b)); /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #f1f1f1,  #f3f3f3); /* for firefox 3.6+ */ 
	
	background-color:#fff;
	
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	width:280px;
	margin-right:10px;
	margin-left:10px;
	float:left;	
	padding:10px;
	
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	
}

.boxme h2{
	font-size:13px;
	line-height:16px;	
	margin-bottom:5px;
	font-weight:bold;
}

.boxme-flex{
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	background-color:#FFF;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding:10px;
	margin-bottom:10px;
}

.boxme-flex li{
	margin-left:0px !important;	
}

.boxme{
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	background-color:#FFF;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding:15px;
	margin-bottom:5px;
	
	min-height:200px;
}

.boxme-nopad{
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;
	background-color:#FFF;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding:20px;;
	margin-bottom:20px;
}

#donation-address p{
	font-size:11px;	
	line-height:14px;
}

#contact li{
	line-height:22px;	
	
}

.mail{
	margin-top:30px;	
}

.thesponsors{
	margin-top:20px;
	margin-bottom:20px;	
}

.supporters{
	/*min-height:600px;	*/
}

.supporters li{
	list-style-type: none;		
}

#social{
	margin-left:50px;	
	float:right;
}

#social li a{
	padding-left:5px;
	padding-right:5px;	
}

.newsitem{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;		
}

.dotme li{
	list-style-type: disc;		
}

.spacer-30px{
	margin-top:30px;	
}

.column-4 h3{
	font-size:12px;
	color:#333;
	margin-top:15px;
}

.column-4 li{
	line-height:15px;
	font-size:11px;	
}

#winner-cap{
	margin-top:30px;	
}

#winner-cap li{
	list-style-position: inside;
	list-style-type: decimal;	
	font-size:11px;
	margin-bottom:4px;
}

#links a{
	font-size:12px;	
}

.bronzelevel img{
	margin:10px;
	width:80px;	
}