/* CSS Document */

/*--------------general---------------------*/

body{
	background:white;
}

#container{
	margin:0 auto 0 auto;
	width:960px;
	background:url(../images/content_bg.gif) repeat-y;
}

#content{
	border-top:#CCCCCC 4px solid;
	border-bottom:#cccccc 1px solid;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:17px;
}

a{
	text-decoration:none;
	color:#666666;
}
a.special{
	text-decoration:none;
	color:#FE6701;
}


a:hover{
	text-decoration:underline;
}

h1{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	margin:20px 0 0 0;
	padding:0 0 5px 0;
	width:98%;
	border-bottom:#fe6701 1px solid;
}

h2{
	font-size:16px;
	color:#fe6701;
	padding:0 0 0 20px;
	background:url(../images/more_icon.gif) left no-repeat;
}

h3{
	color:#fe6701;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h3.left{
	text-align:left;
}

h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fe6701;
	margin-top:20px;
}



li{	
	margin:0 0 7px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
}


.clear_both{
	clear:both;
}


#com_logo{
	float:left;
	margin:15px;
}


#right_sec{
	float:right;
	width:700px;
}

#left_sec{
	float:left;
	width:230px;
	padding:20px 0 0 15px;
}

#news_icon{
	width:60px;
	height:100px;
	padding:5px;
	float:left;
}

#left_sm_sec{
	padding-top:5px;
}

#footer{
	height:25px;
	padding:10px;
	background:white;
}


/*-----------------end of general-------------------*/

/*---------------nav bar----------------------------*/

#nav_bar{
	background:black;
	height:60px;
	border-bottom:white solid 4px;
}

/*
#nav_btn{
	float:right;
	width:600px;
	height:60px;
}

#home a{
	padding:20px 0 0 25px;
	width:60px;
	height:40px;
}

#profile a{
	padding:20px 0 0 30px;
	width:130px;
	height:40px;
}

#services a{
	padding:20px 0 0 25px;
	width:80px;
	height:40px;
}

#announcement a{
	padding:20px 0 0 20px;
	width:120px;
	height:40px;
}

#contact a{
	padding:20px 0 0 20px;
	width:90px;
	height:40px;
}
*/

#nav_btn{
	float:right;
	width:620px;
	height:60px;
}
#home a{
	padding:20px 0 0 20px;
	width:50px;
	height:40px;
}

#profile a{
	padding:20px 0 0 20px;
	width:120px;
	height:40px;
}

#services a{
	padding:20px 0 0 20px;
	width:150px;
	height:40px;
}

#announcement a{
	padding:20px 0 0 20px;
	width:110px;
	height:40px;
}

#contact a{
	padding:20px 0 0 20px;
	width:80px;
	height:40px;
}

#nav_btn li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	display:inline;
}

#nav_btn a{
	float:left;/*very importan to put float*/
	color:white;
	text-decoration:none;
}

#nav_btn a:hover, #nav_btn a.selected{
	color:#FFFF00;
	background:url(../images/nav_high_bg.gif) top left repeat-x;
}

/*--------------end of nav bar----------------------*/

/*----------announcement----------------------*/

#announcement_header{
	margin:20px 0 0 0;
}

#announcement_img{
	width:105px;
	padding:5px;
	float:left;
}

#announcement_content{
	padding:10px 0 30px 40px;
}

#announcement_content li{
	line-height:30px;
	margin:0 10px 0 0;
	display:inline;
}

/*-------------end of announcement------------*/



/*-----------------footer-------------------*/
 
#footer p{
	color:#000000;
	font-size:11px;
	letter-spacing:1px;
}

#footer a{
	color:black;
}
 
#footer .selected{
	text-decoration:underline;
}
 
#copy_rights{
	float:left;
}

#bottom_menu{
	float:right;
}

/*------------------footer----------*/