/* CSS Document */

body{
	padding:0;
	margin:0;
	background:#EBF6FD url('images/body_bg.gif') repeat-x 0 0;
	color:#275268
}
div, h1, h2, p, form, label, input, textarea, img{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/
/*------------------------------------------------header start--------------------*/
#header{
	width:770px;
	margin:0 auto;
	background:url('images/header.gif') no-repeat 0 70px;
	height:235px;
	position:relative
}
#header img{
	position:absolute;
	left:37px;
	top:0;
	width:124px;
	height:100px;
}
#header ul{
	position:absolute;
	left:230px;
	top:46px;
	margin:0;
	padding:0;
}
#header ul li{
	display:block;
	width:83px;
	height:23px;
	float:left;
	margin:0;
	padding:0;
}
#header ul li a{
	display:block;
	width:83px;
	height:22px;
	color:#000C12;
	background:#9EBED2 url('images/nav_bg.gif') repeat-x 0 0;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	float:left; font-style:normal; font-variant:normal; font-weight:bold; line-height:22px; font-size:11px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif
}
#header ul li a:hover{
	background:#EBF6FD url('images/nav_hover.gif') repeat-x 0 0;
	color:#000C12
}
#header ul li.home{
	display:block;
	width:83px;
	height:22px;
	margin:0;
	padding:0;
	background:#EBF6FD url('images/nav_hover.gif') repeat-x 0 0;
	color:#000C12;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	float:left; font-style:normal; font-variant:normal; font-weight:bold; line-height:22px; font-size:11px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif
}
#header p.partner{
	display:block;
	background:#DAE8F0 url('images/partner_icon.gif') no-repeat 0 0;
	width:62px;
	height:29px;
	text-transform:uppercase;
	color:#fff;
	position:absolute;
	left:294px;
	top:111px; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:84px; padding-right:0; padding-top:28px; padding-bottom:0
}
#header p.partner a.click{
	display:block;
	width:57px;
	height:13px;
	color:#474747;
	background:#fff url('images/click_bg.gif') repeat-x 0 0;
	text-decoration:none;
	text-transform:uppercase;
	font-style:normal; font-variant:normal; font-weight:bold; line-height:13px; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:0
}
#header p.partner a.click:hover{
	color:#0271AB;
	background:#fff url('images/click_bg.gif') repeat-x 0 0;
}
#header p.serch{
	display:block;
	background:#DAE8F0 url('images/serch_icon.gif') no-repeat 0 0;
	width:67px;
	height:29px;
	text-transform:uppercase;
	color:#fff;
	position:absolute;
	left:456px;
	top:111px; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-left:82px; padding-right:0; padding-top:28px; padding-bottom:0
}
#header p.serch a.click2{
	display:block;
	width:57px;
	height:13px;
	color:#474747;
	background:#fff url('images/click_bg.gif') repeat-x 0 0;
	text-decoration:none;
	text-transform:uppercase;
	font-style:normal; font-variant:normal; font-weight:bold; line-height:13px; font-size:10px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin-left:0; margin-right:0; margin-top:1px; margin-bottom:0
}
#header p.serch a.click2:hover{
	color:#6BB601;
	background:#fff url('images/click_bg.gif') repeat-x 0 0;
}
#header a.join{
	background:url('images/join_now.gif') no-repeat 0 0;
	width:133px;
	height:133px;
	position:absolute;
	left:631px;
	top:100px
}
#header a.join:hover{
	background:url('images/join_now_hover.gif') no-repeat 0 0;
}
#header h1{
	display:block;
	width:348px;
	height:51px;
	background:url(images/slogan.gif) 0 0 no-repeat;
	text-indent:-10000px;
	position:absolute;
	left:263px;
	top:183px;
}
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:776px;
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	font-style: normal;  
	line-height: normal;  
	font-weight: normal;  
	font-variant: normal;  
	color: #ABC4D1;  

	margin:0 auto;
	padding:14px 0 35px 2px;
}
 
pre {
	font-size: 10px; 
	color: #000000
}

