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

@import url(header.css);

body {
	margin: 20px 0 0 0;
	background: url('../img/layout/bgTile.gif') repeat #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: center;
}

#main {
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	width: 960px;
	overflow: hidden;
}

#content {
	text-align: left;	
	float: left;
	background: #fff;
	display: block;
	margin: 0 0 0 0;
	padding: 0 20px 20px 20px;
	overflow: hidden;
	width: 920px;
}

a {
	text-decoration: none;
	color: #cc3333;
	clear: left;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

p {
	margin: 0 0 0 0;
}

h2{
	margin: 2px 0 0 0;
	color: #333;
	font-size: 12px;
}

h3{
	margin: 10px 0 0 0;
	color: #333;
	font-size: 11px;
}

h2{
	margin: 2px 0 0 0;
	color: #333;
	font-size: 12px;
}

h3{
	margin: 10px 0 0 0;
	color: #333;
	font-size: 11px;
}

#header {
	background: url('../img/header/header_bg.gif') 10px repeat-x #fff;
	float: left;
	width: 920px;
	padding: 10px 0 0 0;
	margin: 9px 0 0 0;
	height: 74px;
	overflow: hidden;
	display: block;
}

/* One Column */
#oneCol{
	margin: 10px 0 0 0;
	float: left;
	display: inline;
	min-height: 550px;
 	height:auto !important;
 	height:550px;
}

#oneCol #colOne {
	margin: 10px 0 20px 0;
	float: left;
	display: block;
}



/* Two Col */
#twoCol{
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	display: inline;
	min-height: 550px;
 	height:auto !important;
 	height:550px;
}

#twoCol #colOne{
	float: left;
	width: 200px;
	margin: 10px 0 10px 20px;
	display: inline;
	overflow: hidden; 
}

#twoCol #colTwo{
	float: left;
	width: 700px;
	margin: 10px 0 10px 0;
	display: inline;
	overflow: hidden;
	
}


/* Three Column */
#threeCol{
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	background: url('../img/layout/threeCol_bg.gif') repeat-y #fff;
	display: inline;
	min-height: 550px;
 	height:auto !important;
 	height:550px;
}



#threeCol #colOne {
	width: 200px;
	clear: left;
	float: left;
	margin: 10px 0 10px 0;
	padding: 0 0 0 0;
	display: inline;
}

#threeCol #colTwo {
	margin: 10px 40px 10px 40px;
	padding: 0 0 0 0;
	float: left;
	width: 440px;
	display: inline;
}

#threeCol #colTre {
	margin: 10px 0 10px 0;
	width: 200px;
	padding: 0 0 0 0;
	float: left;
	display: inline;
}


#footer {
	float: left;
	width: 920px;
	display: block;
	border-top: solid 1px #ccc;
	clear: left;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
}

#footer p.copyright {
	float: right;
	margin: 0 0 0 0;
	display: inline;
	font-size: 10px;
}

#footer p.beta {
	float: right;
	margin: 0 0 0 0;
	display: inline;
}




/* various page elements */
#video, #videoA{
	clear: left;
	float: left;
	display: block;
	margin: 0 0 10px 0;
	display: inline;
}

#video2, #videoB{
	float: left;
	margin: 0 0 10px 10px;
	display: inline;
}

a.block {
	clear: left;
	display: block;
}

p.credit {
	font-size: 9px;
	color: #999;
	margin: 2px 0 0 0;
}

p.credit a{
	color: #999;
}



ul {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-weight: bold;
	text-transform: uppercase;
}

li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

li a {
	color: #333;
}

li a:hover {
	text-decoration: underline;
}