/* CSS Document */
@charset "utf-8";
* { font-family: Arial,Helvetica,Verdana,sans-serif; }
body { margin:0; padding:0; font-size:14px; color:#666; line-height:150%; text-align:center; background:url('../images/bg_header.gif') repeat-x;}
	/* firefox 2.0/3.0 hacks only, for 1px background issue */
	body, x:-moz-any-link {position:relative;left:-1px;}
	body, x:-moz-any-link, x:default {position:relative;left:-1px;}

/*  link */
/* basic*/
a:link,
a:visited { color:#666666; text-decoration:none; }
a:hover { color:#666666; text-decoration:none; }
a:active { color:#336699; text-decoration:none; }
	
img { border:0; }
hr { display:none;}
ul { margin:0; padding:0; list-style:none; font-family: Arial,Helvetica,Verdana,sans-serif;}
li {font-family: Arial,Helvetica,Verdana,sans-serif;}
a  {font-family: Arial,Helvetica,Verdana,sans-serif;}
dl,dt,dd { margin:0; padding:0; font-family: Arial,Helvetica,Verdana,sans-serif;}

/* header_logo */
.logo {position:absolute; left:5px; top:8px; width:105px; height:105px; z-index:2;}
.iconshortcut  {position:absolute; right:20px; top:20px; z-index:2;}

#wrap {padding:0 0px 0 0px; margin: 0 auto 0 auto; text-align:left; width:1044px;}
#header { position:relative; height:172px; margin-left:0px; padding:0 0px 0 0px; text-align:left; background:url('../images/bg_nav.gif') repeat-x; z-index:1; } 



#footer { padding:0px 15px 0px 15px; text-align:right; font-size:12px; color:#8F8F8F; background:url('../images/bg_footer.gif') repeat-x; z-index:1;  }
#footer .footertext {padding:20px 15px 10px 15px;}

#footer .sitemap {padding:30px 15px 0px 15px; text-align:center}
#footer .sitemap .column{
	width: 250px; /*width of each menu column*/
	margin-right: 5px;
	text-align:left;
}

#footer .sitemap .column h3{
	font-size:13px;
	margin-bottom:0px;
}

#footer .sitemap .column a{ text-decoration: none; color:#FFFFFF;}
#footer .sitemap .column a:hover{ color:#33CCFF;}

#footer .sitemap .column ul{
	margin-top:0px;
	margin: 0;
	padding-left: 15px;
	list-style-type: none;
}

#footer .sitemap .column ul li{
	padding-bottom: 0px;
	text-align:left;
}

#footer .column ul li a{
	text-decoration: none;
	color: #ffffff;
}

#footer .column ul li a:hover{
	color:#33CCFF;
}


#footer2 { clear:both; height:105px; padding:0px 15px 0px 15px; text-align:center; font-size:12px; color:#8F8F8F; background:url('../images/bg_footer2.gif') repeat-x;}
#footer2 .footer2text { padding:80px 15px 0px 15px; text-align:center}
#footer2 .footer2text ul { margin: 0; padding: 0; text-align: center;}
#footer2 .footer2text li { display: inline; list-style: none; padding: 10px 5px 10px 5px;}



.title { color: #ff9900; display: block; padding: 5px;	font-size:16px;	font-weight:bold;}
.main_banner {float:left; position:relative;width:825px; height:401px;  padding:0; margin:0; z-index:0; background-color:#FFFFFF; text-align:left;}
.main_videothumb {float:left; position:relative; width:199px; height:401px; padding:0; margin:0; z-index:0; background:url(../images/videoThumb_bg.png) no-repeat;}
.main_videothumb .main_videothumbContent {position:relative; width:162px; background:#fff; margin:40px 0px 20px 18px; }
.main_videothumb .watchvideo_label {position:absolute; left:16px; bottom:20px;}

.mainpage_content {position:relative; height:auto; z-index:0; text-align:left; margin: 30px 15px 30px 15px; padding:30px 15px 30px 15px; no-repeat; background-position:top center;}


/* webID input */
.personal_website {position:absolute; top:70px; right:18px; z-index:2;}
.personal_website input {vertical-align:middle; margin:0 5px 0 5px; padding:1px 5px 0 5px; border:1px solid #CDCDCD;}
.personal_website .webidinput {
	width:80px; height:20px; padding:1px 5px 0 5px;
	margin:0 1px 0 0; _margin:-2px 1px 0 0;
	font-size:12px; color:#9d9491;
	background:#fff;
	border:1px solid #CDCDCD;
}
*+html .personal_website .webidinput {margin:-2px 1px 0 0;}


/* Round corner */
.t {background: url(../images/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/blc.gif) 0 100% no-repeat}
.br {background: url(../images/brc.gif) 100% 100% no-repeat}
.tl {background: url(../images/tlc.gif) 0 0 no-repeat}
.tr {background: url(../images/trc.gif) 100% 0 no-repeat; padding:6px;} 


.text_box1 { top:0px; z-index:1; padding:0px 0 0 0; background-color:#ffffff; width:100%; height:150px;}
.text_box2 { top:0px; z-index:1; padding:0px 0 0 0; background-color:#ffffff; width:100%; height:80px;}

.text0 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #4b4b4b;
	font-weight : normal;
	text-decoration : none;
	line-height: 15px;
	}

.text1 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #6e6e6e;
	font-weight : normal;
	text-decoration : none;
	}
	
.text2 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #4b4b4b;
	font-weight : normal;
	text-decoration : none;
	line-height: 15px;
	}

.text3 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #0088cc;
	font-weight : bold;
	text-decoration : none;
	line-height: 30px;
	}
	
.warning {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #FF0000;
	font-weight : bold;
	text-decoration : none;
	line-height: 15px;
	}
	
.header1 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	color: #4b4b4b;
	font-weight : bold;
	text-decoration : none;
}

.header2 {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	color: #ffae00;
	font-weight : bold;
	text-decoration : none;
	line-height: 40px;
	margin-bottom:140px;
}
	
.copyright {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	color: #cccccc;
	font-weight : normal;
	text-decoration : none;
}	


#underConstruction {position:relative; margin:50px auto 50px auto;  padding:20px auto 20px auto; width:100%; text-align:center}


/*
#content {clear:both; position:relative; margin:0; padding:0; background-color: #ffffff; text-align:left; height: 100%; }
*/
#content
	{clear:both; 
	position:relative;  padding:1.5em 1.5em 1.5em 1.5em; height: 100%; width:100%; 
	}
	
#content .div1 { float:left; width:271px; padding:0 0 0 0; background:url('../images/leftNav_bg.png') no-repeat; z-index:100;}
#content .div2 { float:left; width:720px; padding:0 0 0 0; background:url('../images/mainContent_bg.png') no-repeat;z-index:100;}
/*
#content .div1 dl.dl1 .leftNav { position:relative; margin:20px 0 0 30px;}
#content .div2 dl.dl1 .mainContent { position:relative; margin:20px 22px 0 22px; border:1px solid; border-color:#e2e2e2; padding:0px 20px 20px 20px;}
*/
#content .div1 .leftNav { position:relative; margin:18px 0 0 30px; clear:both}
#content .div2 .mainContent { position:relative; margin:20px 22px 0 22px; border:1px solid #e2e2e2; padding:0px 20px 20px 20px;}
#content .div2 .topBanner { position:relative; margin:26px 0 0 22px;}

#content .leftNav {padding:10px 10px 0px 7px; }
#content .leftNav .column{
	width: 205px; /*width of each menu column*/
	margin: 0;
	padding: 0;
	text-align:left;
}

