@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #cc9933;
}

/* LAYOUT */
#container {
	width: 940px;
	height: 700px;  
	/* THIS IS THE MAIN BACKGROUND IMAGE */
	background: url(images/bg.jpg) 0 0 no-repeat;
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
	overflow: visible;
}
#header {
	padding: 0 10px 0 20px; 
}
#logo {
	position: relative;
	top: 20px;
	left: 608px;
	width: 286px;
}
#nav {
	width: 844px;
	position: relative;
	top: 30px;
	left: 50px;
}
#subnav {
	width: 844px;
	position: relative;
	top: 30px;
	left: 50px;
	background: url(images/lines.png);
}
#pageContent {
	clear: left;
	width: 846px;
	margin: 50px 50px 0 50px; 
	position: relative;
	top: -10px;
}
#footer {
	padding: 10px 10px; 
	width: 844px;
	text-align: right;
}

/* HOME PAGE */
.box { 
	float: left;
	margin: 0 1px 0 0;
	width: 210px;
	height: 300px;
}

.box-top {
	/*background: #664d28;*/
	color: #fff;
	text-align:center;
	height: 56px;

}
.box-image {
	height: 268px;
}	

.box-news {
	font-size: 12px;
	background: url(images/home-news.jpg) no-repeat;
	overflow: auto;
	height: 268px;
	padding: 0 20px 0 20px;
	color: #fff;
}
.box-news ul{
	margin: 0;
	padding: 0;
}
.box-news li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
}

/* FOLLOWER */

.topleft {
	width: 212px;
	background: #664d28;
	font-size: 12px;
	height: 33px;
	color: #fff;
	text-align:center;
}
.topright {
	background: #fff;
	font-size: 12px;
	height: 33px;
	width: 609px;
	padding-left: 25px;
	color: #664d28;
	text-align:left;
	
}
.content {
    width: 846px;
	height: 390px;
	/* CHANGE THIS COLOR TO #FFF WHEN YOU WANT TO EDIT IN DREAMWEAVER */
	color: #000;
	overflow: auto;
	background:  #ccc;
	background: rgba(255, 255, 255, 0.5);
}
.left-cbox {  
	width: 212px;
	background:  #333;
	background:  rgba(0, 0, 0, 0.7);
	color: #fff; 
}
.right-cbox { 
	width: 600px; 
	padding: 0 25px 0 25px;
}
.left-cbox p {
	padding: 0 10px 0 10px;
}
.white {
	background: rgba(255, 255, 255, 0.25);
}



/* NAVIGATION */

ul.nav, ul.sub-hide, ul.sub-show {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

ul.nav a, ul.sub-hide a, ul.sub-show a{
	color: #cc9933;
	text-decoration: none;
	padding-left: 15px;
	background: url(images/arrow.gif) 0 50% no-repeat;
}
ul.nav a:hover, ul.sub-hide a:hover, ul.sub-show a:hover, li.activate:hover a, li.activate-ro a, ul.sub-show a.sel, ul.nav a.sel {
	color: #ffffff;
	background: url(images/arrow-w.gif) 0 50% no-repeat;
}
ul.nav li, ul.sub-hide li, ul.sub-show li {
	float: left;
	padding: 5px 8px 5px 4px;
	margin-right: 5px;
	list-style: none;
}

li.activate {
	border-bottom: 1px dotted #664d28;
}


li.activate:hover, li.activate-ro {
	background: url(images/lines.png); 
	border-bottom: 1px dotted #666;
}

li.activate:hover a, li.activate-ro a {
	color: #fff;
}

ul.sub-show { 
	width: 844px;
	list-style: none;
	display: block;
}

ul.sub-hide { 
	width: 844px;
	list-style: none;
	display: none;
}

.subnav-show {
	position: relative;
	opacity: 1.0;
	filter: alpha(opacity=100);
	width: 100%;
}
.subnav-hide {
	position: relative;
	opacity: 0.0;
	filter: alpha(opacity=0);
	width: 100%;
}

.show { 

	display: block;
}

.hide { 
	display: none;
}


/* TYPOGRAPHY */

p  { font-size: 11px; margin-top: 0;}
h1 { font-size: 18px; }
h2 { font-size: 16px; margin-bottom: 0; }
h3 { font-size: 14px; margin-bottom: 0; }
h4 { font-size: 12px; }
blockquote { 
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	padding: 10px 20px 10px 20px;
	margin: 0;
}
img {
	border: none;
}

a { 
	color: #000;
}
a:hover, a:visited, a:active { 
	color: #333;
}