.printbody { 
	font-family: Times New Roman, Times, sans-serif, serif, Courier New, Courier, Arial, Helvetica;  
	font-size: 10px;  
	font-style: normal;  
	line-height: normal;  
	font-weight: normal;  
	font-variant: normal;  
	color: #000000;  
	text-decoration: none;  
	background-image: url('none');  
	background-repeat: no-repeat; 
	background-color: #FFFFFF
} 
 
.codeblock { 
	font-family: Courier New, Courier, sans-serif, Times New Roman, Times, serif, Arial, Helvetica;  
	font-size: 10px;
	font-style: normal;  
	line-height: normal;  
	font-weight: normal;  
	font-variant: normal;  
	color: #000000;  
	text-decoration: none;  
	background-image: url('none');  
	background-repeat: no-repeat;
	background-color: #FFFFF0
} 
 
.printcopyright { 
	font-size: 9px;  
	color: #000000 
} 
 
.printcopyright:link { 
	font-family: Times New Roman, Times, sans-serif, serif, Courier New, Courier, Arial, Helvetica;  
	font-size: 9px;  
	color: #0066FF; 
	text-decoration: underline 
} 
 
.printcopyright:hover {
	font-family: Times New Roman, Times, sans-serif, serif, Courier New, Courier, Arial, Helvetica;  
	font-size: 9px;  
	color: #0066FF; 
	text-decoration: underline 
} 
 
.printcopyright:visited { 
	font-family: Times New Roman, Times, sans-serif, serif, Courier New, Courier, Arial, Helvetica;  
	font-size: 9px;  
	color: #0066FF; 
	text-decoration: underline 
} 
 
.copyright { 
	font-size: 8px;  
	color: #ABC4D1 
} 
 
.copyright:link { 
	font-size: 8px;  
	color: #ABC4D1; 
	text-decoration: underline 
} 
 
.copyright:hover { 
	font-size: 8px;  
	color: #F4B82B; 
	text-decoration: underline 
} 
 
.mailbox { 
	font-size: 10px;  
	font-weight: bold;  
	color: #ABC4D1 
} 
 
tr { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #000000 
} 
 
hr { 
	color: #ABC4D1; 
	size: 1px; 
	border: noshade  
} 
 
td { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #000000 
} 
 
.boxc { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 12px;  
	color: #000000
} 
 
a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #417092; 
	text-decoration: none 
} 
 
a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #417092; 
	text-decoration: none 
} 
 
a:active { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #F4B82B; 
	text-decoration: none 
} 
 
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #F4B82B; 
	text-decoration: none 
}
 
.navtitel { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #FFFFFF; 
}
 
.middletitel { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	font-weight: bold;  
	color: #EEEEEE 
} 
 
.titelnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EBF6FD;
	background:url(images/member_login_bg.gif) 0 0 no-repeat #EBF6FD;
}

.middletitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.newstitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 10px;  
	color: #000000;  
}
 
.newsfoot { 
	font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-size: 9px;  
	color: #000000;  
} 
 
.broadcast { 
	font-family: Courier New, Courier, Times New Roman, Times, sans-serif, serif, Arial, Helvetica;  
	font-size: 11px;  
	font-weight: normal;  
	color: #FFFFFF;  
	background-color: #000000;  
	border: solid;  
	border-width: 1px 0px;  
	border-color: #AAAAAA gray 
} 
 
input, textarea, select { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px 
}  
 
input.button { 
	background-color: #efefef;  
	color: #000000;  
	font-size: 11px;  
	font-family: Verdana, Arial, Helvetica, sans-serif 
}  
 
input.mainoption { 
	background-color: #fafafa;  
	font-weight: bold 
}  
 
input.liteoption { 
	background-color: #fafafa;  
	font-weight: normal 
} 
 
.inputusername { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 100px 
} 
 
.inputemail { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 250px 
} 
 
.inputsubject { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 322px 
} 
 
.mailnavtitle { 
	font-size: 10px;  
	font-style: italic;  
	font-weight: bold;  
	background-color: #999999;  
	color: #000000 
} 
 
.mailnav { 
	background-color: #CCCCCC;  
	font-size: 10px;  
	font-weight: bold 
} 
 
.unreadmail1 { 
	background-color: #E5E5E5;  
	font-size: 10px;  
	font-weight: bold 
} 
 
.readmail1 { 
	background-color: #E5E5E5;  
	font-size: 10px 
} 
 
