
/* CSS Document */
body{
	padding:0;
	margin:0;
	background:url(../images/header_bg.jpg) repeat-x #000;
	color:#A5A5A4;
	overflow-y: scroll;
	overflow-x: hidden;
}
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0;
	margin:0;
}
ul{
	list-style-type:none;
}
.blank{
	font-size:0px;
	clear:both;
	line-height:0px;
}
/*--------------------------------header pan---------------------------*/
#headerPan{
	width:778px;
	margin:0 auto 0 auto;
	background:url(../images/header_pic.jpg) no-repeat;
	height:132px; /*--NEW IMAGE SIZE--*/
}
#headerPan ul{
	width:778px;
	margin:0 0 0 139px;
	display:block;
	height:21px;
}
#headerPan ul li{
	display:block;
	float:left;
	height:21px;
	margin:0;
	padding:0;
}
#headerPan ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 14px 0 14px;
	color:#EAEAEA;
	background-color:#242424;
	text-decoration:none;
	margin:0;
	height:21px;
}
#headerPan ul li a:hover{
	color:#EAEAEA;
	background-color:#2CD11F;
}

#headerPan form{
	width:650px;
	height:100px;
	font-size:0;
	padding:0;
	display:block;
	line-height:12px;
}
#headerPan form a{
	font:10px/12px Arial, Helvetica, sans-serif;
	color:#CBCBCB;
	margin:23px 0 0 195px;
	float:left;
	padding:0;
	font-weight:normal;
	display:block;
}
#headerPan form input.one{
	width:140px;
	height:13px;
	font-size:10px;
	display:block;
	background-color:#171717;
	border:#622E93 1px solid;
	color:#ACACAC;
	float:left;
	margin:64px 40px 20px -104px;
	padding:0px 0px 0px 0px;
}
#headerPan form input.two{
	width:140px;
	height:13px;
	font-size:10px;
	display:block;
	background-color:#171717;
	border:#622E93 1px solid;
	color:#ACACAC;
	float:left;
	margin:84px 40px 20px -182px;
	padding:0px 0px 0px 0px;
}

#headerPan form input.button{
	width:64px;
	height:18px;
	position: relative; 
	top: 72px; 
	left: -35px;
	background:url(../images/LogIn.png) no-repeat 0 0;
	float:left;
	cursor:pointer; 
	cursor: hand;
	border:none;
}


/*----------------------------------body part----------------*/
#mainBody{
	width:650px;
	margin:30px auto 0 auto;
	position: relative;
}
/*-------------------------------right-------*/
#rightPan{
	width:750px;
	margin:-15px 0 0 -60px;
	float:left;
	position: relative;
}
#rightPan h2{
	height:95px;
	width:204px;
	display:block;
	float:left;
}




#rightPan p{
	width:750px;
	font:12px Arial, Helvetica, sans-serif;
	color:#A5A5A4;
	background-color:#000000;
	display:block;
	margin:0px 0px 0px 0px;
}
#rightPan p span{
	color:#2BCB02;
	background-color:#000000;
	font-size:12px;
	/* font-weight:bold; */
}

#rightPan p a:hover{
	text-decoration:underline;
}
#rightPan h3{
	font:24px/22px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000000;
	display:block;
	margin:-10px 0px 0px 0px;
	height:27px;
	position:relative;
}
#rightPan p.hig{
	background-color:#272727;
	color:#8C8C8B;
	font:14px/20px Arial, Helvetica, sans-serif;
	display:block;
	width:413px;
	
	padding:16px 0px 0 12px;
	margin:5px 0 0 0;
}
#rightPan p.hig1{
	background-color:#151515;
	color:#8C8C8B;
	font:14px/20px Arial, Helvetica, sans-serif;
	display:block;
	width:413px;
	
	padding:16px 0px 0 12px;
	margin:5px 0 0 0;
}

#rightPan p.one{
	color:#D3D3D3;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	width:750px;
	padding:10px 0px 5px 52px;
	margin:0 0 5px 0;
	
	background:url(../images/bubbles/01.gif) no-repeat 11px 13px #272727;
}
#rightPan p.one img{
	margin:0 5px 5px 0;
	
}
#rightPan p.one a{
	/* background-color:#000000; */
	color:#2CD11F;
	text-decoration:none;
}
#rightPan p.one a:hover{
	color:#622E93;
	/* background-color:#622E93; */
	text-decoration:none;
}




