/* FUNKASTYLE CSS Document */

body{
	padding:0;
	margin:0;
	background-color:#000000;
	color:#A5A5A4;
	}

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:680px;
	margin:5px auto 0 auto;
	height:30px;
	background-color:#242424;
	border-top:#393939 1px solid;
	border-left:#393939 1px solid;
	border-right:#393939 1px solid;
	border-bottom:#393939 1px solid;
	}

#headerPan ul{
	width:537px;
	margin:4px 0 0 90px;
	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 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:#0867C3;
	}

/*--------------------------------title pan---------------------------*/

#titlePan{
	width:778px;
	margin:0 auto 0 auto;
	background:url(images/header_pic.jpg) no-repeat;
	background-color:#000000;
	height:182px;
	}



/*----------------------------------body part----------------*/

#mainBody{
	width:612px;
	margin:24px auto 0 auto; 
	}


/*-------------left side------*/

#leftPan{
	width:161px;
	color:#B6B6B5;
	background:url(images/left_side_up.gif) no-repeat 0 0 #171717;
	padding:19px 0 0 0;
	float:left;	
	}

#leftPan p{
	background:url(images/left_side_down.gif) no-repeat bottom left;
	height:8px;
	font-size:0;
	display:block;
	}

#leftPan h2{
	color:#fff;
	width:90px;
	height:34px;
	display:block;
	margin:0px 0 0 12px;
	font: normal 18px/34px Arial, Helvetica, sans-serif;
	padding: 0 0 0 11px;
	}

#leftPan ul{
	width:119px;
	display:block;
	margin:6px 0 24px 25px;
	font-size:0;
	}

#leftPan ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px;
	padding: 0 0 0 11px;
	display:block;
	height:24px;
	}

#leftPan ul li a{
	font: 12px/24px Arial, Helvetica, sans-serif;
	color:#B6B6B5;
	text-decoration:none;
	background-color:#171717;
	display:block;
	}

#leftPan ul li a:hover{
	background-color:#454545;
	color:#B6B6B5;
	}

#leftPan h3{
	color:#fff;
	width:114px;
	height:24px;
	display:block;
	margin:0px 0 10px 26px;
	padding: 0 0 0 0;
	background-color:#171717;	
	font: normal 24px/24px Arial, Helvetica, sans-serif; 
	}


/*-------------------------------right-------*/

#rightPan{
	width:430px;
	margin:0 0 0 0px;
	float:right;
	}
#rightPan h2{
	font: normal 14px/30px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	}
#rightPan p{
	width:427px;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#A5A5A4;
	background-color:#000000;
	display:block;
	margin:0 0 0 0;
	}
#rightPan p span{
	color:#2BCB02;
	background-color:#000000;
	font-weight:bold;
	}
#rightPan p a{
	color:#2BCB02;
	background-color:#000000;
	}
#rightPan table {
	border:#393939 1px solid;
	border-collapse: collapse;
	width: 427px;
	}
#rightPan td {
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#A5A5A4;
	border:#393939 1px solid;
	width: 50%;
	padding: 5px;
	text-align: left;
	background-color:#000000;
	}
#rightPan table.gal {
	border:#393939 0px solid;
	border-collapse: separate;
	border-spacing: 7px;
	margin:5px 5px 5px 5px;
	width: 231px;
	}
#rightPan td.gal {
	border:#393939 1px solid;
	width: 33%;
	padding: 10px;
	text-align: left;
	background-color:#000000;

	}
#rightPan p.more{
	width:421px;
	border:#353535 1px solid;
	height:18px;	
	background-color:#171717;
	color:#FFFFFF;
	margin:25px 0 28px 0;
	padding:3px 3px 0 0;
	}
#rightPan p.more a{	
	display:block;
	text-align:right;
	text-decoration:none;
	font:14px/15px Arial, Helvetica, sans-serif;
	width:395px;
	height:15px;
	background:url(images/read_more_arrow.gif) no-repeat right center #000000;
	color:#FFFFFF;
	float:right;
	padding:0 25px 0 0;
	}
#rightPan p a:hover{
	text-decoration:underline;
	}
#rightPan ul{
	width:424px;
	display:block;
	margin:26px 0 0 0;
	}
#rightPan ul li{
	display:block;
	height:35px;
	padding:0 0 0 0;
	float:left;	
	width:141px;
	}
#rightPan ul li a{
	height:35px;
	background-color:#1C1C1C;
	border-bottom:#393939 1px solid;
	border-top:#393939 1px solid; 
	border-left:#393939 1px solid;
	border-right:#393939 1px solid;
	display:block;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:4px 39px 0 16px;
	text-decoration:none;
	}
#rightPan ul li a:hover{
	background-color:#080808;
	color:#2BCB02;
	text-decoration:none;
	}


/*-------------------------------footer---------*/

#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0;
	width:100%;
	}	
#footer{
	height:97px;
	width:612px;
	margin:0 auto 0 auto;
	padding:74px 0 0 0;
	}
#footer p{
	width:324px;
	display:block;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EAEAEA;
	margin:0 0 0 180px;
	background-color:#0A0A0A;
	padding:0 0 9px 0;
	}



