/* ---[ common elements ]--------------------- */

body {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	font: 13px/15px Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	text-align:center;
	background-color:#b9c591;
	
}

h1 {
	
	background: url(../images/header.jpg) no-repeat;
	text-indent: -2000px;
	width: 800px;
	height: 96px;
	margin: 0;
	
	font: 0px Arial, Helvetica, sans-serif;
}

h2 {
font: bold 18px Arial, Helvetica, sans-serif;
color: #005953;
}

h3 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #005953;
}

p {
font: 1.2em Arial, Helvetica, sans-serif;
color: #005953;
}

a {
	color: #0033CC;
}

hr {
background-color: #dbdbdb;
color: #dbdbdb;
height: 1px;
}

.clear {
clear: both;
}

.small {
font: 0.9em Arial, Helvetica, sans-serif;
}

#container {
width: 800px;
padding: 0;
margin: 0;

background: #fff;
}

#header {
	width: 800px;
	height: 96px;
	margin: 0;
	padding: 5px 5px 5px 5px;
}

#content {
width: 780px;
padding: 10px;
margin: 0;

}

#content li {
	font-size: 1.1em;
	margin-bottom: 10px;
	color: #005953;
	float: left;
}

#video {
width: 780px;
text-align: center;

}

#thumbs {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}

#thumbs li {
	padding: 0px 20px 0px 0px;
	display: inline;
	list-style: none;
}

#thumbs a img {
border: 4px solid #febd42;
}

#thumbs a:hover img {
	border: 4px solid #006b66;
	padding: 0px 0px 0px 0px;
}

#thumbnails {
	width: 670px;
	padding: 20px;
	margin: 0px;
	text-align: center;

}

#bullet {
width: 250px;
padding: 5px 0px 0px 0px;
margin: 10px 0px 0px 0px;
text-align: left;
float: right;
}

#bullet p {
font: 1.1em Arial, Helvetica, sans-serif;
}

#bullet2 {
width: 300px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
float: right;
}

#bullet2 li {
font-size: 15px;
margin: 0px 0px 10px 0px;
color: #005953;
float: left;
}
#footer {
	width: 790px;
	height: 66px;
	clear: both;
	padding:5px 5px 5px 5px;

}
#footerbox{
	width: 790px;
	height:46px;
	background-color:#CCCCCC;
	text-align:right;
	padding-top:20px;
}