.unreadmail2 { 
	background-color: #DDDDDD;  
	font-size: 10px;  
	font-weight: bold 
} 
 
.readmail2 { 
	background-color: #DDDDDD;  
	font-size: 10px 
} 
 
.writemailbody { 
	color: #000000;  
	font: normal 11px Courier New, Courier, Arial, Helvetica;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 530px 
}  
 
.writenewpage { 
	color: #000000;  
	font: normal 10px Courier New, Courier, Arial, Helvetica;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 0.1mm; 
	width: 640px 
}  
 
.mailbody { 
	font-family: Courier New, Courier, Arial, Helvetica;  
	font-size: 11px;  
	color: #000000;  
	background-color: #CCCCCC 
} 
 
.mailheader { 
	font-family: Courier New, Courier, Arial, Helvetica;  
	font-size: 11px;  
	color: #000000;  
	background-color: #CCCCCC 
} 
 
.inputquestion { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 390px 
} 
 
.inputanswer { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 248px 
} 
 
.inputvotes { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 60px 
} 
 
.inputnavigation { 
	color: #000000;  
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;  
	border-color: #000000;  
	background-color: #ffffff;  
	text-indent: 2px; 
	width: 460px 
} 
 
.selectred { 
	color: black;  
	background-color: red 
} 
.selectblue { 
	color: white;  
	background-color: blue 
} 
.selectyellow { 
	color: black;  
	background-color: yellow 
} 
.selectgreen { 
	color: black;  
	background-color: green 
} 
.selectbrown { 
	color: white;  
	background-color: #993300 
} 
.selectviolet { 
	color: black;  
	background-color: #CC00FF 
} 
.selectblack { 
	color: white;  
	background-color: black 
} 
.selectorange { 
	color: black;  
	background-color: #FF9900 
} 
.selectcyan { 
	color: black;  
	background-color: #66FFFF 
} 
.selectgrey { 
	color: black;  
	background-color: #B2B2B2 
} 

/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	height:100px;
	margin:0;
	padding:36px 0 0 0;
	background-color:#02354D;
	color:#fff;
}
#footer{
	width:496px;
	margin:0 auto;
	position:relative;
	height:100px;
}
#footer ul{
	padding:0;
	margin:0;
	width:496px;
}
#footer ul li{
	margin:0;
	float:left;
	font:normal 13px/19px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#02354D;
	text-transform:capitalize;
}
#footer ul li a{
	font:normal 13px/19px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#02354D;
	text-transform:capitalize;
	text-decoration:none;
	padding:0 12px 0 12px;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	margin:0 12px 0 12px;
	float:left;
	font:normal 13px/19px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#02354D;
	text-transform:capitalize;
}
#footer p.copyright{
	font:normal 13px/13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#02354D;
	position:absolute;
	left:75px;
	top:27px;
}
#footer a.xht{
	display:block;
	width:62px;
	height:12px;
	background:#7CD300 url('images/arrow_xht.gif') no-repeat 51px 1px;
	color:#223900;
	text-transform:uppercase;
	text-decoration:none;
	position:absolute;
	left:184px;
	top:50px;
	font-style:normal; font-variant:normal; font-weight:bold; line-height:12px; font-size:13px; font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:0
}
#footer a.xht:hover{
	color:#fff;
	background-color:#548F00;
}
#footer a.cs{
	display:block;
	width:52px;
	height:12px;
	background:#00A5E5 url('images/arrow_cs.gif') no-repeat 38px 1px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	position:absolute;
	left:258px;
	top:50px;
	font-style:normal; font-variant:normal; font-weight:bold; line-height:12px; font-size:13px; font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; padding-left:7px; padding-right:0; padding-top:0; padding-bottom:0
}
#footer a.cs:hover{
	color:#0E0E0E;
	background-color:#0679A6;
}
#footer p.design{
	display:block;
	width:161px;
	height:17px;
	position:absolute;
	left:170px;
	top:70px;
	font:normal 11px/17px  Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#02354D;
	text-align:center;
}
#footer a.link{
	font:bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#02354D;
	text-align:center;
	text-decoration:none;
}
#footer a.link:hover{
	color:#ffffff;
	background-color:#00A5E5;
}
/*------------------------------------------------footer end--------------------*/