body{
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	background:#2e607c url(../images/bg-body.jpg) repeat-x ;
	color:#16384a;
}
/* General reset */
img{border:0;}
a{
	text-decoration: none;
	color:#699297;
}
a:hover{text-decoration:underline;}
/* structure */
#wrapper{
	margin:0 auto;
	width:960px;
	padding:0 19px;  
}
#header{
	position:relative;
	height:112px;
}

#main{
	width:929px;
	padding:0 15px 33px 16px;
	overflow:hidden;
	background:#fff;
}
#content{
	float:right;
	width:561px;
}
#sidebar{
	width:348px;
	float:left;
} 
#footer{
	height:78px;
}
/* header */
h1.logo{
	margin:0;
	position:absolute;
	top:45px;
	left:17px;
}
.logo a{
	text-indent: -9999px;
	background: url(../images/logo.png);
	width:267px;
	display:block;
	height:53px;
}
.intro{
	position:absolute;
	bottom:16px;
	right:10px;
	font: 20px "century gothic", arial, helvetica, sans-serif;
	color:#d4d1b7;
	text-transform:uppercase;
}
.intro a{
	color:#d4d1b7;
}
#wrapper .sub{
	margin:0;
}
#wrapper .sub #content{
	float:right;
	margin:-14px 0 0;
	width:635px;
}
#wrapper .sub #sidebar{
	float:left;
	margin:-13px 0 0;
	width:278px;
}
#wrapper .sub .sup-nav{padding:0 0 21px;}
 /* main nav start */
.bg-main-nav{
	background:#fff;
	margin:0;
	padding: 11px 12px 0;
	height:49px;
}
#main-nav{
	margin:0;
	padding:0 0 0 4px;
	list-style:none;
	height:36px;
	background:#cad168;		
}
#main-nav li{
	height:32px;
	line-height:32px;
	float:left;
	font-weight:bold;
	padding:0 0 3px;
	background:url(../images/bg-main-nav-li.gif) no-repeat 0 50%; 
}
#main-nav li:first-child{background:none;}
#main-nav a{
	margin:4px 0 0;
	padding:0 8px;
	color:#16384a;
	display:block;
	text-transform:uppercase;
}
#main-nav li ul {
	display:none;
	position:absolute;
	top:34px;
	left:0;
	border:1px solid #d7db91;
	border-top:0;
	width:223px;	
	padding:0 0 4px;
	margin:0;
	list-style:none;
	background:#d7db91;
}
#main-nav li ul li {
	padding:0 0 0 10px;
	background:url(../images/bg-mainnav-ul-li1.gif) no-repeat;
	float: none;
	height:34px;
	line-height:34px;
}
#main-nav li ul li:first-child{background:url(../images/bg-mainnav-ul-li1.gif) no-repeat;}
#main-nav li:hover,
#main-nav li.hover {
	position:relative;
}
#main-nav ul a{
	font-size:13px;
	line-height:38px;
	text-transform:none;
}
#main-nav li:hover ul, #main-nav li.hover ul {
	display:block;
}
 /* main nav end */
/* nav-bar */
.nav-bar{
	margin:0 -19px;
	padding:0 15px 0 0;
	background:url(../images/bg-nav-bar.gif) no-repeat;
	height:257px;
}
.nav-bar ul{
	margin:0;
	padding:12px 0 0 16px;
	list-style:none;
	overflow:hidden;	
	width:388px;
 }
.nav-bar li{
	float:left;
	width:167px;
	height:72px;
	line-height:58px;
	background:url(../images/bg-navbar-li.gif) no-repeat 0 5px;
	padding: 0 0 0 27px;
}
.nav-bar li:hover{background:url(../images/bg-navbar-li-hover.gif) no-repeat 0 5px;}
.nav-bar a{
	color:#d4d1b7;
	font-weight:bold;
	line-height:18px;
	display:block;
	margin:18px 0 0;
}
.nav-bar .visual{
	float:right;
	padding:14px 0 0;
}
/* main */
#wrapper .home {margin:-19px 0 0;}
#main h2{
	font: 21px "century gothic", arial, helvetica, sans-serif;
	border-bottom:1px solid #7e7b5b;
	padding:9px 0 9px 12px;
	margin:16px 0 0;
	letter-spacing:-1px;
}
.left,
#main h2.bg{
	border-left:1px solid #7e7b5b;
}
#content h2.bg{
	border-right:1px solid #7e7b5b;
	border-left:0;
	
}
#content h2.a{
	color:#16384a;
	text-decoration:none;
}
#content .box{
	margin:0 -13px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	width:574px;
}
#content .box li{
	float:left;
	width:272px;
	overflow:hidden;
	padding:0 15px 0 0;
}
#content .box .more{
	color:#16384a;
	text-decoration:underline;
}
#content .box .more:hover{text-decoration:none;}
#content .box .wrap{
	overflow:hidden;
	padding:15px 0 0;
	height:1%;
}
#content .box .visual{
	border:1px solid #7e7b5b;
	padding:7px;
	margin:0 15px 0 0;
	float:left;
}
#content p{
	line-height:18px;
	margin:13px 0 1px 12px;
	padding:0 0 6px;
}
#content ul, ol, li{
	line-height:18px;
}
#content .visual-box{
	margin:0 0 0 12px;
}
#content .visual-box img{
	display:block;
	float:right;
	padding:7px;
	margin:11px 0 0 8px;
	border:1px solid #7e7b5b;
}
#content .photo-left{
	float:left;
	padding:7px;
	margin:8px 8px 0 0;
	border:1px solid #7e7b5b;
}
#content .photo-right{
	float:left;
	padding:7px;
	margin:8px 0 0 8px;
	border:1px solid #7e7b5b;
}
#content .wrap strong,
#content .wrap p {
	line-height:17px;
	margin:0;
	padding:0 0 4px;
	display:block;
}
#content .wrap img {
	border:1px solid #7e7b5b;
	padding:7px;
	margin:0 15px 0 0;
	float:left;
}

/* sidebar */
.upcoming{
	margin:-5px 0 0 12px;
	padding:0 0 5px;
	list-style:none;
	overflow:hidden;
	font-size:12px;
	line-height: 18px;
}
.upcoming li{
	padding:17px 0 0;
}
.upcoming em{display:block;}
#sidebar .visual{margin:13px 0 0;}
.upcoming p{margin: 0;}
.upcoming a{color:#699267;}
/* sub-nav start */
.sub-nav{
	margin-top:7px;
	padding:0;
	overflow:hidden;
	list-style:none;	
}
.sub-nav li{
	background:url(../images/bg-subnav-li.gif) no-repeat;
	height:34px;
	margin:-2px 0 2px;
	line-height:34px;
	padding:0 0 0 10px;
}
.sub-nav a{
	color:#16384a;
	font-weight:bold;
}
.sub-nav .active a,
.sub-nav a:hover{
	color:#699267;
	text-decoration:none;
}
/* footer */
#footer p{
	margin:10px 0 0 50px;
	color:#fff;
	font-size:12px;
}
#footer a{color:#fff;}

.content-title{
	font:14px "century gothic", arial, helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
}