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

body {background:#ccc; font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px;}

ul, li {margin:0; padding:0; list-style-type:none;}

h1 {margin:0; padding:0; margin-top:10px}

img {border:none}

p {}

.yellow {color:#d5b24b}

#container {width:960px; background:#fff; margin:10px auto; border:10px solid #fff}
#header {width:960px; height:150px; position:relative; background: url(../images/header.jpg); border-bottom:10px solid #4e758c}
.logo {width:260px; height:150px; background:url(../images/logo5.jpg)}
#header .caption {width: 200px; height:50px; padding:5px; font-size:16px; color: #fff; float:right; text-align:right; margin-right:10px; margin-top:50px; font-weight:bold}
#content {width:630px; padding:10px; float:right; text-align:justify }
#footer {width:940px; background: right no-repeat #fff; border-top:1px dotted #ddd; text-align:center; padding:10px; clear:both; color:#999}
#leftNav {width:300px; float:left; margin-top:20px}

#leftNav ul {
	list-style-type: none;
	margin-bottom: 10px;
}

#leftNav li {
	width: 300px;
	border-top: 1px solid #fff;
	border-bottom:1px solid #ccc;
}

#leftNav a {
	display: block;
	height: 24px;
	width: 294px;
	color: #ccc;
	text-decoration: none;
	padding-top: 6px;
	padding-left: 6px;
	background-color: #293841;
}
#leftNav a:hover {
	color: #FFFFFF;
	background: url(../images/activecrown.jpg) no-repeat right #d5b24b;
}

#leftNav .active {
	background: url(../images/activecrown.jpg) no-repeat right #d5b24b;
	color:#293841;
	font-weight:bold; 
}

#leftNav .active:hover {
	
	color:#293841;
	font-weight:bold; 
}

#image {width:300px; height:250px; float:left; background:#FFF; clear:left; padding-bottom:10px}