*{
	margin:0;
	padding:0;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:18px;
}
a:link{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#CC0000;
}
a:visited{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#CC0000;
}
a:hover{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#777777;
}
.whitelink a:link{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.whitelink a:visited{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.whitelink a:hover{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#CCCCCC;
}
.footerlink a:link{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.footerlink a:visited{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
.footerlink a:hover{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#CCCCCC;
}

/* COMMON CSS */

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.inline{
	display:inline;
}
.overflow{
	overflow:hidden;
}
.martop5{
	margin:5px 0 0 0;
}
.martop10{
	margin:10px 0 0 0;
}
.martop20{
	margin:20px 0 0 0;
}
.marright10{
	margin:0 10px 0 0;
}
.text-center{
	text-align:center;
}
.justify{
	text-align:justify;
}
.white{
	color:#FFFFFF;
}
.bold{
	font-weight:bold;
}
.font11{
	font-size:11px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font24{
	font-size:24px;
}
.blue{
	color:#0077a3;
}
.red{
	color:#CC3333;
}
.white{
	color:#FFFFFF;
}
.black{
	color:#000000;
}
.teal{
	color:#CCFFFF;
}
.noborder{
	border:0;
}
.underline{
	text-decoration:underline;
}
.squarebullet{
	list-style-type:square;
	padding:0 0 10px 20px;
}
.textbut{
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
}

/* PRE-DEFINED */

body{
	background:url(../images/background.jpg) #eaeef0 no-repeat center top;
}
ul{
	list-style-type:none;
}
td{
	padding:0 3px;
}

/* IDS */

#wrapper{
	margin:0 auto;
	width:960px;
}
#header{
	float:left;
	width:960px;
	height:257px;
}
#mainbody{
	float:left;
	width:940px;
	padding:0 10px;
	background-color:#FFFFFF;
}
#navigator{
	float:left;
	width:762px;
	height:39px;
	padding:0 0 0 178px;
	background:url(../images/navigator.jpg) repeat-x;
	position:relative;
	top:-3px;
	text-align:center;
}
	#navigator ul li{
		display:inline;
	}
#maincontent-area{
	float:left;
	width:940px;
	margin:10px 0 0 0;
}
#left-area{
	float:left;
	width:240px;
	height:450px;
	margin:10px 0 0 0;
	padding:0 10px 0 20px;
	background:url(../images/news-area.jpg) no-repeat top fixed;
}
	#left-area div{
		margin:10px 0 0 0;
		padding:0 0 5px 0;
	}
#right-area{
	float:right;
	width:660px;
}
#footer{
	float:left;
	width:940px;
	height:113px;
	margin:10px 0 0 0;
	background:url(../images/footer.jpg) no-repeat;
}
	#footer ul li{
		text-align:center;
	}
#bottom{
	float:left;
	width:960px;
	height:20px;
}
	
/* CLASSES */

.border-bottom{
	border-bottom:#e3e3e3 solid 1px;
}
.datebox{
	float:left;
	width:30px;
	background:url(../images/datebox.jpg) no-repeat;
}
.month{
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
}
.date{
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-align:center;
	margin:-2px 0 0 0;
}
.news-right{
	float:left;
	width:190px;
	padding:0 0 0 10px;
	margin:0 0 0 10px;
	font-size:11px;
	line-height:16px;
	color:#666666;
	text-align:right;
}
	.news-right a:link{
		color:#CC0000;
		font-size:11px;
		text-decoration:underline;
	}
	.news-right a:visited{
		color:#CC0000;
		font-size:11px;
		text-decoration:underline;
	}
	.news-right a:hover{
		color:#999999;
		font-size:11px;
		text-decoration:underline;
	}
.whitebg{
	background-color:#FFFFFF;
}
.greybg{
	background-color:#AAAAAA;
}
.bluebg{
	background-color:#d2eaf1;
}
.violetbg{
	background-color:#dfd8e8;
}
.greenbg{
	background-color:#e6eed5;
}
.content-separator{
	padding:0 0 20px 0;
	border-bottom:dashed 1px #666666;
}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color:#000000;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.0;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top:20%;
	left:35%;
	/*
	top: 40px;
	*/
	width: 500px;
	border: 5px solid #2a4c68;
	background-color:#FFFFFF;
	z-index:1002;
	overflow: auto;
}

/* NAVIGATOR */

.home-area{
	float:left;
	width:78px;
	height:39px;
}
	#homelink a:link{
	background:url(../images/navigator/home.jpg) top;
}    	
	#homelink a:visited{
	background:url(../images/navigator/home.jpg) top;
}    	
	#homelink a:hover{
	background:url(../images/navigator/home.jpg) bottom;
}
.about-area{
	float:left;
	width:86px;
	height:39px;
}
	#aboutlink a:link{
	background:url(../images/navigator/about.jpg) top;
}    	
	#aboutlink a:visited{
	background:url(../images/navigator/about.jpg) top;
}    	
	#aboutlink a:hover{
	background:url(../images/navigator/about.jpg) bottom;
}
.programs-area{
	float:left;
	width:113px;
	height:39px;
}
	#programslink a:link{
	background:url(../images/navigator/programs.jpg) top;
}    	
	#programslink a:visited{
	background:url(../images/navigator/programs.jpg) top;
}    	
	#programslink a:hover{
	background:url(../images/navigator/programs.jpg) bottom;
}
.locations-area{
	float:left;
	width:143px;
	height:39px;
}
	#locationslink a:link{
	background:url(../images/navigator/locations.jpg) top;
}    	
	#locationslink a:visited{
	background:url(../images/navigator/locations.jpg) top;
}    	
	#locationslink a:hover{
	background:url(../images/navigator/locations.jpg) bottom;
}
.downloads-area{
	float:left;
	width:122px;
	height:39px;
}
	#downloadslink a:link{
	background:url(../images/navigator/downloads.jpg) top;
}    	
	#downloadslink a:visited{
	background:url(../images/navigator/downloads.jpg) top;
}    	
	#downloadslink a:hover{
	background:url(../images/navigator/downloads.jpg) bottom;
}
.faq-area{
	float:left;
	width:66px;
	height:39px;
}
	#faqlink a:link{
	background:url(../images/navigator/faq.jpg) top;
}    	
	#faqlink a:visited{
	background:url(../images/navigator/faq.jpg) top;
}    	
	#faqlink a:hover{
	background:url(../images/navigator/faq.jpg) bottom;
}
.contact-area{
	float:left;
	width:119px;
	height:39px;
}
	#contactlink a:link{
	background:url(../images/navigator/contact.jpg) top;
}    	
	#contactlink a:visited{
	background:url(../images/navigator/contact.jpg) top;
}    	
	#contactlink a:hover{
	background:url(../images/navigator/contact.jpg) bottom;
}

