body {
	margin:0;
	padding:0;
	height:100%;
}

#root {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height:83px;
	background:yellow;
	background:#505559;
}

#mghcomp {
	background:red;
	height:22px;
}

.hdrLeftImg {
	float:left;	
}

.hdrRightImg {
	float:right;
}

#topnav {
	text-align:right;
	background:#a6bad2;
	color:white;
	padding-right:10px;	
	padding-bottom:2px;
}

#topnav a {
	font:bold 13px Arial, Helvetica, Sans-serif;
	text-decoration:none;
	color:white;
}

#main {
	background:url(../images/grad.gif);
	height:100%;
}

ul#navtabs {
	padding:0;
	margin:0;
	list-style-type:none;
	margin-left:205px;
	border-top:2px solid #a6bad2;
}

ul#navtabs li{
	margin:0;
	padding:0;
	margin-right:3px;
	float:left;
	width:144px;
	height:45px;	
}

ul#navtabs li a{
	display:block;
	width:144px;
	height:45px;
	text-decoration:none;
}

#tb_index{background:url(../images/tabi_home.jpg)}
#tb_index.active{background:url(../images/taba_home.jpg)}

#tb_einservice{background:url(../images/tabi_einservice.jpg)}
#tb_einservice.active{background:url(../images/taba_einservice.jpg)}

#tb_evideolibrary{background:url(../images/tabi_evidlib.jpg)}
#tb_evideolibrary.active{background:url(../images/taba_evidlib.jpg)}

#tb_etechtraining{background:url(../images/tabi_etechtrain.jpg)}
#tb_etechtraining.active{background:url(../images/taba_etechtrain.jpg)}

#tb_epdwebinars{background:url(../images/tabi_epdwebinars.jpg)}
#tb_epdwebinars.active{background:url(../images/taba_epdwebinars.jpg)}

#leftcol {
	margin:0;
	clear:left;
	float:left;
	width:205px;
}

#rightcol {
	background:white;
	width:731px;
	float:left;
	clear:right;
}


#root {
	height:630px;
}

#leftcol, #rightcol {
	height:630px;
}

.content {
	color:#333;
	padding:20px 30px;
	font:12px Arial, Helvetica, sans-serif;
}

ul#leftnav {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#leftnav li{
	margin:0;
	padding:0;
	margin-bottom:10px;
}


.leftbtn{
	padding-top:17px;
	text-align:center;
}

#footer {
	clear:left;
	color:#ccc;
	height:50px;	
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
}

#footer div{
	padding:0 60px;
	display:inline;
}

#footer a{
	padding:0 4px;
	text-decoration:none;
	color:#666;
}

#boxMain {
	width:540px;
	line-height:140%;
	font-size:13px;
}

#boxMain h1 {
	color:#666699;
	font:bold 25px Verdana, Arial, Helvetica, sans-serif;
	margin:2px 0 4px 0;
}

#boxMain p {
	margin:5px 0px;
	padding:0px 2px;
}

#boxStrategy {
	margin-top:25px;
	width:80%;
}

#boxStrategy h2{
	font:bold 15px Arial, Helvetica, sans-serif;
	margin:0px 0 0px 0;
}

#boxStrategy p {
	margin:5px 0px;
	padding:0px 2px;
}

#boxWebinar {
	margin:25px 0 0 -20px;
	background-image:url(../images/bg_webinar.jpg);
	width:690px;
	height:170px;
}

#boxWebinar h2{
	font:bold 18px Arial, Helvetica, sans-serif;
	margin:4px 0 4px 190px;
	padding:28px 0 0 0;
}

#boxWebinar p {
	margin:5px 0px 5px 260px;
	padding:0px 2px;
	width:400px;
}

#boxWebinar p.regText {
	margin-left:270px;
	width:400px;
}

.leftpane {
	float:left;
	width:280px;
}

.rightpane {
	float:right;
	width:380px;
	height:460px;
	background:url(../images/box_programcomp.jpg) no-repeat;
}

#paneinfo{
	background:url(../images/chsprog_orng.gif) no-repeat;
	width:228px;
	height:90px;
	margin:0;
	padding:42px 30px 0 16px;
	font:bold 13px Arial, Helvetica, sans-serif;
}

.lstSubject{
	background:url(../images/dispheader_orng.gif) no-repeat;
	height:30px;
	width:258px;
	margin-bottom:2px;
	color:#a79275;
	font:bold 18px Arial, Helvetica, sans-serif;
	padding:7px 0 0 14px;
	cursor:pointer;
}

.lstSubject.active{
	background:url(../images/dispheader_orng.gif) 0px -38px no-repeat;
}

.lstProgram{
	width:262px;
	margin:0 2px;
	padding:0;
	border:1px solid #a79275;
}

.lstProgram ul{
	margin:0px;
	padding:0px;
	list-style:none;
	height:0px;
	overflow-y:scroll;
}

.lstProgram ul li {
	padding:5px 10px 5px 10px;
	margin:0;
	border:1px solid white;
	cursor:pointer;
}

