/*
-----------------------------------------------
MAIN CSS Styles
----------------------------------------------- */

/* generics
-------------------- */
* { margin: 0; padding: 0; background-color: transparent; }
body {
	background: #ADB4C7 url(../images/ramp_bkg02.gif) repeat-x;
	text-align: center;
	margin: 0 auto;	
	font-family: Arial, Verdana; 
	font-size: 11px;
	color: #000;		
	}
/* links
-------------------- */	
a {
	text-decoration: underline;
	font-weight: bold !important;
	color: #314d87;
	}
a:hover {	
	color: #ADB4C7;
	font-weight: bold !important;
	
	}	


/* layout
-------------------- */	
#container {	
	background: #fff;
	width: 780px;
	text-align: left;
	margin: 30px auto 0;
	border: 1px solid #fff;
}
#navigation {
	height: 23px;
	background-image: url('../images/banner_test01b.jpg');
	border-bottom: 1px solid #ADB4C7;
	
}
#header {BACKGROUND-COLOR: #E4E9F6;

}
#banner {BACKGROUND-COLOR: #E4E9F6;

}
#header img{
	margin-left: 0px;
	margin-top: 0px;
}

table.content {
	background: #f7f7f7;
	padding: 0px;
}
td.col1 {
	padding: 0px 8px 16px 24px;
	vertical-align:top;
	background: #fff;
}
td.col1 h1{
	font-size: 16px;
	color: #000066;
	font-weight: bold;
	margin-bottom: 16px;
}
td.col1 #txt {
	font-family: Arial, Verdana; 
	font-size: 11px;
}
h2.col1 #txt {
	font-size: 14px;
	color: #000099 !important;
	font-weight: bold;
}
td.col1 p{
	margin-bottom: 8px;
}
td.col1 li {
	font-family: Arial, Verdana; 
	font-size: 11px;
	margin-left: 36px;
	margin-bottom: 4px;
}
td.col2 {
	background-color: #fff;
	vertical-align:top;
	border-left: 0px solid #bbb;
	width: 20%;
}
.featureBox01, .featureBox02, .featureBox03 {
	float:right;
	width: 240px;
	border: 1px solid #ADB4C7;
	margin: 0px 16px 16px 8px;
	background-repeat: no-repeat;
}
.featureBox01 {
	background-image: url('../images/feature_bkg02.jpg');
}
.featureBox02 {
	background-image: url('../images/feature_bkg03.jpg');
}
.featureBox03 {
	background-image: url('../images/feature_bkg04.jpg');
}
.featureBox02 img, .featureBox img, .featureBox03 img, .articleList img {
	margin-right: 6px;
	margin-bottom: 2px;
	margin-top: 2px;
}
.featureBox {
	float:right;
	width: 240px;
	border: 1px solid #ADB4C7;
	margin: 0px 16px 16px 8px;
	background-color: #efefef;
}
.featureBox #whiteBorder{
	border: 1px solid #fff;
}
* html .featureBox, * html .featureBox01, * html .featureBox02, * html .featureBox 03 {
	margin-right: 8px;
}
.featureBox #txt, .featureBox01 #txt, .featureBox02 #txt, .featureBox03 #txt{
	padding: 8px;
	font-size: 10px;
}
.featureBox dt, .featureBox01 dt{
	color: #cc0000;
	font-weight: bold;
}
.featureBox li, .featureBox01 li{
	display: list-item;
	list-style-type:circle;
	padding: 4px;
}
.featureBox a, .featureBox01 a, .featureBox02 a, .featureBox03 a, .layout01 a{
	color: #314D87;
	text-decoration:underline;
}
.featureBox a:hover, .featureBox01 a:hover, .featureBox02 a:hover, .featureBox03 a:hover, .layout01 a:hover{
	color: #ADB4C7;
}
.featureBox h1, .featureBox01 h1, .featureBox02 h1, .featureBox03 h1 {
	background-image: url('../images/lm_bkg02.gif');
	border-bottom: 1px solid #ADB4C7;
	background-repeat: repeat-x;
	font:bold 11px Arial, Verdana; 
	padding: 2px 0px 2px 8px;
	margin: 0;
	height: 14px;
	color: #333;
	text-align: left;
}
/* text/pics/layout
-------------------- */	

