/** 1video.css 7-11-11**/

.wrapper {width: 100%; margin: 0px auto;
	background : #dddddd;}

.topbanner {border:solid 0px #000095; width:960px; height:95px;
	position:relative; margin:auto; padding: 0px 0px 0px 0px;}

body {	font: normal .8em Verdana, Arial, sans-serif;
	color: #2E2E2E;
	margin: 0px auto;
}

a {	color: #0000ff;
}

a:hover {	text-decoration: none;
}

h1 {	color: #ffffff;	
}

h3 {	font: normal 1.0em Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	margin: 5px auto;
}

h4 {	font: normal 1.8em Verdana, Arial, sans-serif;
	font-weight: bold;
	font-color: black;
	margin: 5px auto;	
}

#headlogo {	width:960px;
	margin:auto;
	padding: 3px 0px 0px 0px;
	height: 75px;
	border:solid 0px #000095;
	background: #000095;
}

#headlogo h1 {
	float: right;
	font: 2.8em times new roman;
	font-weight: bold;
	margin: 0px auto;
	padding: 15px 25px 0px 5px;
}

#menu {
	border:0px solid #000095;
	height: 26px;
	margin: 0px auto;
	background: url(images/menuback.jpg) no-repeat left top;
	padding: 3px 0px 0px 0px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	text-decoration: none;
	font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 5px 5px 5px;		
	color: #000095;
}

#menu a:hover {
	color: #999999;
}

#page {
  	width:960px;
	margin:auto;
	text-align:left;
	position:relative;
	background: #ffffff;
	border:solid 0px #cccccc;
}

#col1 {
  	width:580px;
	float:left; 
  	margin:20px 20px 15px 30px;
	line-height: 160%;
	border:0px solid green;
}

#col2 {
        	position:absolute;
	top:129px;
	left:640px;  	
  	width:300px;
	margin:22px 0px 10px 0px;
	border:0px solid blue;
}

#col3 {
	position:absolute;
	top:134px;
	right:10px;
  	border:0px solid green;
  	width:160px; 
  	margin:15px 0px 0px 0px;
}


.more {  	font:normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;
	float: left;
}

#related {
	width: 273px;
	font: normal 1.0em Arial, Helvetica, sans-serif;
	margin: 0px auto;		
	padding: 15px 10px 10px 15px;
	background: #ebebeb;
	border:solid 1px #969696;
}

#relread {
	width: 435px;
	position:relative; 
	padding: 0px;
	background: #ebebeb;
	border:solid 1px #969696;
}

.vid300head {border:solid 1px #000095; width:296px; height:20px; background-color:#000095;
	text-align:center; font-weight:bold; color: #ffffff; padding: 4px 0px 0px 0px;}

/** for 6 vid boxes height = 470**/
/** for 4 vid boxes height = 320**/
/** for 2 vid boxes height = 160**/
.vid300 {border:solid 1px #969696; width:296px; height:125px; background-color:#ebebeb;
	position:relative; font:normal 1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;}

.vid3001 {width:122px; position:absolute; top:16px; left:16px;}
.vid3002 {width:122px; position:absolute; top:16px; left:160px;}
.vid3003 {width:122px; position:absolute; top:170px; left:16px;}
.vid3004 {width:122px; position:absolute; top:170px; left:160px;}
.vid3005 {width:122px; position:absolute; top:324px; left:16px;}
.vid3006 {width:122px; position:absolute; top:324px; left:160px;}

.imgborder img{
	border: 1px solid #ccc;
}

.imgborder:hover img{
	border: 1px solid navy;
}

.imgborder:hover{
	color: red; /* irrelevant definition to overcome IE bug */
}

#searchbox {
	width: 400px;
	position:relative; 
	padding: 10px 10px 10px 25px;
	background: #ebebeb;
	border:solid 1px #969696;
}