body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	margin-top: 0px;
	background-image: url("imagesdir/background2.jpg");
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
}

body.background {
	background-color: #F8F8F8;
}
.main {
    width: 900px;
	height: auto;
	margin-left: auto; 
	margin-right: auto;
	position: relative;
	border: 0px solid #336556;
}

.banner {
    width: 750px;
	height: 200px;
	background-color:#CCCCCC;
	text-align:center;
}

.videoblob {
    width:740px;
	height: 400px;
	overflow:auto;
	background-color: #FFFFFF;
	padding: 15px 5px 5px 5px;
}
.presblob {
    width:520px;
	height: 400px;
	top: 359px;
	left:220px;
	overflow:auto;
	position:absolute;
	background-color: #FFFFFF;
	padding: 15px 5px 5px 5px;
}
.presenter {
    width:220px;
	height: 400px;
	overflow:auto;
	background-color: #FFFFFF;
	padding: 15px 5px 5px 5px;
}
.blob {
    width:735px;
	height:520px;
	overflow:auto;
	background-color:#FFFFFF;
	padding: 10px 5px 10px 10px;
}
.blobloginpage {
    width:735px;
	overflow:auto;
	background-color:#FFFFFF;
	padding: 10px 5px 10px 10px;
}
td.horidiv {
    background-image: url("imagesdir/divider_hori.gif");
	background-repeat:repeat-x;
}

td.vertdiv {
    background-image: url("imagesdir/divider_vert.gif");
	background-repeat:repeat-y;
	width:10px;
}
	
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	vertical-align:top;
	padding-left: 10px;
	padding-top: 5px;
}

/* form css */
td.formleft {
	background-color: white;
	font-family: tahoma, sans-serif;
	font-size: 10px;
	font-weight:bold;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 0px;
	border-top: 0px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-right: none;
	text-align: right;
	vertical-align: top;
	color: #3153B2;
}
td.formright {
	background-color: white;
	padding-left: 10px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: left;
	color: #666666;
	vertical-align:middle;
}
td.formrightd {
	background-color: white;
	padding-left: 10px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	color: #666666;
	vertical-align:middle;
}
.contentform {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	border:  none;
	color: #666666;
	background-color: white;
}
.contentformbutton {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	border: 1px solid #666666;
	color: #666666;
	background-color: #EEEEEE;
}

.contentformFocused {
	font-family: tahoma, sans-serif;
	font-size: 10px;
	border:  none;
	color: #666666;
	background-color: #EEEEEE;
}
/* End from css*/


.mgsad {
    top: 370px;
	left: 770px;
	position:absolute;
}

form {
	background-color: #CCCC99;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	color: #3153B2;
	background-color: #DEDECA;
	background-image: url("imagesdir/navbar.jpg");
	padding-left: 10px;
}

.vidtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3153B2;
}

.subHeading {
    font-size: 10pt;
    font-weight: bold;
    color: #00489C;
}

.titleplain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3153B2;
}

.header {
    height: 100px;
	width: 900px;
	background-color: #FFFFFF;
	background-image: url("imagesdir/headerback.jpg");
	background-position: bottom;
	background-repeat:no-repeat;
}

.headerleft {
   height:92px;
   width: 900px;
   top: 0px;
   left: 0px;
   position:absolute;
   background-image: url("imagesdir/cpetvlogo.jpg");
   background-repeat:no-repeat;
   background-position:center;
}
   
.headercenter {
    height:80px;
	width:364px;
	left: 430px;
	top: 6px;
	position:absolute;
	background-image: url("imagesdir/ads/mgsbanner.jpg");
	background-repeat:no-repeat;
	background-position:center;
}
	
.headerright {
    height: 80px;
	width: 150px;
	left: 750px;
	top:0px;
	position:absolute;
	background-color: #FFFFFF;
	background-image: url("imagesdir/headerright.jpg");
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
	background-color: #999999;
	line-height: 32px;
	background-image: url("imagesdir/navbar.jpg");
	background-repeat:no-repeat;
	vertical-align:text-top;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
	color: #3153B2;
	vertical-align:top;
}

.sidebar {
    width:	150px;
	height: 80px;
	left: 750px;
	background-color:#666666;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	color:#FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
	text-align:right;
	padding-right: 10px;
}

p.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: thin;
    border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
    background-color: #DEDECA;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a {
	color: #3153B2;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#000000;
}
a.vclose {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #CC6600;
	text-decoration: underline;
}
	
input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

li {
   list-style-image: url("imagesdir/icon_bullet.gif");
}   
/* VIDEO SECTION*/
a.video {
	padding-left: 15px;
	background-image: url("imagesdir/icon_video.gif");
	background-position: center left;
	background-repeat: no-repeat; 
}

div#popupVid {
	width: 320px; 
	position: absolute;
	border: 0px solid #B0AF6C;
}

div#popupVid.invisible {
	width: 0px;
}

div#popupVid .heading {
	background-color: #3153B2;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding: 2px 2px 2px 2px;
}

div#popupVid .heading span {
	float: right;
	font-weight: normal;
}

div.mainvfloatvid {
    height:auto;
	width:auto;
}

.hidden {
	display: none;
}				
