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

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	}
.container {
	width: 740px;
	margin: 0 auto;
	}
	
	

	
	
	
#header {
	float: left;
	width: 100%;
	padding: 20px 0;
	background: #36568d;
	color: #fff;
	}
#logo {
	float: left;
	margin-left: 1px;
	}

#main-nav {
	clear: both;
	margin: 0 0 20px 0;
	background: #C1CCCB;
	}
#main-nav ul {
	margin: 0;
	padding: .5em 0;
	text-align: center;
	list-style: none;
	}
#main-nav li {
	display: inline;
	margin: 0 .5em;
	padding: .5em 0;
	}


/*  this is a left column. before using it make main-content 500px
#secondary-content {
	float: left;
	width: 200px;
	margin: 0 0 20px 0;
	padding: 10px;
	background: #ECEBE4;
	}
*/
	






#main-content {
	float: left;
	width: 740px;
	margin: 0 0 20px 1px;
	}

	
#main-content p {
	font-size:.86em;
	line-height:120%;
	}
	
p.centered {	
	text-align:center;
	}
	
	
	
.imgLeft {
	float:left;
	padding: 0 22px 12px 0;
}
	
#footer {
	clear: both;
	background: #36568d;
	color: #000;
	text-align: center;
	}
#footer p {
	font-size: .76em;
	padding: 1em;
	}
	
#footer a {
	color: #FFF;
	}	
	
	
	
h1, h2, p {
	margin-top: 0;
	}
h2 {
	font-size: 120%;
	}
a {
	color: #36568d;
	}
	
	
/* --------------- special for video player page ----------------------- */	
	
.containerVid {
	width: 928px;
	margin: 0 auto;
	}
	
	
#main-content-Vid {
	float: left;
	width: 910px;
	margin: 0 auto;
	}	
	
	
	
	/* --------------- special for photo lightbox jquery  page ------------- */	
	
	
#main-content-photos {
	float: left;
	width: 740px;
	margin: 0 0 20px 1px;
	border:1px solid green;

}