/* CSS Reset Begin */

* {
	vertical-align: baseline;
	font-family: inherit;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	color: #333;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0 none;
	text-decoration: none;
	/* fai
		white-space: normal;
	*/	
}


html, body {
	line-height: 1;
}

hr {
	display: none;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}

blockquote, q {
	quotes: "" "";
}

/* CSS Reset End */

/************************************************************/
body {
	background: #FFF url(../images/bg.png) repeat-x;
	text-align: center;
	font-family: arial;
	font-size: 12px;
}

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.clear {
	clear: both;
}
/************************************************************/
#header {
	width: 900px;
	height: 100px;
}

#logo {
	float: left;
	height: 50px;
	margin-top: 40px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.logo {
	display: block;
	width: 900px;
	height: 100px;
}

#ad {
	float: right;
	width: 468px;
	height: 60px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}
/*************Dropdown Menu Style and Client Login*****************/
#topbar {
	background: url(../images/navB.png) no-repeat;
	width: 900px;
	height: 30px;
}

#dmenu {
	float: left;
	width: 464px;
	height: 30px;
}

#member {
	float: left;
	width: 436px;
	height: 30px;
}

#dmenu {
	PADDING: 0px 0px 0px 0px;
	Z-INDEX: 20; MARGIN: 0px; LIST-STYLE-TYPE: none; font-family:Arial; font-size:12px;
}
#dmenu LI {
	DISPLAY: block; PADDING: 0px 0px 0px 0px; FLOAT: left; MARGIN: 0px;  
	LIST-STYLE-TYPE: none; border: 0px solid #ddd;
}
#dmenu UL {
	PADDING: 0px 0px 0px 0px; DISPLAY: none; Z-INDEX: 99; MARGIN: 0px; 
	COLOR: #333; LIST-STYLE-TYPE: none;position:absolute; 
}
#dmenu UL LI {
	MARGIN: 0px; 
}
#dmenu UL LI A {
	DISPLAY: block; TEXT-ALIGN: left; padding:5px 5px 5px 5px; background: #FFF; line-height: 15px; border-bottom: 1px #ddd solid; text-decoration:none; color:#333;
	}
#dmenu UL A {
	DISPLAY: block; MARGIN: 0px; 
}
#dmenu LI UL A:hover {
	DISPLAY: block; padding:5px 5px 5px 5px; 
	background: #fff000; border-bottom: 1px #ddd solid; color:#FFFFFF;
}
#dmenu UL UL {
	MARGIN-TOP: -2em; DISPLAY: none; margin-left: 70px; POSITION: absolute;
}
#dmenu LI:hover UL UL {
	DISPLAY: none;
}
#dmenu LI:hover UL {
	DISPLAY: block;
}
#dmenu UL LI:hover UL {
	DISPLAY: block;
}
#dmenu LI UL LI{
	DISPLAY: block; width:100%;
}

#dmenu LI.generic A {
	DISPLAY: block; TEXT-ALIGN: left; text-decoration:none; color:#333;
	}
#dmenu LI.generic A img{
	border: none;
	}	
#dmenu LI.generic A:hover {
	DISPLAY: block; TEXT-ALIGN: left; text-decoration:none; color:#333;
	}
#dmenu LI.generic UL LI A {
	DISPLAY: block; TEXT-ALIGN: left; 
	border-bottom: 1px #ddd solid; 
	padding:5px 5px 5px 5px; width:100%;  height:14px; text-decoration:none; color:#333; 
	border-left: 1px #ddd solid; border-right: 1px #ddd solid;
	}
#dmenu LI.generic UL LI A:hover {
	DISPLAY: block; TEXT-ALIGN: left; 
	border-bottom: 1px #ddd solid;
	padding:5px 5px 5px 5px;  width:100%; height:14px; text-decoration:none; color:#333; 
	border-left: 1px #ddd solid; border-right: 1px #c9c202 solid;
	}

#searchbox {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 20px;
	float: right;
	margin-right: 10px;
}

#searchbox li {
	float: left;
	color: #fcefc2;
}

.input {
	display: block;
	background: url('../images/input.png') repeat-x;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 17px;
	padding-top: 3px;
	padding-left:3px;
	margin-right: 5px;
}

.searchimg {
	margin-top: 1px;
}
/**********************End*********************/
/***********************************************************************/
#imgheader {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 900px;
	height: 150px;
	background: url(../images/bg_header.png) no-repeat;
	text-align: left;
}

#intro {
	padding-top: 15px;
	padding-left: 180px;
	padding-right: 250px;
}

p.introh {
	color: #6bc106;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 5px;
}

span.black {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

p.introt {
	color: #333;
	line-height: 17px;
	margin-bottom: 10px;
}

#intro p a {
	color: #54ad0d;
	text-decoration: none;
}

#intro p  a:hover {
	color: #6adc0d;
}

