@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#FFFDF9 url(../images/main_bg.jpg) repeat-x;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	

a.top-link{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	
a.top-link:hover{
	color:#FF9900;
	}
	
.search{
	float:left;
	width:250px;
	height:26px;
	background:#58170D;
	border:1px solid #450C06;
	font:12px/26px Arial, Helvetica, sans-serif;
	color:#C5B5B2;
	padding:0 -5px 0 0 ;
	margin:0;
	border-right:none;
	-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topleft: 5px;

-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;

-khtml-border-radius-bottomleft: 5px;
-khtml-border-radius-topleft: 5px;


border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
	}
	
.search-button{
	float:left;
	width:36px;
	height:30px;
	background:url(../images/search-button.jpg);
	border:none;
	cursor:pointer;
	text-indent:-99em;
	padding:0;
	margin:0;
	}
	

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

#menu{
	width:700px;
	float:left;
	position:absolute;
	}
	
.menu{
	float:left;
	width:700px;
	height:40px;
	background:url(../images/bg-menu.png) repeat-y right;
	position:relative;
	top:5px;
	left:0px;
	}
	
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul{
			float:right;
			margin:0;
			padding:0;
			width:650px;
			list-style:none;
			padding:0;
			}
			
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li{
	float:left;
	display:block;
	margin:0;
	padding:0;
	height:40px;
	background:url(../images/bg-tab.jpg) no-repeat 100% 50%;
	}
	
	.menu ul li.last{
		background:none;
		}
	

/* style the links for the top level     
			.menu ul li a        */   
		.menu a, .menu a:visited {
			float:left;
			display:inline;
			font:bold 12px/40px Arial, Helvetica, sans-serif;
			color:#D9CFCE;
			text-decoration:none;
			padding:0 17px 0 16px;
			}
	
	.menu ul li.last{
		border-right:none;
		}
				
/* first*/
.menu li.on> a {
	color:#fff; 
	}	
.menu :hover > a {
	color:#fff; 
	}
	
.menu li.on {
	position:relative;
	border-bottom:none;
	}

		
/************************* drop part ************************/


/* style the sub-level lists */
/* .menu ul li ul */
.menu ul ul {
	width:200px;
	z-index:1000px;
	visibility:hidden;
	position:absolute;
	height:0;
	top:40px;
	background:url(../images/bg-sub-menu.png) repeat;
	}

/* style the sub level list items */
/* .menu ul li ul li */
.menu ul ul li {
	display:block; 
	width:190px;
	height:40px;
	position:relative; 
	border:1px solid BLACK;
	background:url(../images/bg-sub-menu.png) repeat;
	}

/* style the sub level links */
/* .menu ul li ul li a */
.menu ul ul a, .menu ul ul a:visited {
	display:block; 
	float:left;
	width:180px;
	margin:0; 
	padding:0 0 0 10px;
	font:bold 12px/40px Georgia, "Times New Roman", Times, serif;
	color:#D9CFCE;
	}
	
/* .menu ul li ul li a:hover */

.menu ul ul a:hover{
	color:#fff;
	}
.menu ul ul :hover > a{
	color:#fff;
	}

.menu ul table ul a, .menu ul table ul a:visited  {width:18px; w\idth:180px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute; 
	left:0; 
	top:0; 
	font-size:1em; 
	z-index:1000;
	}
	
.menu ul ul table {lef\t:-1px;}

.menu li{
	position:relative;
	padding:0;
	}
	
* html .menu a:hover {
	position:relative;
	}

/* make the second level visible when hover on first level list OR link */
.menu ul li.on:hover ul, .menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
	z-index:1000;
	}
	

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

.billboard{
	float:left;
	width:960px;
	}

h1 {font-size: 3em; margin: 20px 0;}
.tab-wrap {width:960px; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 70px;
	width: 100%;
	border:1px solid #E3A144;
	border-left:none;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height:70px;
	width:191px;
	line-height: 30px;
	border-left: 1px solid #E3A144;
	margin-bottom: -1px;
	background:url(../images/bg-tabs.jpg) repeat-x;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	height:70px;
	display: block;
	font-size: 1.2em;
	padding: 0 10px;
	outline: none;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#666666;
}
ul.tabs li a:hover {
	background:url(../images/bg-tabs-hover.jpg) repeat-x;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background:url(../images/bg-tabs-hover.jpg) repeat-x;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
}

.nav_tab{
	width:180px;
	float:left;
	height:35px;
	padding:15px 0 0 0;
	}
	
.nav_tab span{
	float:left;
	width:25px;
	height:35px;
	font:30px Arial, Helvetica, sans-serif;
	color:#640000;
	}
	
.nav_tab p{
	float:left;
	width:150px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#990000;
	padding:0;
	margin:0;
	}
	
.news-scroll{
	width:960px;
	height:50px;
	}
	
.about_us{
	width:960px;
	background:url(../images/background.jpg) no-repeat top center;
	padding-top:30px;
	}
	
.brd-btn{
	border-bottom:1px solid #CCCCCC;
	font:12px Arial, Helvetica, sans-serif;
	color:#590000;
	text-align:left;
	}
	
.brd-btn a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
	}
	
.brd-btn a:hover{
	text-decoration:underline;
	}
	
h2{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#990000;
	padding-bottom:2px;
	}
	
a.link{
	font:12px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
	}
	
a.link:hover{
	text-decoration:underline;
	}
	
#enewsletter{
	width:236px;
	height:26px;
	background:#6C0000;
	border-top:1px solid #000;
	border-right:1px solid #910000;
	border-bottom:1px solid #910000;
	border-left:1px solid #000;
	}
	
.footer-txt{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#B87A7A;
	}
	
.footer_menu{
	width:960px;
	color:#D5B0B0;
	}
	
.footer_menu a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#D5B0B0;
	text-decoration:none;
	}
	
.footer_menu a:hover{
	color:#fff;
	}
	
.footer-bg{
	background:url(../images/bg-footer.jpg) repeat-x top;
	color:#D5B0B0;
	font:bold 11px Arial, Helvetica, sans-serif;
	}
	
#welcome_txt{
	float:left;
	width:260px;
	height:17px;
	position:relative;
	}
	
.welcome-txt{
	width:260px;
	height:370px;
	background:url(../images/bg-welcome.jpg) no-repeat left top;
	position:absolute;
	top:13px;
	left:0;
	z-index:9999;
	}
	
.welcome-txt p{
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:10px 0 20px 0;
	}
	
a.facebook{
	float:left;
	width:28px;
	height:28px;
	background:url(../images/facebook.jpg) no-repeat left top;
	}
	
a.facebook:hover{
	background:url(../images/facebook.jpg) no-repeat left bottom;
	}
	
a.twitter{
	float:left;
	width:28px;
	height:28px;
	background:url(../images/twitter.jpg) no-repeat left top;
	}
	
a.twitter:hover{
	background:url(../images/twitter.jpg) no-repeat left bottom;
	}
	
a.rss{
	float:left;
	width:28px;
	height:28px;
	background:url(../images/rss.jpg) no-repeat left top;
	}
	
a.rss:hover{
	background:url(../images/rss.jpg) no-repeat left bottom;
	}
	
.sub_footer{
	background:#FFE2B7 url(../images/bg-sub-footer.jpg) repeat-x;
	padding:20px 0;
	}
	
.news{
	width:960px;
	}
	
.news strong{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#990000;
	}
	
.news a{
	font:12px Arial, Helvetica, sans-serif;
	color:#990000;
	text-decoration:none;
	padding:0 20px;
	
	}
	
.news a:hover{
	text-decoration:underline;
	}