body {
 background: #eee url(images/bg.gif) repeat-x top;
 padding: 2em 0;
 opacity: .999;
 color:#000;
 text-align:center;
 font-family: "Trebuchet MS",Arial,sans-serif; 
}

#container {
 //background: #fff;
 padding: 1em 2em;
 width: 780px;
 margin:0px auto;
 text-align:left;
}

#header {
 padding-bottom:20px;
}

#logo a {
 text-decoration: none;
}

#logo h1 {
 font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
 text-transform: uppercase;
 font-size: 34px;
}


.black {color:#000000;}
.red   {color:#ff0000;}
.gray  {color:#CCCCCC;}

.tlp {
 font-style:italic;
 font-weight:bold;
}




#contentSideBar {
	margin: 0px;
	width: 198px;
	left: 0px;
	top: 5px;
		float:left;
}
#contentSideBar .sidebarWhiteBox {
	background: url(images/sidebar-box-white.gif) no-repeat left top;
	width: 187px;
}
#contentSideBar a {
	color: #ff0000;
	//color: #0172B4;
	text-decoration: none;
}
#contentSideBar a:hover {
	text-decoration: underline;
	color: #CC0000;
}
#contentSideBar blockquote {
	font-size: 90%;
	font-style: italic;
	font-weight: bold;
	margin: 10px;
}
#contentSideBar h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #8C8C8C;
	font-size: 17px;
	border-bottom: 1px solid #8C8C8C;
	margin: 0px 10px 12px;
	padding-top: 10px;
	padding-bottom: 1px;
}
#contentSideBar p {
	margin: 0px 10px;
	font-size: 90%;
	line-height: 130%;
}

#contentSideBar input {
	margin: 0px 10px;
}

.sidebarWhiteBox .alignright {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px;
}
.sidebarWhiteBoxBottom {
	background: url(images/sidebar-box-white.gif) no-repeat left bottom;
	width: 187px;
	height: 14px;
	margin: 0px 0px 12px;
	padding: 0px;
}

#specialOffer {
	background: url(images/bonus20pc.gif) no-repeat center top;
 width: 187px; 
}
#specialOffer a {
    display: block;
}
#specialOffer p {
	margin: 4px 0px 0px 10px;
	padding: 0px;
}



#mainBox {
	width: 573px;
		float:left;
}

.mainBoxBottom {
	background: url(images/mainbox-topbottom.gif) no-repeat bottom;
	margin: 0px 4px 0px 3px;
	padding: 0px;
	height: 40px;
}
.mainBoxTop {
	background: url(images/mainbox-topbottom.gif) no-repeat left top;
	height: 12px;
	margin: 0px 4px 0px 3px;
	padding: 0px;
	clear: both;
}
.mainBoxMiddle {
	background: url(images/mainbox-middle.gif) repeat-y left;
	margin: 0px 4px 0px 3px;
	padding: 4px 12px 0px 16px;
	//height: 1%;
}
.mainBoxMiddle h1 {
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	clear: left;
	margin-top: 6px;
	margin-bottom: 12px;
}
.mainBoxMiddle h2 {
	font-size: 1.35em;
	color: #ff0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 12px;
	clear: both;
	font-weight: bold;
}

.mainBoxLinks .dividerLine {
  padding: 10px 0px 40px 110px;
}
.mainBoxLinks {
  clear:both;
  text-align: right;
  font-size: 90%;
}

.mainBoxMiddle p {
	font-size: 90%;
	line-height: 130%;
	padding-left: 18px;
	margin: 0px;
	padding-bottom: 14px;
}

.mainBoxMiddle p.error {
	color: #ff0000;
	font-size: 110%;
}

.mainBoxMiddle a {
	color: #ff0000;
	text-decoration: none;
}
.mainBoxMiddle a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.mainBoxMiddle blockquote {
	font-size: 90%;
	font-weight: bold;
	margin: 0px 0px 10px 20px;
	padding: 0px;
}
.mainBoxMiddle h4 {
	font-size: 115%;
	margin: 0px;
	padding: 6px 0px 12px 10px;
	background: url(images/arrow-bullet.gif) no-repeat 0px 14px;
}
.mainBoxSpecialAd {
	margin-right: 4px;
	margin-left: 3px;
	border-right: 1px solid #8C8C8C;
	border-left: 1px solid #8C8C8C;
	background: #FF0000;
	color: #FFFFFF;
	padding: 3px 12px 3px 16px;
	font-size: 90%;
	line-height: 110%;
}
.mainBoxSpecialAd a {
	color: #FFFFFF;
}
.mainBoxSpecialAd a:hover {
	color: #FFFF79;
	text-decoration: none;
}

