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:114px; height:124px; position:absolute; top:100px; left:23px;}
#topHeaderPan ul li{width:114px; height:24px; background:url(images/home/dot-line.gif) 0 100% repeat-x;}
#topHeaderPan ul li a{display:block; width:102px; 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; }