.samplebutton {
	display: block;
	background: url(../images/samplebutton.png) no-repeat;
	width: 182px;
	height: 20px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding-top: 7px;
}

.samplebutton:hover {
	color: #54ad0d;
}
/***********************************************************************/
#content {
	width: 900px;
	text-align: left;
}

#contentleft {
	float: left;
	width: 441px;
	margin-right: 18px;
}

#contentright {
	float: left;
	width: 441px;
}
/***********************************************************************/
.shadetabs {
	width: 441px;
}

.shadetabs li {
	float: left;
	display: inline;
	width: 120px;
	margin-right: 2px;
	text-align: center;
}

.shadetabs li a {
	display: block;
	background: url(../images/taboff.png) no-repeat center;
	width: 120px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	line-height: 28px;
}

.shadetabs li a:hover {
	display: block;
	background: url(../images/taboff.png) no-repeat center;
	width: 120px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	line-height: 28px;
}

.shadetabs li a.selected {
	display: block;
	background: url(../images/tabon.png) no-repeat center;
	width: 120px;
	height: 26px;
	color: #85cb0a;
	font-weight: bold;
	line-height: 28px;
}

.shadetabs li a.selected:hover {
	display: block;
	background: url(../images/tabon.png) no-repeat center;
	width: 120px;
	height: 26px;
	color: #85cb0a;
	font-weight: bold;
	line-height: 28px;
}

.tabcontent {
	display:none;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 439px;
	background: #FFF;
	height: 660px;
}

@media print {
	.tabcontent {
	display:block !important;
	}
}

.tabTop {
	background: url(../images/tabTop.png) no-repeat;
	width: 441px;
	height: 5px;
}

.tabBottom {
	background: url(../images/tabBottom.png) no-repeat;
	width: 441px;
	height: 7px;
}

.contentbody {
	padding:15px;
}

.contentbody table {
	width: 100%;
	font-family: arial;
	line-height: 17px;
	margin-bottom: 5px;
}

.contentbody table td {
	border-bottom: 1px dotted #ddd;
	padding-top: 3px;
	padding-bottom: 3px;
}

.date {
	width: 5%;
	color: #999;
}

.pan1 {
	width: 20%;
	text-align: right;
}

.pan2 {
	width: 30%;
	text-align: left;
}

.pan3 {
	width: 30%;
	text-align: right;
}

.result {
	width: 15%;
	text-align: center;
	color: #ffc000;
	font-weight: bold;
}

.Sdate {
	width: 10%;
	color: #999;
}

.Span1 {
	width: 10%;
	text-align: right;		
}

.Span2 {
	width: 25%;
	text-align: left;
}

.Span3 {
	width: 10%;
	text-align: center;
}

.Span4 {
	width: 25%;
	text-align: right;
}

.Sresult {
	width: 5%;
	text-align: center;
	color: #ffc000;
	font-weight: bold;

}

.Tpan1 {
	width: 20%;
	color: #999;
}

.Tpan2 {
	width: 40%;
	font-weight: bold;
	text-align: center;
}

.Tpan3 {
	width: 40%;
	color: #54ad0d;
	text-align: center;
}

.Fpan1 {
	width: 25%;
	color: #999;
}

.Fpan2 {
	width: 50%;
	font-weight: bold;
	text-align: left;
}

.Fpan3 {
	width: 25%;
	color: #54ad0d;
	text-align: right;
}

.contentbody a {
	color: #54ad0d;
}

.contentbody a:hover {
	color: #6adc0d;
}

.contentbody table a {
	color: #54ad0d;
}

.contentbody table a:hover {
	color: #6adc0d;
}

.contentbody p.phead {
	color: #54ad0d;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 17px;
}

.bold {
	font-weight: bold;
}

.boldo {
	font-weight: bold;
	color: #54ad0d;
}

.ha {
	color: #8cc20b;
}

p.cal {
	color: #999;
	padding-top: 3px;
	border-top: 1px dotted #ddd;
}

p.headline {
	font-size: 14px;
	text-transform: capitalize;
	color: #666;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ddd;
}

p.text {
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 17px;
	text-align: justify;
}

.newheadline{margin-bottom:20px}

.username {
	background: #FFF;
	border: 1px solid #ddd;
	padding: 3px;
	color: #5cb307;
	width: 200px;
}

.username:focus, .username:hover {
	background: #FFF;
	border: 1px solid #aaa;
	padding: 3px;
	color: #5cb307;
	width: 200px;
}

label {
	float:left;
	display: block;
	width: 150px;
	margin-top: 8px;
	line-height: 17px;
	font-weight:bold;
}

.login {margin-top: 5px}
/**************************************************************************/
#sponsors {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 900px;
	height: 127px;
}

#footer {
	width: 900px;
}

#footerleft {
	float: left;
	color: #666;
	padding-left: 10px;
	line-height: 17px;
	margin-bottom: 30px;
}

