/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


.breadcrumbs {
color: #999;
font-weight: bold;
height: 30px;
font-size: 63%;
}
.breadcrumbs a {
color: #666;
text-decoration: none;
}

.breadcrumbs a:hover {
text-decoration: underline;
}
#bread {
}

#the_body{
	margin: 0;
	width:100%;
	padding-bottom: 50px;
}

#div_for_bg_color{
width: 915px;
margin: auto;
	background-color: #124b69;
	padding-bottom: 50px;
}
#div_for_bg_img{
width: 915px;
margin: auto;
background: url(../images/background.jpg) top center no-repeat;
}

/* --Custom Styles-- */
#container {
width: 875px;
margin: auto;
/*font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;*/
}

#header {
height: 107px;
}

#header h1 {
display: none;
}

#header img#logo {
float: left;
margin: 38px 0 0 18px;
}

#searchForm {
float: right;
margin: 10px 0;
}

#searchForm label#searchLabel {
color: #fff;
font-size: 11px;
font-weight: bold;
}

#searchForm input.go {
vertical-align: bottom;
}

#banner {
float: right;
clear: right;
margin: 33px 25px 0 0;
}

#valueProp {
position: relative;
float: left;
width: 875px;
height: 165px;
z-index: 11;
/*background: url(../images/valuepropbanner.png) no-repeat;*/
/*text-indent: -9999px;*/
}


#valueProp div {
position: absolute;
left: 0;
top: 0;
}

/* -- top navigation -- */
/*
#topNav{
	height: 36px;
	width: 623px;
	background: #135a7e;
}*/
#topNav {
position: relative;
z-index: 12;
height: 36px;
width:100%;
background: #135a7e;
}
#topNav ul{
	float: left;
	padding: 0 0 0 10px;
	margin: 0;
	list-style-type: none;
	text-align:center;
}
#topNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align:left;
	height: 35px;
}
#topNav ul li a {
	float: left;
	padding: 10px 8px 0 8px;
	color: #fff;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size:10px;
	height: 25px;
	margin: 0;
}

#topNav ul li a:hover {
	background: #5b8094;
}

#topNav ul li ul{
	position: relative;
	left: 0;
	border: 0;
	margin: 0;
	padding: 0 0 0 10px;
	margin: 0 0 0 -10px;
}
#topNav ul li ul li{
	padding:0;
	background: #135a7e;
}
#topNav ul li ul li a{
	text-align: left;
	padding: 10px 10px 0 10px;
}
#topNav ul li ul li a:hover{
	background: #537281;
}

#mysolutions {
float:right;
padding-right: 15px;
margin-top: -16px;
}
/* -- end top navigation -- */

/* -- content area styles -- */
#bodyContainer {
color: #666;
background: #fff;
padding: 0 0 20px 0;
overflow: hidden;
}

#contentCol {
float: left;
width: 594px;
padding: 10px 20px 20px 20px;
}

.articleCol {
width: 183px;
margin-right: 17px;
float: left;
}

.lastArticle {
margin-right: 0!important;
}

/*
#bread a {
color: #666;
text-decoration: none;
}

#bread a:hover {
text-decoration: underline;
}*/
/* -- end content area styles -- */

/* -- right column -- */
#rightCol {
float: left;
width: 227px;
}

#rightNav, #rightNav li {
margin: 0;
padding: 0;
list-style-type: none;
/*font-size: 100%;*/
font-size: 11px;

}

#rightNav {
background: #466372 url(../images/shadow_right.gif) right repeat-y;
}

#rightNav li a {
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
padding: 10px 15px 0 15px;
margin: 0 0 1px 0;
height: 24px;
width: 188px;
}

.bottom {
background: #fff;
}

a.blue {
background: #32718b;
}
a.blue:hover {
background: #215468;
}
a.lightgreen {
background: #8ba22d;
}
a.lightgreen:hover {
background: #647a29;
}
a.green {
background: #3a766b;
}
a.green:hover {
background: #24564d;
}
a.orange {
background: #af603a;
}
a.orange:hover {
background: #6f3a1c;
}
a.red {
background: #923347;
}
a.red:hover {
background: #671c2e;
}
a.purple {
background: #3b527a;
}
a.purple:hover {
background: #293a5a;
}
/* -- end right column -- */

/* -- footer -- */
#footer {
color: #fff;
padding: 10px 0 0 0;
/*font-size: 90%;*/
font-size: 60%;
}

#footer ul, #footer ul li {
margin: 0;
padding: 0;
list-style-type: none;
}

#footer ul li {
float: left;
}

#footer ul li a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 0 10px;
border-left: 1px solid #fff;
float: left;
}

#footer ul li a:hover {
text-decoration: underline;
}

.firstfooter {
padding-left: 0!important;
border: none!important;
}

span.abn {
float: right;
font-weight: bold;
}
/* -- end footer -- */