#rightPan p.two{
	color:#D3D3D3;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	width:750px;
	padding:10px 0px 5px 52px;
	margin:0 0 0 0;
	background:url(../images/bubbles/02.gif) no-repeat 11px 13px #151515;
}
#rightPan p.two a{
	/* background-color:#000000; */
	color:#2CD11F;
	text-decoration:none;
}
#rightPan p.two a:hover{
	color:#622E93;
	/* background-color:#622E93; */
	text-decoration:none;
}
#rightPan p.three{
	color:#D3D3D3;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	width:750px;
	
	padding:10px 0px 5px 52px;
	margin:0 0 0 0;
	background:url(../images/bubbles/03.gif) no-repeat 11px 13px #151515;
}
#rightPan p.three a{
	/* background-color:#000000; */
	color:#2CD11F;
	text-decoration:none;
}
#rightPan p.three a:hover{
	color:#622E93;
	/* background-color:#622E93; */
	text-decoration:none;
}



#rightPan ul{
	width:524px;
	display:block;
	margin:0px 0 0 0; /* was 26px 0px 0px 0px */
}
#rightPan ul li{
	display:block;
	/* height:35px; */
	padding:0px 0 0 0; /* was 98px 0px 0px 0px */
	float:left;
	width:141px;
}
#rightPan ul li.time{
	display:block;
}
#rightPan ul li.time a{
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid;
	border-left:#393939 1px solid;
	display:block;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 39px 0 16px;
	text-decoration:none;
}
#rightPan ul li.time a:hover{
	background-color:#080808;
	color:#622E93;
	text-decoration:none;
}
#rightPan ul li.latest{
	display:block;
}
#rightPan ul li.latest a.la{
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid;
	
	border-left:none;
	display:block;
	 font:14px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 39px 0 37px;
	text-decoration:none;
	
}
#rightPan ul li.latest a.la:hover{
	background-color:#080808;
	color:#622E93;
	text-decoration:none;
}
#rightPan ul li.what{
	display:block;
}
#rightPan ul li.what a.wh{
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid;
	border-left: none;
	display: block;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 39px 0 37px;
	text-decoration:none;
	border-right:#393939 1px solid;
}
#rightPan ul li.what a.wh:hover{
	background-color:#080808;
	color:#622E93;
	text-decoration:none;
}





/*---START NEW FOR PRIMER TABLE---*/

#rightPan p.one ul{
	float:left;
	margin:0;
	padding:0;
	border:1px solid white;
}

#rightPan p.one ul li{
	list-style:none;
	padding:5px 10px;
}

#rightPan p.one ul li.title{
	font-weight:bold;
	background:#333;
	color:#fff;
}

#rightPan p.one ul li.even{
	background:#fff
}

#rightPan p.one ul li.odd{
	background:#FFFFE6
}

/*---END NEW FOR PRIMER TABLE---*/




/*-------------------------------footer---------*/
#footerMain{
	background:url(../images/footer_bg.gif) repeat-x 0 0;
	width:100%;
}	
#footer{
	background:url(../images/footer.gif) no-repeat 0 0;
	height:97px;
	width:778px;
	margin:0 auto 0 auto;
	padding:74px 0 0 0px;
}
#footer ul{
	width:446px;
	display:block;
	margin:0px 0 0 270px;
	padding:0;
	font-size:0;
	height:20px;
	
}
#footer ul li{
	color:#9B9B9B;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	/* background-color:#0F0F0F; */
	padding:0;
	margin:0;
}
#footer ul li a{
	color:#9B9B9B;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* background-color:#0D0D0D; */
	text-decoration:none;
	padding:0 6px 0 6px;
	
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p{
	width:324px;
	display:block;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;
	margin:0px 0 0 330px;
	/* background-color:#0A0A0A; */
	padding:0 0 9px 0;
}
#footer ul.css{
	width:103px;
	display:block;
	font-size:0px;
	margin:0px 0 0 586px;
	padding:0;
	height:20px;
}
#footer ul.css li{
	display:block;
	float:left;
	background-color:#060606;
	margin:0 0 0 1px;
	padding:0;
	color:#FFFFFF;
}
#footer ul.css li a{
	 text-indent:-2000px;
	height:11px;
	padding:0;
	margin:0;
	float:left;
	font-size:0;
	display:block;
}
#footer ul.css li a.cs{
	background:url(../images/css.gif) no-repeat 0 0;
	width:39px;
}
#footer ul.css li a.cs:hover{
	background:url(../images/css_h.gif) no-repeat 0 0;
	width:39px;
}
#footer ul.css li a.html{
	background:url(../images/xhtml.gif) no-repeat 0 0;
	width:61px;
}
#footer ul.css li a.html:hover{
	background:url(../images/xhtml_h.gif) no-repeat 0 0;
	width:61px;
}
#footer p.copy{
	width:500px;
	display:block;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;
	margin:0;
	/* background-color:#030303; */
	padding:0;
	float:right;
	display:block;
}
#footer p.copy a{
	text-decoration:underline;
	color:#EAEAEA;
	background-color:#030303;
}
#footer p.copy a:hover{
	text-decoration:none
}




