body {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*12px/18px*/
	margin: 0;
	font-size: 100%;
	color: #000;
	background: url(../images/ui/bg-body.jpg) repeat-x;
}
a:focus{outline:none;}
a {
	text-decoration: none;
	color: #1a82b6;}
a:hover {text-decoration: underline;}
img {border-style: none;}
#wrapper {
	margin: 0 auto;
	width:1000px;
	background:#fff;
}
#header {
	display: table;
	width: 100%;
	position: relative;
	z-index: 20;
}
#header:after {
	display: block;
	content: "";
	clear: both;
}
#header h1 {
	margin: 0;
	padding: 56px 0 0 66px;
	width:273px;
	float: left;
	height:111px;
	background: url(../images/ui/logo.gif) no-repeat;
}
#header h1 a {
	overflow: hidden;
	height: 71px;
	width: 168px;
	display: block;
	text-indent: -9999px;
}
.header-h {
	width: 661px;
	float: right;
}
.slogan {
	display: block;
	background: url(../images/ui/bg-slogan.jpg) no-repeat;
	width:658px;
	height:153px;
	text-indent: -9999px;
}
#nav {
	clear: both;
	margin:-12px 0 0;
	height: 1%;
	padding: 0 0 0 12px;
}
#nav li{
	float:left;
	padding: 0 10px;
	list-style:none;
}
#nav li a{
	float: left;
	letter-spacing: -1px;
	padding: 9px 5px 0 5px;
	height: 20px;
	color: #1a82b6;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
	
}
#nav li.hover,
#nav li:hover {
	position:relative;
}
#nav li.hover a,
#nav li:hover a {
	text-decoration: none;
	background:#5ebceb url(../images/ui/bg-nav.gif) repeat-x;
	color: #036; /*#fff;*/
}
#nav li.hover div.drop,
#nav li:hover div.drop{
	display:block;
}
#nav li.active div.drop { display: block;}
#nav div.drop{
	width:129px;
	background: url(../images/none.gif);
	display:none;
	position:absolute;
	left:10px;
	top:29px;
	z-index:10;
}
#nav li.last div.drop {
	right: 10px;
	left: auto;
}
#nav div.drop div.drop-c {
	width:129px;
	background:#5dbbeb url(../images/ui/bg-drop-c.gif) repeat-x 0 100%;
}
#nav div.drop div.b {
	clear: both;
	background: url(../images/ui/bg-drop-b.png) no-repeat;
	height: 20px;
	overflow: hidden;
	width:129px;
}
#nav div.drop ul {
	width:129px;
	margin:0 0 -3px;
	padding:0;
	overflow: hidden;
}
#nav ul li{
	padding: 0;
	width: 100%;
	float: left;
}
#nav ul li a{
	height: 1%;
	color:  #fff;
	background: none !important;
	float: none;
	display: block;
	padding: 4px 5px 2px 6px;
	font-family:Calibri, Arial, sans-serif;
	font-size: 87%;
	border-bottom: 1px solid #FFF;
	letter-spacing: normal;
}
#nav ul li a:hover{ color: #FFF; background:#176d9d url(../images/ui/bg-drop-h.gif) repeat-x  !important;}
#main {
	width: 100%;
	overflow: hidden;
}
#content {
	padding: 24px 12px 0 0;
	width: 638px;
	float: right;
	color: #000;
	font-size: 72%;
}




#content p, #content li, #content td {line-height: 150%;}
#content ul li {list-style: none;  margin-top: 4px; margin-bottom: 4px; background:url(../images/ui/arrow.gif) no-repeat; background-position: 3px 3px; padding-left: 20px;  }
#content a {color: #333; text-decoration:underline;}
#content a:hover {text-decoration: none; color: #000;}

#content h1 {text-align:left; font-size: 350%; margin-bottom: 30px; color: #388BB1; font-weight: normal;}
#content h2 {font-size: 120%; margin-bottom: 10px; color: #388BB1}
#content h2 a {color: #388BB1;}
#content h3, #content h3 a  {color: #388BB1;}
#content td {vertical-align:top;}



