/*
1. Global Variables
2. Global Elements & Classes
3. Main Page Structure
4. Individual Pages
*/

/* **************************************** Global Variables ****************************************** */

/* Global Variables */


a img{ border:0px;}
a:link, a:visited	{ color:#066; text-decoration:underline; }
a:hover,.a:active	{ color:#066; text-decoration:none; }
.hr 				{ height:1px; border-top:1px dotted #CCCCCC; margin:15px 0; clear:both; }


/* ************************************ Global Elements & Classes ************************************ */
/* Global Elements & Classes */
ol, li, dl, dt, dd, hr, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, label, legend { 
	padding:0; margin:0; border:0;
	}
body { 
	font:0.9em arial,verdana,tahoma,helvetica,sans-Serif; color:#000;
	height:100%; min-height:100%;
	padding:5px; margin:0; border:0;
	text-align:center;
	}
body.home { 
	font:0.9em arial,verdana,tahoma,helvetica,sans-Serif; color:#000;
	height:100%; min-height:100%;
	padding:5px; margin:0; border:0;
	text-align:center;
	background: url(assets/images/home-bg.gif) 0 110px repeat-x ;
	}
body.landing { 
	font:0.9em arial,verdana,tahoma,helvetica,sans-Serif; color:#000;
	height:100%; min-height:100%;
	padding:5px; margin:0; border:0;
	text-align:center;
	}
h1 { font-size:18px; margin-top:0px; margin-bottom: 5px; line-height:22px; color: #006699 ; font-weight: normal}
h2 { font-size:16px; margin:5px 0; }
h3 { font-size:15px;  }
h4 { font-size:14px; margin-top:0px; line-height:22px; }
h5 { font-size:13px; }
h6 { font-size:12px }

i, em		{ font-style:italic; }
bold, strong{ font-weight:bold; }
img 		{ border:0; }

ul { margin:10px; list-style:none; }
ol { margin:10px; padding:0 0 0 15px; }
li { 
	padding:0 0 0 13px; 
	margin:5px 0; 
	line-height:16px; 
	position: relative;
	}

.hcmain { margin: 4px 4px 4px 0 }
.clear_both		{ clear:both; }
.subnav { color: #036735; font-size: 12px }
.transcript p { padding: 5px 0 }

/* common modules */
.module-blue {}
.module-blue .title { height: 23px;  background: url(assets/images/module-top-blue.gif) top left repeat-x; border: 1px solid #cccccc; }
.module-blue .title h4 { font-weight: bold; color: #fff;  }
.module-blue .content {  border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }

.module-gray {}
.module-gray .title { height: 23px;  background: url(assets/images/module-top-gray.gif) top left repeat-x; border: 1px solid #cccccc; }
.module-gray .title h4 { font-weight: bold; color: #006699;  }
.module-gray .content {  border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }

.module-orange {}
.module-orange .title { height: 23px;  background: url(assets/images/module-top-orange.gif) top left repeat-x; border: 1px solid #cccccc; }
.module-orange .title h4 { font-weight: bold; color: #006699; text-align: center  }
.module-orange .content {  height: 250px; overflow: auto;   border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
/* common modules */

/* ******** layout ********** */

#topheader { width: 980px; margin: 00px auto 0 auto; text-align: center; background: url(assets/images/landing-bg.gif) 50% 105px no-repeat ; }
#topheader table td { vertical-align: top }
#logo {  width: 200px; text-align: center; margin-right: 10px; margin-top: 15px }
/* search */
#search { text-align: center; margin: 15px auto 0 auto; width: 510px; height: 38px; background-color: #e5e5e5; vertical-align: middle  }
#search .searchtextbox { width: 340px; margin-top: 8px }
#login { margin-left: 20px; margin-top: 12px;  text-align: left; font-size: 11px; color: #006699; height: 55px }
#login a { color: #cc6600; font-weight: bold }
input.username { width: 88px }
input.password { width: 88px }

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

#nav-menu li
{
float: left;
margin: 0 4px 0 0;
padding: 0 0;
}

#nav-menu li a
{
background: url(assets/images/top-nav-bg.gif) #fff bottom left no-repeat;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
width: 125px;
height: 35px;
color: #006699;
text-decoration: none;
text-align: center;
font-size: 12px; 
font-weight: bold;
}
#nav-menu li a b { position: relative; top: 5px; margin-top: 3px }

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
margin-top: 0px;
} 

#midcontent { width: 980px; margin: 15px auto; text-align: center }
#videos { width: 200px; float: left; }
#videos .module-gray .content { height:255px; text-align: left; padding-left: 10px;overflow: auto;  }
#videos .module-gray .content h1 { color:#cc6600; font-size: 12px; }

.mainLevel a {color:#cc6600; font-size: 12px; } 
.mainLevel a:visited {color:#cc6600; font-size: 12px; } 
.last a {color:#cc6600; font-size: 12px;  } 
.last a:visited {color:#cc6600; font-size: 12px;  } 
.mainLevel ul div a { color: #006666; text-decoration: underline; margin-left: 10px }
.mainLevel ul div a:visited { color: #006666; text-decoration: underline; margin-left: 10px }
.content ul { padding: 0; margin: 0 }
.content ul li { padding: 0; margin: 0 }

#tabs {  text-align: center; margin: 0 10px; width: 460px; float: left; background-color: #cccccc; height: 281px }

#rotTabs { width: 434px; text-align: center; margin: 0 auto  }
.rotTab {  font-size: 12px; font-weight: bold;  text-align: center; float: left; }
.rotTab a { text-decoration: none; color: #006699;  display: block; width: 107px; height: 31px;  background: url(assets/images/homepage/tabOff.gif) top left no-repeat;  }
.rotTab a b { padding-top: 8px; display: block }
.rotTab a:hover { text-decoration: none; color: #cc6600;  display: block; width: 107px; height: 31px;  background: url(assets/images/homepage/tabOn.gif) top left no-repeat; }
.rotTab a.On { text-decoration: none; color: #cc6600;  display: block; width: 107px; height: 31px;  background: url(assets/images/homepage/tabOn.gif) top left no-repeat; }
#rotTab1, #rotTab2, #rotTab3 { margin-right: 2px }


#mostpopular { width: 300px; float: left;  }
#midcontent .content { height: 255px; background-color: #fff; overflow: auto }

#lowcontent { width: 980px; margin: 20px auto; text-align: center }
#experts { width: 200px; float: left; }
#experts .content { overflow: auto; height: 250px }
#recentvideos { margin: 0 10px; width: 460px; float: left;  }
#recentvideos .title { text-align: left; text-indent: 10px }
#recentvideos .content { padding-top: 00px }
#ad { width: 300px; font-size: 11px; color: #666666; text-align: center }
#lowcontent .content { }

#mostpopularrow { min-height: 65px; padding: 5px; text-align: left; background: url(assets/images/most-popular-bg.gif) bottom left repeat-x }
#mostpopularrow img { border: 1px solid #fff }
#mostpopularrow h1 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; line-height: 1.4em}  
#mostpopularrow p { font-size: 11px; padding: 0px; margin: 0px  }
#mostpopularrow a { color: #036735 }

.mostrecent { width: 210px; margin-left: 10px; min-height: 58px; float: left; text-align: left; margin-top:5px; margin-bottom: 5px }
.mostrecent h1 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; line-height: 1.4em }  
.mostrecent p { font-size: 11px; padding:0; margin: 0px  }
.mostrecent a { color: #036735 }

#conditionslandingintro p { font-family: arial, helvetica }
#conditionslandingintro img  { margin-left: 10px }



#land-midcontent { width: 980px; margin: 30px auto 50px auto; text-align: center  }
#land-midcontent #left { width: 200px; float: left; margin-right: 20px  }
#land-midcontent #left .module-gray .content { height: 250px; overflow: auto; text-align: left; padding-left: 10px }
#land-midcontent #left .module-gray .content h1 { color:#cc6600; font-size: 12px; }
#land-midcontent #left .module-blue .content { overflow: auto; text-align: left; height: 250px }
#land-midcontent #left .module-blue .content h1 { color:#006699; font-size: 11px; padding: 0; margin:0; line-height: 1.2em }


#land-midcontent #middle { width: 440px; float: left; text-align: left; margin: 0 auto; font-size: 13px   }
#land-midcontent #right {  width: 300px; float: right;  } 
#land-midcontent #right .module-orange .content { text-align: left; }
#land-midcontent #right .module-orange .content h1 { color:#006699; font-size: 11px; }

#land-midcontent #middlevideo { width: 760px; float: left; text-align: left; margin: 0 auto; font-size: 13px  }

#land-midcontent #middlevideo #videoleft { width: 430px; float: left; text-align: left; margin: 0 auto; font-size: 13px   }
#land-midcontent #middlevideo #videoright {  width: 300px; float: right; margin: 15px 0 0 0  } 
#land-midcontent #middlevideo #videoright .module-orange .title { text-align: center }
#land-midcontent #middlevideo #videoright .module-orange .content { height: 250px; overflow: auto; text-align: left; }
#land-midcontent #middlevideo #videoright .module-orange .content h1 { color:#cc6600; font-size: 12px; }

#footer { width: 980px; margin: 0px auto 50px auto; text-align: left; font-size: 13px }
#hon img { margin-right: 5px; text-align: top }
.breadcrumbs { margin-bottom: 10px }

table.videolist { margin-bottom: 10px }
table.videolist td p { padding: 4px 0 4px 0; margin: 0px }
table.videolist td h2 { padding: 0px; margin: 0px }
table.videolist td { vertical-align: top }
table.videolist td img { margin-right: 10px }
table.videolist td a.orange { color: #CC6600 }

#popupMain { width: 580px; text-align: center; margin: auto; }
#popupMain .logo { float: left }
#popupMain .links { float: right; width: 250px; margin: 30px 0 0 0; color: #CC6600; font-weight: bold }
#popupMain .links a { color: #CC6600; font-size:11px }
#popupMain #popContent { clear: both; border-bottom: 1px solid #CCCCCC; width: 572px; margin-left:4px }
#popupMain #popContent ul { list-style-position:outside; list-style-type:disc; margin: auto; padding: auto; }
#popupMain #popContent ul li { padding: 0 }

	
/* In-Section Navigation */
.subNavigation { margin: 20px 0 20px 4px;  }
.subNavigation ul {	list-style:none; padding:0; margin: 0; padding: 0 }
.subNavigation li {	list-style:none; display:inline; margin:0; float: left; margin-right: 1px; padding:0}

.subNavigation a, .subNavigation a:visited { 
	color:#006699;
	font:bold 12px arial; 
	text-decoration:none;
	padding: 4px 7px;
	display: block;
	border:1px solid #CCCCCC; border-bottom-width:0;
	background-color: #CCCCCC;
	}
.subNavigation a:hover {
	color:#006699;
	background-color: #fff;
	}
.subNavigationOn a, .subNavigationOn a:visited { 
	color:#006699;
	font:bold 12px arial; 
	text-decoration:none;
	border:1px solid #CCCCCC; 
	border-bottom-width:0;
	background-color: #fff;
	}
.subNavigationOn a:hover {
	color:#006699; cursor:default;
	}

.toplogin { margin-top: 13px }
.topad { margin-top: 5px }
.regError { color: red; padding: 2px 0; display: none }
.regtable td { vertical-align: top }

#addthisbutton { float: right; margin-right: 0px; margin-top: 4px }