#content .leftNav .column h3{
	font-size:13px;
	margin:0px;
	padding:0px;
}

#content .leftNav .column h3 a{
	font-size:13px;
	margin-top:8px;
	display:block;
	width: 100%;
}

#content .leftNav .column h3 a:hover{
	font-size:13px;
	margin-bottom:0px;
	background-color:#e6e5f0;
	display:block;
}


#content .leftNav .column ul{
	padding-left: 0px;
/*	list-style-type: none;*/
}

#content .leftNav .column ul li{
	margin:0px 5px 0 15px;
	padding:0;
/*	height:20px; */ 
	letter-spacing:1px;
}

#content .leftNav .column ul li a{
	text-decoration: none;
	color:#666666;
	display:block; 
	width: 100%;
}

#content .leftNav .column ul li a:hover{
	color:#33CCFF;
	background:center;
	width: 100%;
	padding:0;
	background-color:#e6e5f0;
	display:block;
}

/* Mega Menu */
.megamainmenu {  
	position:absolute; 
	top:124px; 
	left:20px; 
	z-index:10000; 
	font-size:16px;	
	font-weight:bold; 
	font:Arial,Helvetica,Verdana,sans-serif;
	padding:1px 0 10px 0;
	border:none;
}


.megamainmenu a {
	border: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	border-style: solid;
	border-width: 0px; 
	background:none;
}

.megamainmenu a:hover{
	color: #336699;
	border: 0px solid #cccccc;
	border-top: 0px solid #cccccc;
	border-bottom: 1px solid white;
	border-style: solid;
	border-width: 0px; 
	background: 0f0087;
}

.megamenu{
	position:absolute;
	display: none;
	left: 0px;
	top: 0px;
	background: #1902d4;
/*
	filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
*/
	border: 0px solid #cccccc;
	border-width: 0px;
	padding: 10px;
	font: normal 14px Arial,Helvetica,Verdana,sans-serif;
	z-index: 2;
}

.megamenu .column{
	float: left;
	width: 220px; /*width of each menu column*/
}

.megamenu .column ul{
	margin: 0;
	padding-left: 25px;
	list-style-type: none;
	text-align:left;	
}

.megamenu .column ul li{
	padding-bottom: 5px;
}

.megamenu .column h3 {
/*	background: #e0e0e0; */
	font: bold 14px Arial,Helvetica,Verdana,sans-serif;
	margin: 0 0 3px 0;
	height: 20px;
/*	background-image:url(../images/bg_nav.gif); */
	padding-top:0px;
	text-align:left;
}

.megamenu .column h3 a{
	text-decoration: none;
	color:#FFFFFF;
}

.megamenu .column h3 a:hover{ color:#33CCFF;}

.megamenu .column ul li a{
	text-decoration: none;
	color: #ffffff;
}

.megamenu .column ul li a:hover{
	color:#33CCFF;
}


.videoThumb_container { margin: 30px auto; text-align: center; }

.page_seperator {margin: 0px auto 20px auto; padding: 0px auto 20px auto; text-align: center;}

.video_window {margin: 0; padding: 0; text-align: center;}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 0em;
	padding: 0;
	text-align: left;
	width:100%;				/* <-- use this to tie width to viewport size */
/*	width: 150em;*/				/* <-- use this for a set width */
	background-color: #fff;
	}
	
#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/top-left.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/top-right.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/bottom-left.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/bottom-right.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/top.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bottom.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(../images/rightside.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../images/leftside.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}