#footerright {
	float: right;
	color: #666;
	padding-right: 10px;
	line-height: 17px;
	margin-bottom: 30px;
}

.orange { color: #ffc000; font-weight: bold; border-bottom: 1px dotted #ddd; }
.green { color: #54ad0d; font-weight: bold; border-bottom: 1px dotted #ddd; }

#footerright img {vertical-align: middle; margin-right: 5px;}

#footerleft a:hover, #footerright a:hover {
	color: #54ad0d;
}
/**************************************************************************/
/* Subpage Specific CSS */

#position {
	background: url(../images/position.png) no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 900px;
	height: 30px;
	text-align: left;
}

#position p {
	padding-top: 5px;
	padding-left: 10px;
	line-height: 17px;
}

#position p a {
	color: green;
}

#position p a:hover {
	color: orange;
}
/**************************************/

#subcontent {
	width: 900px;
	text-align: left;
}

#column {
	float: left;
	width: 630px;
	margin-right: 20px;
}

#column2 {
	width: 900px;
}

#sidebar {
	float: left;
	width: 250px;
}

.colheader {
	width: 630px;
	height: 25px;
	background: url(../images/colheader.png) no-repeat;
}

.colheader2 {
	width: 900px;
	height: 25px;
	background: url(../images/colheader2.png) no-repeat;
}

.colfooter {
	width: 630px;
	height: 10px;
	background: url(../images/colfooter.png) no-repeat;
}

.colfooter2 {
	width: 900px;
	height: 10px;
	background: url(../images/colfooter2.png) no-repeat;
}

.barheader {
	width: 250px;
	height: 25px;
	background: url(../images/barheader.png) no-repeat;
}

.barfooter {
	width: 250px;
	height: 10px;
	background: url(../images/barfooter.png) no-repeat;
}

.colheader p, .colheader2 p {
	color: #FFF;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
}

.colbody {
	background: #FFF;
	width: 628px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	/*fai */
	min-height:400px;
	height:auto !important;
	height:400px;
	/***/
}

.colbody2 {
	background: #FFF;
	width: 898px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	/*fai */
	min-height:400px;
	height:auto !important;
	height:400px;
	/***/
}

.barbody {
	background: #FFF;
	width: 248px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.barheader p {
	color: #FFF;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
}

.colcontent, .colcontent2 {
	padding: 10px; /* 608px */
	line-height: 17px;
}

.barcontent {
	padding: 10px; /* 228px */
}


.barcontent ul {
	width: 228px;
	line-height: 17px;
}

.barcontent li {
	background: url(../images/bullet.png) no-repeat;
	background-position: center left;
	padding-left: 15px;
	border-bottom: 1px dotted #ddd;
}

.barcontent li a {
	display: block;
	color: #333;
	padding-bottom: 3px;
	padding-top: 3px;
}

.barcontent li a:hover {
	display: block;
	color: #54ad0d;
	padding-bottom: 3px;
	padding-top: 3px;
}

.colcontent h1, .colcontent2 h1 {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.colcontent h2, .colcontent2 h2 {
	font-size: 13px;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.colcontent h3, .colcontent2 h3 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.colcontent p, .colcontent2 p {
	color: #333;
	margin: 1.12em 0;
	/* fai margin-bottom: 20px; */
	/* fai padding-bottom: 20px; */
	/* failine-height: 17px; */
	/* fai	border-bottom: 1px dotted #ddd; */
}

.colcontent p a, .colcontent2 p a {color: #54ad0d; text-decoration: none;}
.colcontent p a:hover, .colcontent2 p a:hover {color: orange;}

ul.rounded {
	margin-bottom: 20px;
	padding-left: 30px;
	list-style-type: circle;
}

ul.rounded li a {color:green}
ul.rounded li a:hover {color:orange}

ul.bulleted {
	margin-bottom: 20px;
	padding-left: 15px;
}

ul.bulleted li {
	background: url(../images/bullet.png) no-repeat;
	background-position: center left;
	padding-left: 20px;
}

ul.rounded li a {color:green}
ul.rounded li a:hover {color:orange}

#subcontent table {
	width: 100%;
	border: 1px solid #aaa;
}

#subcontent table a { color: #54ad0d; text-decoration: none;}
#subcontent table a:hover { color: orange;}

#subcontent table .td1 {
	color: #FFF;
	background: #b2dc58;
	padding: 5px;
	font-weight: bold;
}

#subcontent table .td2 {width: 20%; padding: 5px; color: #999;border-bottom: 1px dotted #ddd;}
#subcontent table .td3 {width: 60%; padding: 5px; border-bottom: 1px dotted #ddd;}
#subcontent table .td4 {width: 20%; padding: 5px; color: green;border-bottom: 1px dotted #ddd;}
#subcontent table .td5 { padding: 5px; border-bottom: 1px dotted #ddd;}

/**************************************************************************/