html {

	width:100%;

	height:100%;

	margin:0px;

}







body {

	height:100%;

	margin:0px;

	margin-top: 0px;

	font-family: arial;

	font-size: 12px;

	color:#FFFFFF;

  	background:url('images/header/rightline.gif') 0px 0px repeat-x #FFFFFF;



}



#containerbg{

	float:left;

	margin-right:auto;

	width:860px;

	background:url('images/home/container-bg.jpg') 850px 0px repeat-y;

}

#container{

	margin-left:0px;

	margin-right:auto;

	width:850px;

	background-color:#FFFFFF;

	/*background:url("images/bg_container.gif") 0px 0px repeat-y;*/

}





#headerleft{

	margin-top:4px;

	height: 280px;

	width:600px;

	float:left;

	background:url("images/header/left.jpg") 0px 0px no-repeat;

}



#headerright{

	height: 280px;

	width:250px;

	float:left;

	background-color:#FFFFFF;

}



#menu{

	float:left;

	height: auto;

	width:250px;

	background-color:#FFFFFF;

	align:center;

}

	.trail, .raid, .tri{

		float:left;

		height: 278px;

		width : 80px;

		cursor:pointer;

		opacity:0.8;



	}



	.trail:hover, .raid:hover, .tri:hover{

		opacity:1;

	}



		.trail{

			margin-left:6px;

			background:url("images/header/trail.jpg") 0px 0px no-repeat;

		}

		.raid{

			background:url("images/header/raid.jpg") 0px 0px no-repeat;

		}

		 .tri{

			background:url("images/header/tri.jpg") 0px 0px no-repeat;

		}



#topmessage{

	margin-top:-34px;

	margin-bottom:0px;

	height: 34px;

	width:600px;

	float:left;

	background-color:#FFFFFF;

}



#leftcontent{

	padding:0px;

	margin:0px;

	height: 200px;

	width:600px;

	float:left;

	background-color:#FFFFFF;

}





/* ------------------- NEWS ---------------------------*/

/* ------------------------------------------------------------------ */

/* -                            NEWS                                  */

/* ------------------------------------------------------------------ */





#ControlNewsList{

	padding-top:10px;

	padding:10px;

	color:#FFFFFF;

	float:left;

	background:url('images/news-bg.gif') 0px 0px repeat-y #FFFFFF;



}



.newsbluetitle{

	font-size : 12pt;

	fontsize : 12pt;

	color : #FFFFFF;

}



	#ControlNewsList H1{

		color:#FFFFFF;

	}



	#ControlNewsList .imgPhotoBox{

		float:left;

	}



		#ControlNewsList .imgPhotoBox .photo{

			width:55px;

			margin-right:5px;

			margin-top:0px;



		}





	#ControlNewsList .textBox{

	font-size : 10pt;

	fontsize : 10pt;



		color:#FFFFFF;

	}



	#ControlNewsList .textBox .title{

		margin-bottom:3px;

		font-weight:bold;

		color:#3def56;

		background-color:#000000;

	}



	.separator{

		clear:both;

		width:100%;

		border-bottom:1px dotted #C49E7A;

		margin-bottom:10px;

		height:15px;

	}





#footer{

	height: 108px;

	width:850px;

	float:left;

	background:url("images/home/bottom.jpg") 0px 0px no-repeat;

}







ul{list-style-type:none;}

a{color:#fff; text-decoration:none;}

a:hover{text-decoration:underline;}



#topHeaderPan ul{width:200px; height:124px; position:absolute; top:100px; left:23px;}

#topHeaderPan ul li{width:200px; height:24px; background:url(images/home/dot-line.gif) 0 100% repeat-x;}

#topHeaderPan ul li a{display:block; width:188px; height:24px; background:url(images/home/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px;}

#topHeaderPan ul li a:hover{text-decoration:underline; background:url(images/home/bullet2.gif) 0 9px no-repeat;}

#topHeaderPan ul li.resources{width:114px; height:24px; background:none;}



















.clear{ clear: both; }