.heading {
	padding: 4px 9px 0 4px;
	background: url(../images/ui/bg-content-heading.gif) no-repeat 0 100%;
}
.heading:after {
	display: block;
	content: "";
	clear: both;
}
.more {
	position: relative;
	z-index: 10;
	margin: 12px 0 0;
	color: #76c028;
	line-height: 15px;
	float: right;
	padding: 0 24px 1px 0;
	background: url(../images/ui/ico-plus.gif) no-repeat 100% 0;
}
.heading h2 {
	position: relative;
	height:41px;
	margin:-4px 0 0;
}
.heading h2.latest-news {background: url(../images/ui/text-latest-news.gif) no-repeat;}
.heading h2 span {
	display: block;
	text-indent: -9999px;
}
#sidebar {
	width: 300px;
	padding: 31px 0 0 26px;
	float: left;
	font-size: 80%;
}
.featured-box {
	width: 326px;
	margin: 0 0 0 -26px;
}
.sb-heading {
	background: url(../images/ui/bg-heading.gif) no-repeat;
	height: 37px;
	width: 313px;
	padding: 0 0 0 13px;
	display: table;
}
.sb-heading  h3{
	height: 43px;
	margin: -6px 0 0;
	position: relative;
}
.sb-heading  h3.featured {background: url(../images/ui/text-featured.gif) no-repeat;}
.sb-heading  h3 span{
	display: block;
	text-indent: -9999px;
}
/*ul.featured-links,*/ #sidebar ul {
	margin: 0;
	overflow: hidden;
	padding: 8px 5px 25px 12px;;
}
/*ul.featured-links,*/ #sidebar ul li {
	overflow: hidden;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 19px;
	padding: 5px 0 5px 11px;
	list-style: none;
	border-bottom: 1px solid #ddd;
}
/*ul.featured-links,*/ #sidebar ul li a{
	float: left;
	font-weight: bold;
	background: url(../images/ui/bullet.gif) no-repeat 0 3px;
	padding: 0 0 0 24px;
}
.video { margin-bottom: 20px;}
.video img,
.adv img{ display: block;}
.adv {margin-bottom: 10px;} 
#footer{
	margin: 0 12px 0 26px;
	overflow: hidden;
	display: inline;
	width: 962px;
	float: left;
	font-size:63%;
	background: url(../images/ui/bg-footer.gif) repeat-x 0 20px;
}
#footer p{
	margin: 0;
	padding: 11px 12px 0 0;
	color: #1b82b6;
	float: left;
	background: #fff;
}
.by {
	color: #a6a6a6;
	width: 59px;
	padding: 0 0 0 14px;
	background: #fff;
	float: right;
}
.by  span{
	position: relative;
	display: block;
	margin: 0 0 -5px;
}
.by a{
	display: block;
	text-indent: -9999px;
	background: url(../images/ui/logo-coda.gif) no-repeat;
	width:59px;
	height:39px;
}

/*=========================================*/
.picRight {float:right; margin: 0 0 5px 10px;}
.pageNav {background: #EEE; padding: 2px;}
#content .DarkGreenBG, #content .tableHeader { background: #C8DF8E; color: #006;}
#content .DarkGreenBG a, #content .tableHeader a {color: #006;}
#content .DarkGreenBG a:hover, #content .tableHeader a:hover { background-color: none;}
.LightGreenBG {background: #4d9991}
.PDFlink {background:url(../images/icons/page_white_acrobat.png) left top no-repeat; padding-left: 20px; padding-bottom: 2px;}
.DOClink {background:url(../images/icons/page_white_word.png) left top no-repeat; padding-left: 20px; padding-bottom: 2px;}
.message, .red, .message a, .red a {color:#F00;}
.bottomBorder {border-bottom: 1px solid #DDD;}
.DarkGreenBG_Botborder, { background: #00544b; color:#FFF;border-bottom: 1px solid #DDD;}
.LightGreenBG_Botborder {background: #4d9991; border-bottom: 1px solid #DDD;}
label.error {color: red; padding-left: .5em; vertical-align: top; font-size:85%; }
.DarkGreenBG_header { background: #00544b rl(../images/ui/arrowsWhite.png) left no-repeat; color:#FFF; padding: 5px 5px 5px 25px; color:#FFF; font-size: 140%; font-weight: bold;}