body {
	background: #3b3b3b;
	margin: 0 0 10px 0;
	font-family: "MS Sans Serif", Verdana, Arial, Helvetica;
	font-size:12px;
	color:#999999;
}

p{margin:12px 0;}
img{border:0px none; }
.bordered_img{
	border:1px solid #666666;
	padding:3px;
}
#pagecon {
	background: url('../img/page_bg.jpg') repeat-y;
	width:900px;
	margin:0 auto;
	padding-left:7px; padding-right:7px; padding-top:0; padding-bottom:0
}
#page_top{
	background: #3b3b3b url('../img/top_bg.jpg') repeat-x left bottom;
	border-bottom:1px solid #505050;
	width:860px;
	margin:0 auto; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0
}
#logo {
	float:left;
	color:#c7c5c5;
	line-height:75px;
	font-size:32px;
	font-family:Arial, Helvetica, sans-serif;
}
#company_description {
	float:right;
	color:#c7c5c5;
	line-height:75px;
	font-family:Tahoma;
	font-weight:bold;
}
#header{
	padding:10px;
	height:312px;
	border-bottom:1px solid #01b901;
}
#flash_con{
	float:left;
	width:530px;
	border:1px solid #858484;
}
#header_right{
	float:right;
	font-size:9px;
	width:320px;
	padding:15px 10px 0 0;
}
.bold_underlined{
	font-weight:bold;
	text-decoration:underline;
	color:#ffffff;
}
#topnav {
	height: 28px;
	margin-top:1px;
	background: url('../img/topnav_bg.jpg') repeat-x;
	border-top:1px solid #616161
}
#topnav ul{
	margin:0;
	padding: 0 0 0 0;
	list-style:none;
	float:right;
}
#topnav li{display:inline;}
#topnav a{
	display:block;
	float:left;
	height:21px;
	text-decoration:none;
	color:#96b385;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
	background: url('../img/topnav_sp.gif') no-repeat right center;; padding-left:25px; padding-right:25px; padding-top:7px; padding-bottom:0
}
#topnav .last a{background:none;}
#topnav a:hover {color: #f2c807; text-decoration: underline;}
#content_con{
	background: #000000 url('../img/content_bg.jpg') repeat-x;
	padding: 8px
}
#content{background: url('../img/v_dot.gif') repeat-y 260px top;}
#left_col {
	float:left;
	width:252px;
	padding: 0 8px 0 0;
}
.title{
	height: 25px;
	color: #c7c5c5;
	background: url('../img/side_title.jpg') repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	border: 1px solid #393939; padding-left:10px; padding-right:0; padding-top:1px; padding-bottom:0
}
.boxtitle{
	height: 25px; 
	text-decoration: bold;
	color: #ffffff;
	font-family: Arial;
	font-size:17px;
}
.boxtitle2{
	height: 20px; 
	text-decoration: bold;
	color: #ffffff;
	font-family: Arial;
	font-size:14px;
}
#leftnav ul{
	margin:5px;
	padding: 0;
	list-style:none;
}
#leftnav li{
	width:100%;
	float:left;
	height:22px;
	background:url('../img/h_dot.gif') repeat-x left bottom;
}
#leftnav li.last{background:none;}
#leftnav a{
	display:block;
	color:#7e976f;
	background: url('../img/arrow.gif') no-repeat 8px center;
	line-height:22px;
	height:22px;
	text-decoration:none; padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
}
#leftnav a:hover {color: #f2c807; text-decoration: underline;}
.date{
	color:#ffffff;
	font-weight:bold;
}
#right_col{
	float:right;
	width:614px;
}
#right_col a{
	color:#7e976f;
}
#main{padding: 0 0 10px 0;}
.black_box_con{
	border:1px solid #666666;
	background-color:#000000;
	padding:5px;
	float:left;
	width:290px;
	margin: 0 2px;
}
.black_box{
	background:#383838 url('../img/black_box_bg.jpg') repeat-x;
	padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:10px
}
.black_box .readmore{
	background: #030303 url('../img/button_bg.jpg') repeat-x;
	border: 1px solid #555555;
	text-decoration:none; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:4px
}
.black_box2_con{
	border:1px solid #666666;
	background-color:#000000;
	padding:5px;
	float:left;
	width:290px;
	height:415px;
	margin: 0 2px;
}
.black_box2{
	background:#383838 url('../img/black_box_bg.jpg') repeat-x;
	padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:10px
}
.black_box2 .readmore{
	background: #030303 url('../img/button_bg.jpg') repeat-x;
	border: 1px solid #555555;
	text-decoration:none; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:4px
}

.main_title{
	height: 30px;
	color: #c7c5c5;
	background: url('../img/main_title_bg.jpg') no-repeat left 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	padding-left:50px; padding-right:0; padding-top:5px; padding-bottom:0
}
#footer{
	background:#000000 url('../img/footer_bg.jpg') repeat-x;
	border-top:1px solid #616161;
	height:32px;
	color:#6f6e6e;
	clear:both; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:0
}
#footer a{
	color:#FFFFFF;
	text-decoration:none
}
#footer_left{float:left;}
#footer_right{float:right;}
.clear{
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
}
.float_left{
	float:left;
	margin: 0 10px 10px 0;
}
.float_right{
	float:right;
	margin: 0 0 10px 10px;
}
.padding10{padding:10px;}
.right{text-align:right;}
a.readmore{
	color:#20b317;
	font-size:10px;
	font-weight:bold;
}

.boxtext {
	height: 15px; 
	text-decoration: bold;
	color: #999999;
	font-family: Arial;
	font-size:15px;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #fff;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #fff;
 border-bottom: none;
 background: #C7C5C5;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #6F6E6E;
 border-color: #fff;
}

ul.tabbernav li.tabberactive a
{
 background-color: #000;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000000;
 background: black;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; padding:5px; border-top:0px none; 
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}