.mainNoBox a {
	color: #ff0000;
	text-decoration: none;
}
.mainNoBox a:hover {
	color: #CC0000;
	text-decoration: underline;
}
.mainNoBox h1 {
	font: normal 37px Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
.mainNoBox h2 {
	font-size: 125%;
	margin: 0px;
	padding: 0px 3px 10px;
	color: #ff0000;
}
.mainNoBox p {
	font-size: 90%;
	margin: 0px;
	padding: 0px 3px 14px;
	line-height: 130%;
}
.mainNoBox ul {
	margin: 0px 0px 0px 20px;
	list-style: url(images/arrow-bullet.gif);
	padding: 0px 3px 0px 20px;
}


.mainBoxImg {
 clear:both;
 float:right;
 padding:5px;
}

.mainBoxList {
	margin: 0px 0px 14px 18px;
	padding: 0px 10px 0px 24px;
	list-style: url(images/arrow-bullet.gif);
	line-height: 130%;
}
.mainBoxNumberedList {
	margin: 0px 0px 14px 18px;
	padding: 0px 10px 0px 24px;
	line-height: 130%;
}
.mainBoxList, .mainBoxNumberedList li {
	font-size: 90%;
	padding-bottom: 2px;
}

.mainFeatureGrayBox {
	background: url(images/sidebar-box-white-gray.gif) no-repeat left top;
	width: 173px;
	padding: 0px 4px 0px 10px;
	float: right;
}
.mainFeatureGrayBox ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 82%;
	list-style: url(images/arrow-bullet.gif) none outside;
	padding: 0px 0px 2px;
	margin: 0px 10px 0px 18px;
}
.mainFeatureGrayBox li {
}
.mainFeatureGrayBox h1 {
	font-size: 20px;
	color: #666666;
	border-top: #999999;
	border-right: #999999;
	border-bottom: 1px solid #999999;
	border-left: #999999;
	margin-right: 8px;
	line-height: 20px;
	margin-top: 11px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}
.mainFeatureGrayBox p {
	padding-top: 12px;
	padding-bottom: 0px;
}
.mainFeatureGrayBoxBottom {
	background: url(images/sidebar-box-white-gray.gif) no-repeat left bottom;
	width: 187px;
	height: 14px;
	margin: 0px 0px 12px;
	padding: 0px;
	clear: right;
	float: right;
}

#footer {
	clear: both;
	height: 85px;
}
#footer ul {
	margin: 0px;
	padding: 10px;
	text-align: center;
}
#footer li {
	display: inline;
	padding: .5em .4em;
}
#footer p {
	font-size: 80%;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#footer a {
	color: #ff0000;
	font-size: 75%;
	text-decoration: none;
}
#footer a:hover {
	color: #CC0000;
	text-decoration: underline;
}


// menu
*{
	list-style:none;
}
#menucontainer{
	position:relative;
	height:50px;
	color:#ffffff;
//	background:#383636;
	background:transparent url(images/menu/background.gif) repeat-x bottom left;
	width:100%;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	}
#menunav{
	position:relative;
	height:38px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:transparent url(images/menu/background.gif) repeat-x bottom left;
	padding:0 0 0 20px;}
	
#menunav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;}

#menunav ul li{
	display:block;
	float:left;
	margin:0 1px;}

#menunav ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:38px;}

#menunav ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;}

#menunav ul li a:hover{
	color:#fff;	
	background:transparent url(images/menu/hover.jpg) repeat-x bottom left;}

#menunav ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;}
#menunav ul li a.current, #menunav ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(images/menu/left.gif) no-repeat top left;
	line-height:275%;}
#menunav ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
//	background:#383636 url(images/menu/right.gif) no-repeat top right;
	background:transparent url(images/menu/right.gif) no-repeat top right;
	height:38px;}

.form_item, .form_item_missing {
 background-color: #f5f5f5;
 width: 510px;
 padding: 6px 10px;
 float: left;
 border-bottom: 1px solid #fff;
 clear: both;
}

.form_left { width: 130px; padding: 2px 6px 0 0; text-align: right; float: left; }
.form_right { width: 350px; padding-left: 6px; border-left: 2px solid #ddd; float: left; text-align: left; }
.form_right .text_input { width: 350px; }