.lstProgram ul li.selectedProgram{
	background:#FFFAEF;
	border:1px solid #EFC98D;
}

.lstProgram ul li.active{
	background:#FFFAEF;
	border:1px solid #f0f0f0;
}

#lstAccordion{
	border-bottom:1px solid #a79275;
	width:268px;
	visibility:hidden;
}

.linkList {
	list-style-type:none;
	height:243px;
	overflow:auto;
	padding:0;
	margin:35px 14px 45px 25px;
}

.linkList li {
	margin:0;
	padding:0;
	margin-top:12px;
	padding-bottom:5px;
}

#einservice .rightpane {
	background:url(../images/box_programcomp.jpg) no-repeat;
}

#einservice .linkList{
	height:243px;
}


#evideolibrary .lstSubject {
	background:url(../images/dispheader_vl.gif) no-repeat;
	color:#557777;
}

#evideolibrary .lstSubject.active {
	background:url(../images/dispheader_vl.gif) 0px -38px no-repeat;
}

#evideolibrary #paneinfo {
	background:url(../images/chsprog_vl.gif) no-repeat;
}

#evideolibrary .lstProgram ul li.selectedProgram{
	background:#EFF6EF;
	border:1px solid #AAEEAA;
}

#evideolibrary .lstProgram ul li.active{
	background:#EFF6EF;
	border:1px solid #f0f0f0;	
}

#etechtraining .lstSubject {
	background:url(../images/dispheader_tt.gif) no-repeat;
	color:#81709D;
}

#etechtraining .lstSubject.active {
	background:url(../images/dispheader_tt.gif) 0px -38px no-repeat;
}

#etechtraining #paneinfo {
	background:url(../images/chsprog_tt.gif) no-repeat;
}

#etechtraining .lstProgram ul li.selectedProgram{
	background:#FAF5FB;
	border:1px solid #A08FB7;
}

#etechtraining .lstProgram ul li.active{
	background:#FAF5FB;
	border:1px solid #f0f0f0;
}

#ewebinars .lstSubject {
	background:url(../images/dispheader_wn.gif) no-repeat;
	color:#5b678b;
}

#ewebinars .lstSubject.active {
	background:url(../images/dispheader_wn.gif) 0px -38px no-repeat;
}

#ewebinars #paneinfo {
	background:url(../images/chsprog_wn.gif) no-repeat;
}

#ewebinars .lstProgram ul li.selectedProgram{
	background:#DDE0E9;
	border:1px solid #A2AAC5;
}

#ewebinars .lstProgram ul li.active{
	background:#DDE0E9;
	border:1px solid #f0f0f0;
}

#ecalendar .lstSubject {
	background:url(../images/dispheader_cal.gif) no-repeat;
	color:#a47e2a;
}

#ecalendar .lstSubject.active {
	background:url(../images/dispheader_cal.gif) 0px -38px no-repeat;
}

#ecalendar #paneinfo {
	background:url(../images/chsprog_cal.gif) no-repeat;
}

#ecalendar .lstProgram ul li.selectedProgram{
	background:#FDF9EC;
	border:1px solid #FFE68F;
}

#ecalendar .lstProgram ul li.active{
	background:#FDF9EC;
	border:1px solid #f0f0f0;
}

#ecalendar .rightpane {
	background:url(../images/box_programcomp_cal.gif) no-repeat;
	text-align:center;
}

.calendar {
	height:395px;
	padding:0;
	margin:35px 30px 45px 25px;
}

.calendar table td {
	background-repeat:no-repeat;
}

.eventtitle {
	font-family:Helvetica;
	font-size:13px;
	font-weight:bold;
	color:#b99316;
	text-align:left;
}

.eventdetail {
	font-family:"Arial";
	font-size:12px;
	color:#000000;
	text-align:left;
}


#boxtitlecolumn {
	background:url(../images/bac_banner.jpg) no-repeat;
	width:674px;
}

.boxtitle {
	font:12px Arial, Helvetica, sans-serif;
	width:156px;
	padding-top: 12px;
	text-align:center;
}

#boxtitlecolumn boxtitle h2 {
	color:#000000;
}

#boxtitlecolumn #einservicebox .boxtitle {
	background:url(../images/o_bac.jpg) no-repeat;
}

#boxtitlecolumn #evideoclipbox .boxtitle {
	background:url(../images/g_bac.jpg) no-repeat;
}

#boxtitlecolumn #etechtrainingbox .boxtitle {
	background:url(../images/p_bac.jpg) no-repeat;
}

#boxtitlecolumn #ewebinarbox .boxtitle {
	background:url(../images/b_bac.jpg) no-repeat;
}

.calendar #viewbox {
	border-color:#BBBBBB;
	border-style:solid;
	border-width:1px;
	width:310px;
	height:140px;
	overflow-y: Auto;
	padding:4px 0 0 15px;
}

#loadwait {
	background:#f0f0f0;
	width:225px;
	height:15px;
	padding:5px 20px;
	border:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
}

.text_details {
	padding:30px 10px 30px 30px;
	width:500px;
	font:13px verdana, Arial, Helvetica, sans-serif;
}