.layout01, .layout02 {
	width: 100%;
}
.layout01 img{
	float: right;
	margin-left: 24px;
}
.layout01 #txt {

	margin-top: 16px;
}
.layout01 #txt dt {
	color: #314D87;
	font-weight: bold;
	margin-bottom: 8px;
}
.layout02 img{
	display: block;
	float: right;
	margin-left: 4px;
}
.layout02 #txt{
	display:block;
	margin-bottom: 16px;
}
.layout02 #txt ul{
	margin-top: 12px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #000 !important; 
}
.layout02 #txt li{
	list-style-type:square;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333 !important; 
}
.layout02 #txt li#special, .layout02 #txt #special{
	font-weight: bold;
	margin-bottom: 5px;
	color: #cc0000 !important; 
}
.layout02 #txt dt{
	color: #314D87;
	font-weight: bold;
	border: 1px solid #d2d2d2;
	background-color: #e3e3e3;
	margin-bottom: 12px;
	padding: 14px 14px;
}
.layout02 #txt dl{
	text-align:left;
}

.articleList {
	padding: 14px 14px;
	background-color: #FFF8E5;
	border: 1px solid #d2d2d2;
	font-weight: normal;
	margin-bottom: 12px;
}
.articleList a {
	font-weight: bold;
	margin-bottom: 8px;
	text-decoration: underline !important;
}


/* navbar
-------------------- */	
ul#navbar {
	list-style: none;
	margin-right: 16px;
}
*html ul#navbar {
	list-style: none;
	position:absolute;
	padding-right: 16px;
	padding-bottom: 2px;
}
ul#navbar li {
	display: block;
	float: right;
	font-size: 11px;
	border-left: 1px solid #ADB4C7;
	border-top: 1px solid #ADB4C7;
}
ul#navbar li a {
	display: block;
	float: left;
	padding: 0 8px;
	text-decoration: none !important;
	border: none !important;
	line-height: 22px;
	height: 22px;
	background: #e3e3e3;
	color: #666;
	font-weight: bold;
}
ul#navbar li a:hover {
	background: #FFF8E5; 
	color: #996600;
	font-weight: bold;
	text-decoration: none;
}
ul#navbar li a.tabMenuCurrent {
	background: #fff;
	color: #000066 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #fff !important;
	font-weight: bold;	
	height: 22px;
}	
ul#navbar li a.tabMenuCurrentLast {
	background: #fff;
	border-right: 1px solid #ADB4C7 !important;
	text-decoration: none !important;
	color: #000066 !important;
	border-bottom: 1px solid #fff !important;
	font-weight: bold;	
	height: 22px;
}	
ul#navbar li a.tabMenuLast {
	border-right: 1px solid #ADB4C7 !important;
	text-decoration: none !important;
}	
#tabBar {
	background-color: #fff !important;
	border-bottom: 0px solid #ADB4C7;
	border-top: 0px solid #ADB4C7;
	font-weight: bold;
	padding: 0px 6px 0px 12px;
	height: 16px;
	color: #fff;
}
/* footer
-------------------- */	
#footer {
	color: #000066;
	border-top: 1px solid #ADB4C7;
	font-size: 10px;
	height: 23px;
	padding-top: 8px;
	text-align: center;
	background-image: url('../images/footer_bkg01.jpg');
}
#footer a, #footer a:visited{
	text-decoration: none;
	color: #ff6600;
}
#footer a:hover{
	color: #F9A51B;
	text-decoration: underline;
}
#copyright {
	color: #fff;
	padding: .5em;
	font-size: 10px;
}	


/* generic actions
-------------------- */	
.actionHolder {
	background: #f1f1f1;
	padding: 1em;
	margin: 1em;	
}

div.qa { clear:both; margin-top: 2px; margin-bottom: 2px; color: #000 !important;}
div.qa label {
	width: 30%;
	display: block;
	float: left;
	text-align: right;
	margin-right: 4px;
	margin-top: 2px;
	font-weight: bold;
	font-size: 11px;
}
div.qa label2 {
	display: block;
	text-align: left;
	margin-left: 31%;
	margin-right: 4px;
	margin-top: 6px;
	font-size: 11px;
}
div.qa label2 a {
	color: #990000;
	text-decoration: underline;
}
input.inputbox {
	font:normal 11px arial, sans-serif;
	color: #000000;
	background-color: #fff !important;
	margin-left: 8px;
	margin-bottom: 6px;
}
textarea.inputbox {
	font:normal 11px arial, sans-serif;
	color: #000000;
	background-color: #fff !important;
	margin-left: 8px;
	margin-bottom: 6px;
}
.quickDrop
{
	font:bold 10px arial, sans-serif;
	background-color: #efeae3;
}
input.button {
	color: #000;
	font:bold 11px arial, sans-serif;
	background: #ADB4C7 url(../images/button_bkg.gif) repeat-x;
	margin-left: 8px;
	border-top:1px solid #fff;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #fff;
}