﻿/* testpadding-top:1px;vertical-align:top;width:172px;

hr{border-width:thin;border-color:#000000;border-style:dotted;}
p{border-width:thin;border-color:#000000;border-style:dotted;}
a{border-width:thin;border-color:#000000;border-style:dotted;}
div{border-width:thin;border-color:#000000;border-style:dotted;}
*/


/* html */
html{padding:0;height:100%;padding:0;}
body{background-color: #868686; font-family: arial;color: #333;font-size: 12px;margin:0;height: 100%;padding:0;}
img { border:0;}
a{color:#666;font-size:12px;font-weight:bold;}

/* global */
img.pad {padding:5px 10px 5px 10px;position: relative;}
div.verticalLine {width:1px; background-color:#666;}
.clearer {border: 0 none;clear: both;display: block;float: none;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden; width:0;}
.ulined{text-decoration:underline;}
.ssi_green{color:#33AA44;}
.vrline {float:left; display:inline;background-color: #CCCCCC;width: 1px;margin:5px 10px 5px 10px;}
.alert{color:#ff0000;font-weight:bold;font-size:12px;text-align:center;}

/* main */
#main{padding:0;width: 970px;margin:0 auto;height: 700px;background-repeat: no-repeat;background-color:#ffffff;}
#contentContainer{padding:13px;height:1620px;background-color:#ffffff;}

/* footer */
div#footerContainer {margin: 0 auto;height: 22px;background-image:url("../../Media/Assets/en-US/Img/Global/green-bar-tile.jpg");  font-size: 11px;}
#footer ul{list-style-type: none;font-weight: bold;display: block;margin:0 0 0 0;}
#footer li a {color: #fff; text-decoration: none;line-height: 22px;display: block;padding: 0 15px 0 15px;margin: 0;}
#footer li {margin: 0; padding: 0;font-size: 11px;float: left; font-size: 1.0em;color: #333333;padding:2px 3px 2px 1px;}
#footer li a:hover,#footer li.current a:hover {text-decoration: none;}
div#footer ul li.pipe{color:#FFFFFF; padding:5px 3px 2px 1px;}
#footerRight{ float:right;color:#FFFFFF; padding:2px 9px 2px 1px; font-weight:bold;}

/* header */
div#topSearch{ height:25px; background-image:url("../../Media/Assets/en-US/Img/Global/grey-bar-tile.jpg");margin:0;}
div#topSearch #topSearchLeft{position: relative; width: 40%;float: left;font-size:11px;font-weight:bold;padding:6px 0px 0px 8px;}
div#topSearch #topSearchRight{position: relative; width: 40%;float: right;}
div#topSearch #topSearchRight .searchTextBox{float: right;}
div#topSearch #topSearchRight  .searchGo{float: right;padding:2px 2px 2px 2px; margin-right:10px; }
input.search{color:#000000;background-color:#fff; font-size:11px; height: 12px; margin-top:2px;}
div#logo{ background-image:url("../../Media/Assets/en-US/Img/Global/masthead_bkgnd.jpg");height:82px;margin:0;z-index:auto;}
div#logo .logoImg{width:296px; float: left;padding: 12px 2px 2px 2px;margin-left:10px;}
div#logoText{width:312px;float: left; font-size:22px;color:#666; font-weight:bold;padding-top:18px;}
div#hdrlogin{float: right; }

/* topnav */
#navContainer {text-align:left;height: 24px;background-image:url("../../Media/Assets/en-US/Img/Global/green-bar-tile.jpg");width:100%;float:left;}
div#navContainer ul{float:left;text-align: left;list-style-type: none;margin:0;}
div#navContainer ul li{float: left; font-size: 1.0em;padding:2px 3px 1px 1px;font-weight:bold;}
div#navContainer ul li.pipe{color:#FFFFFF; padding:5px 3px 1px 1px;}
#navContainer li a {color: #fff; text-decoration: none;line-height: 22px;display: block;padding: 0px 12px 0 12px;margin: 0;}
#navContainer li {margin: 0; padding: 0;font-size: 11px;}
#navContainer li a:hover,#globalNav li.current a:hover {text-decoration: none;}
#navContainer li.current a {color: #a8c479;}
#navContainer li a:hover {color: #dfe9ae;}
#navContainer .state {float:right;margin:6px 10px 1px 10px;}
#navContainer .state a{color:#fff;font-weight:bold;text-decoration: none;}
#navContainer .stateHide {float:right;margin:6px 10px 1px 10px;display:none;}

/* content */
div#herobox{float:right;width:560px;height:180px;}
div#heroimg{float:left; background: #fff url(../../Media/Assets/en-US/Img/Home/hm_ddc_banner.jpg) no-repeat;width:940px;height:235px;margin-top:8px;}
div#herotext{float:right; width: 482px;padding:10px 0px 10px 10px;margin-left:20px; vertical-align:middle;}
div#herotext h1{color:#666; font-size:20px;margin-top:35px;}
div#heroLeft{margin-left:50px; float:left; width:500px;}
div#heroLeft  img{margin-left:20px;}
div#heroRight{ margin-right:40px; float:right;}
.searchContainer { float: right; text-align: right; width: 305px;}

/* this should be deprecated */
div#greyHeaderBar{width:98%; height:20px; background-image:url("../../Media/Assets/en-US/Img/Global/grey_bar_tile.jpg"); font-size: 1.0em;color:#333333;font-weight:bold;padding:1px 0px 0px 5px;}
#greyHeaderBar ul{list-style-type:none; margin:0 0 10px; padding-left:10px;padding-top:3px;}
#greyHeaderBar li.right{margin:0; float: right; padding-right:10px;}
#greyHeaderBar li.left{margin: 0; float: left;}

/* generic content pages*/
div#lg_cntpage_container{ height:1200px; padding:10px 0px 0px 0px;}
#cntpage_container{ height:1200px; padding:10px 0px 0px 0px;}
div#cntpage_container_leftbox{float:left; width:500px;padding-left:2px;padding-right:10px;}
div#cntpage_container_leftboxsm{float:left; width:480px;padding-left:2px;padding-right:10px;}
div#cntpage_container_rightbox{ float:right;width:427px; line-height: 140%;}
div#cntpage_container h1 {font-weight:bold;color:#33AA44;font-size:28px;line-height:30px;}
div#cntpage_container h2 {font-weight:bold;color:#33AA44;font-size:20px;line-height:20px;}
div#cntpage_container h3 {font-weight:bold;color:#33AA44;font-size:18px;line-height:20px;}
div#cntpage_hdr{height:32px; padding:5px 2px 6px 2px;vertical-align:top;margin:5px 2px 8px 2px;}
div#cntpage_hdr h1{font-weight:bold;color:#33AA44;font-size:24px;line-height:26px;padding:3px 3px 3px 3px; margin-top:12px;}
h3.green{font-weight:bold;color:#33AA44;font-size:18px;line-height:20px;}
div#cntpage_ftr{height:40px; width:100%;}
div#cntpage_ftr a{float:right;}
div#cntpage_ftr h2{float:left;font-weight:bold;color:#33AA44;font-size:20px;line-height:24px;}
hr.hdrgrn {width:98%;text-align:center; color:#33AA44;background-color:#33AA44;height: 1px;overflow: hidden;}

/* all courses */
div#allcorheroimg{float:left;background: #fff url(../../Media/Assets/en-US/Img/Courses/All_Courses/ac_hero.jpg) no-repeat;width:930px;height:240px;text-align:left;}
div#allcorherobox{float:left;width:420px;height:80px;margin-top:135px;margin-left:108px;}
div#allcorherobox h2{font-size:16px;color:#33AA44;line-height:140%}
.allcorhdr{font-weight:bold;font-size:14px;color:#33AA44;vertical-align:top;margin-bottom:5px;}
div.allleft{ float:left;width:139px;}
div.allcenter{ float:left;width:568px;padding:12px 15px 12px 15px;}
div.allright{ float:left;width:179px;}
.allcorcontainer{width:99%;height:150px;}
hr.grn {width:98%;text-align:center;color:#33AA44;margin:2px 2px 2px 2px;}
div.column{ float:left;width:20%;}

/*home*/
div#map{float:left; width:305px; padding:5px;margin:8px 2px 2px 5px;}
div#herobox h1 {color:#33aa44;font-size:28px;margin-top:5px;padding:0;}
div#herobox h2{color:#666;font-weight:normal;font-size:20px;margin:0;padding:0;}
div#hmRotatorContainer{width:610px;height:200px;display:inline;float:left;}
hr.news {width:90%;text-align:center;background-color:#666;color:#666;margin-left:20px;}
a.news{float:right;text-align:right;margin-right:10px;}
.title_copy{color:#666;font-size:18px;width: 290px;font-weight:bold;margin-left:10px;}
#hometext{font-size:16px;width:100%;text-align:left;color:#666;font-weight:bold;height:40px;padding:4px;margin-left:15px;}
#hometext a{font-size:16px;color:#666;font-weight:bold;}

/*content blurbs */
div.smart{width:300px;height:210px;float:left;background-color:#fff;padding:5px;}
div.smart a{color:#33AA44;margin:2px;}
div.smarthdr{background:#99cc99;height:20px;font-weight:bold;width:100%;font-size:13px;padding:4px 1px 1px 11px;}
img.smart{float:left;text-align:left;padding:2px 9px 2px 2px;}
.smartbody{font-size:11px;padding:10px 1px 1px 1px;}

img.hsmart{float:left;text-align:left;padding:2px 9px 2px 2px;}
div.hsmart{width:96%;height:130px;float:left;padding:5px;}
div.hsmart a{color:#33AA44;margin:2px;}
.hsmart h3{color:#33AA44;font-size:18px;font-weight:bold;}
.hsmartbody{font-size:11px;padding:10px 1px 1px 1px;}
.intro_headline{color:#339933;font-size:22px;padding:2px 2px 2px 4px;font-weight:bold;line-height:25px;}
.news_headline{color:#fff;font-size:14px;height:18px;background-color:#339933;padding:2px 2px 2px 4px;font-weight:bold;margin:2px 2px 2px 2px;}
.news_copy{font-size:11px;padding:4px 1px 1px 10px;margin:2px 2px 2px 2px;}

div#news{border:none;height:235px; padding:2px 2px 2px 2px;background-color:#000;}


div#bottom_container{ height:360px; padding:10px 0px 0px 0px;}
div#bottom_container ul{list-style-type:disc; margin-left:20px;margin-top:10px;}
div#bottom_container_left{float:left; width:390px;height:360px;line-height: 140%; padding-left:2px;padding-right:10px;}
div#bottom_container_right{float:left;width:510px; height:340px; line-height: 140%;padding-left:20px;padding-right:10px;padding-top:5px;}
div#bottom_container img{float:left; padding-right:20px; margin-top:-5px;}
div#bottom_container_leftbox{float:left; width:340px;height:360px;line-height: 140%; padding-left:2px;padding-right:10px;margin:2px 2px 2px 2px;}
div#bottom_container_rightbox{float:left;width:490px; height:650px; line-height: 110%;padding-left:15px;padding-right:10px;padding-top:5px;}
div#bottom_container img{float:left; padding-right:20px; margin-top:-5px;}


/*state*/
#stateNav {height:24px;line-height:24px;padding:0;margin:8px 2px 5px 19px;background-color:#99cc99;width:96%;float:left;text-align:left;}
#stateNav li {margin:0; padding: 0;font-size: 11px; display: inline;}
#stateNav li a {color: #000; line-height: 22px;padding: 0px 15px 0 15px;margin: 0;}
#stateNav li selected{margin: 0; padding: 0;font-size: 11px;color: #dfe9ae;}
#stateNav li a:hover,#globalNav li.current a:hover {text-decoration: none;}
#stateNav li.current a {color: #771100;}
#stateNav li a:hover {color: #dfe9ae;}
#stateNav ul{margin:0;padding:0;}

h1.generichdr {font-weight:bold;color:#33AA44;font-size:28px;line-height:28px;padding:0;margin-bottom:0px;margin-top:0px;}

div#stpage_container_leftbox{float:left;text-align:center; width:220px;padding-left:2px;padding-right:10px;height:280px; }/*line-height: 140%;*/
div#stpage_container_middle{float:left; width:480px;padding-left:2px;padding:2px 10px 2px 10px;}
div#stpage_container_middlenoright{float:left; width:620px;padding-left:2px;padding:2px 10px 2px 10px;}
div#stpage_container_rightbox{float:left;text-align:left;width:169px; line-height: 140%;padding-top:5px;}
div#stpage_container h3 {font-weight:bold;color:#33AA44;font-size:18px;line-height:20px;}
div#stpage_ftr{height:22px; width:100%;margin:3px 3px 3px 3px;padding:2px 2px 0px 2px;}
div#stpage_ftr_lg{height:422px; width:100%;margin:3px 3px 3px 3px;padding:2px 2px 0px 2px;}
/*div#stpage_ftr a{float:right;}*/
div#stpage_ftr h2{float:left;}

.st_headline{font-weight:bold;color:#33AA44;font-size:24px;line-height:26px;}
.st_vertline {float:left; display:inline;background-color: #CCCCCC;width: 1px;height: 220px;margin:10px 5px 10px 5px;}
.gryHdrBar{width:98%; height:21px; background-image:url("../../Media/Assets/en-US/Img/Global/grey_bar_tile.jpg"); color:#333333;vertical-align:top;font-weight:bold;padding:3px 0px 0px 5px;margin-top:2px;}

/* articles */

div#art_footer_hdr{float:left;}
div#artpage_container {padding:2px 10px 10px 10px;margin:8px 8px 2px 0px;}
div#artpage_container h3 {font-weight:bold;color:#33AA44;font-size:18px;line-height:20px;}
div#artpage_container hr {color:#33AA44; width:95%;}
div#artpage_ftr{height:22px; width:100%;margin:3px 3px 3px 3px;padding:2px 2px 0px 2px;}
img.wrap_right{float:left;margin-right:20px;margin:8px 8px 8px 8px;}
div#artpage_herobox{float:right;width:560px;height:200px;padding:0;margin:0;}
div#artpage_hero{float:left;padding:2px 2px 2px 2px;width:940px;height:200px;margin:12px 8px 1px 5px;}
div#artpage_herobox h3 {font-weight:bold;color:#333;font-size:15px;line-height:15px;}
div#artpage_herobox h2 {color:#333;font-size:18px;line-height:22px;width:75%;margin-bottom:5px;}
div#artpage_herobox h1 {font-weight:bold;color:#33AA44;font-size:28px;line-height:32px;margin-top:15px;}

/*products*/
.hdr{background-color:#33AA44;color:#fff;font-weight:bold;text-align:center;font-size:13px;}
.item{background-color:#fff;color:#666;text-align:left;}
.searchTitle {font-weight:bold;color:#33AA44;font-size:14px;}

/* login */
#login .txthdr{color:#33AA44;font-size:14px;font-weight:bold;}
#loginLeft{width:255px;float:left;padding:10px 10px 10px 10px;height:100%;}
#loginRight{width:255px;float:left;padding:10px 10px 10px 10px;height:100%;}
#login input.txt{font-size:11px; margin:2px 2px 2px 2px;}

#faqContainer{height:922px; width:100%;margin:3px 3px 3px 3px;padding:2px 2px 0px 2px; overflow:scroll;}

.viewallarticles { padding-left:15px; }




/*validator*/

/* invalid input */
.bvalidator_invalid{
	background-color: #CCCCCC;
}

/* error message */
.bvalidator_errmsg {
	background-color:#333;
	font-size:10px;
	border:1px solid #999;
	color:#FFF;
	display:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	white-space:nowrap;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
	opacity:.90; 
}

/* close icon */
.bvalidator_errmsg .bvalidator_close_icon {
	margin-left: 5px;
	margin-top: -2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#F96;
	cursor:pointer;
}

/* arrow */
.bvalidator_errmsg em {
	display:block;
	border-color: #333 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	height: 0;
	width: 0;
	position:absolute;
	bottom:-10px;
	left:5px;
}


#hmRotatorContainer .jCarouselLite {
float: left;
position: relative;
visibility: hidden;
left: -5000px;
/*border: 1px solid black;
background-color: #dfdfdf;*/
}

        
#hmRotatorContainer a.prev, #hmRotatorContainer a.next {
display: block;
float: left;
width: 20px;
height: 143px;
text-decoration: none;
background: url("../../Media/Assets/en-US/Img/Home/hm_lft_arrow.gif") left 60px no-repeat;
}

#hmRotatorContainer a.next 
{
background: url("../../Media/Assets/en-US/Img/Home/hm_rgt_arrow.jpg") right 60px no-repeat;
}

#hmRotatorContainer a.next:hover {
background-image: url("../../Media/Assets/en-US/Img/Home/hm_rgt_arrow.jpg");
}

#hmRotatorContainer a.prev:hover {
background-image: url("../../Media/Assets/en-US/Img/Home/hm_lft_arrow.gif");
} 
  
#hmRotatorContainer a:hover, #hmRotatorContainer .carousel a:active {
border: none;
outline: none;
}  

               

