body {
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	text-align: center;
	color: #444;
	margin: 0;
	padding: 0;
	background: #B9B694 url(../img/bg.gif) top left repeat;
}
#container {
	position: relative;
	background-color: #B9B694;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
	height: 100%;
}

/* ----------------------- Header ----------------------- */

#header {
	height: 93px;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#header img {
	border: none;
}
/* ----------------------- Navigation Buttons ----------------------- */
#nav {
	margin: 0;
	padding: 0;
	height: 40px;
	background:url(../img/nav_bg.gif) top left repeat-x;
}
#nav ul {
	margin:0;
	padding: 0;
	padding-left: 20px;
	height: 40px;
}
#nav li {
	position: relative;
	float: left;
	height: 40px;
	width:72px;
	list-style: none;
	display: inline;
}
#nav li a {
	position: relative;
	height: 40px;
	width: 72px;
	text-decoration:none;
	color: #999;
	cursor: pointer;
	display: block;
}
#nav li, #nav li a {
	background-image: url(../img/nav.gif);
}
#nav li#home, #nav li#home a {
	background-position: -20px 0;
}
#nav li#about, #nav li#about a {
	background-position: -92px 0;
	width: 73px
}
#nav li#join, #nav li#join a {
	background-position: -165px 0;
	width: 64px;
}
#nav li#contact, #nav li#contact a {
	background-position: -229px 0;
	width: 85px;
}
#nav li#research, #nav li#research a {
	background-position: -314px 0;
	width: 92px;
}
#nav li#news, #nav li#news a {
	background-position: -406px 0;
	width: 70px;
}
#nav li#updates, #nav li#updates a {
	background-position: -475px 0;
	width: 83px;
}
/* HOVER STATE */
#nav li#home, #nav li#home a:hover {
	background-position: -20px -40px;
}
#nav li#about, #nav li#about a:hover {
	background-position: -92px -40px;
	width: 73px;
}
#nav li#join, #nav li#join a:hover {
	background-position: -165px -40px;
	width: 64px;
}
#nav li#contact, #nav li#contact a:hover {
	background-position: -229px -40px;
	width: 85px;
}
#nav li#research, #nav li#research a:hover {
	background-position: -314px -40px;
	width: 92px;
}
#nav li#news, #nav li#news a:hover {
	background-position: -406px -40px;
	width: 70px;
}
#nav li#updates, #nav li#updates a:hover {
	background-position: -475px -40px;
	width: 83px;
}
/* On-state */
#nav li#home, #nav li#home .selected {
	background-position: -20px -80px;
}
#nav li#about, #nav li#about .selected {
	background-position: -92px -80px;
	width: 73px;
}
#nav li#join, #nav li#join .selected {
	background-position: -165px -80px;
	width: 64px;
}
#nav li#contact, #nav li#contact .selected {
	background-position: -229px -80px;
	width: 85px;
}
#nav li#research, #nav li#research .selected {
	background-position: -314px -80px;
	width: 92px;
}
#nav li#news, #nav li#news .selected {
	background-position: -406px -80px;
	width: 70px;
}
#nav li#updates, #nav li#updates .selected {
	background-position: -475px -80px;
	width: 83px;
}
/* ----------------------- Layout ----------------------- */
#leftcontent {
	float: left;
	position: relative;
	padding-left: 10px;
	width:255px;
}
* html #leftcontent {
}
#content {
	padding: 0px;
}
#rightcontent {
	position: relative;
	float: right;
	width:255px;
	margin: 0;
	padding-right: 10px;
}
#center {
	position: relative;
	float: left;
	width: 450px;
	padding: 0 9px;
	margin: 0;
}
/* ----------------------- Footer ----------------------- */

#footer {
	clear: both;
	background: url(../img/bg.gif) top left repeat;
	text-align: center;
	font-size: 11px;
	color: #413100;
	margin: 0;
	padding: 10px 0;
}
#footer a {
	color: #71BC44;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
/* -----------------------  ----------------------- */

.box {
	background-color: #edebde;
	margin: 0 0 10px 0;
	z-index: 0;
}
.box h2 {
	background: url(../img/title2.png) top left no-repeat;
	color: #FFFFFF;
	height: 43px;
	margin: 0;
	padding: 0;
}

.box .sp_title {
	background: url(../img/title.gif) top left no-repeat;
	color: #FFFFFF;
	height: 31px;
	font-weight: bold;
	padding: 0 10px;
}

.box .find_us {
	text-align:center;
	height: 190px;
	padding: 0 0px;
	border: 0px;
	overflow: inherit;
}

.box h2 span, .box .sp_title span, #main #title span {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	line-height: 33px;
}
.box h3 {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: #413100;
}
.box h2, .box h3, .box h4, .box h5, .box h6, .box p {
	padding: 0 20px;
	
}
#main small {
font-size: 10px;
margin-top: 10px;
line-height: 14px;
}


.box .microblog {
	text-align:left;
	padding: 10px;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
}

.box .microblog .a-visited .a .a-active {
	color: black;
}

.box .microblog ul {
	margin: 0px;
	padding: 0px 10px;
}
.box .microblog li {
	list-style: none;
	margin: 0px;
	padding: 0px;

}

/* ------------------ Read more ------------- */
.more {
	clear: both;
	margin: 0 10px;
	padding-bottom: 10px;
	text-align: right;
}
.box .more {
	padding-bottom: 10px;
	border-bottom: 1px dashed #413100;
}
.more img {
	border: none;
}
.more a {
	text-decoration: none;
	color: #413100;
	background: url(../img/arrow.gif) top left no-repeat;
	height: 15px;
	padding-left: 17px;
}
.more a:hover {
	text-decoration: none;
	color: #71BC44;
	background-position: bottom left;
}
/* ------------ spotlight ------------------ */
#privacy { margin-bottom: 10px;}

#spotlight {
	background: url(/img/CCW_SecCon_small.jpg) top left no-repeat;
	width: 450px;
	height: 220px;
	padding: 0;
	margin: 0;
}
#spotlight #sp_text {
	width: 200px;
	margin-left: 230px;
	padding-top: 60px;
}
#spotlight #sp_text p {
}
#spotlight #sp_title {
	display: none;
	font-size: 26px;
	padding-top: 20px;
}
#spotlight #watch_video {
padding-left: 140px;
}
#spotlight #read_more_btn {
position: absolute;
top: 225px;
left: 275px;
}
#spotlight #read_more_btn a {
	text-decoration: none;
}
#spotlight #read_more_btn img {
	border: none;
}


/*----------------------- Form ------------------------- */

.zemContactForm {
	padding: 10px;
	z-index: -99;
	border: 0;
}
.zemContactForm .zemText {
	background-color: #FFFFFF;
	height: 20px;
	margin-bottom: 10px;
	width: 230px;
}
label {
	border: 0 !important;
}
.zemContactForm .zemTextarea {
	margin-bottom: 10px;
}
.zemSubmit {
	width: 80px;
	float: right;
	padding: 0;
	border: 0;
}
.zemContactForm select {
	float: left;
	background: url(../img/updown.gif) top right no-repeat;
	width: 140px;
}
.zemContactForm select.replaced {
	display: none;
}
.zemContactForm ul.selectReplacement {
	margin: 0;
	padding: 0;
	height: 20px;
	width: 140px;
}
ul.selectReplacement li {
	background: #ffffff;
	color: #000;
	cursor: pointer;
	display: none;
	font-size: 11px;
	line-height: 20px;
	list-style: none;
	margin: 0;
	padding: 1px 12px;
	width: 120px;
}
ul.selectOpen li {
	display: block;
}
ul.selectReplacement li.selected {
	background: #fff url(../img/updown.gif) center right no-repeat;
	color: #000;
	display: block;
	width: 120px;
}
ul.selectOpen li.selected,  ul.selectOpen li:hover,  ul.selectOpen li.hover,  ul.selectOpen li.selected:hover {
	background: #edebde; 
	color: #000;
}
#joinsubmit {
	margin-top: 1px;
	float: right;
	width: 80px;
}
#main {
	float: left;
	width: 683px;
	background-color: #fff;
	min-height: 519px;
	margin: 0 0 10px 10px;
}
/* ie 6 hack for min-height */
* html #main {
	height: 519px;
}
#title {
	background: url(../img/header.png) top left no-repeat;
	width: 683px;
	height: 43px;
	line-height: 30px;
	color:#FFFFFF;
	font-size: 16px;
}
#title span {
	margin-left: 10px;
}

#main h2 {
	color: #71BC44;
	margin: 0;
	margin-top: 10px;
	padding: 10px 25px 3px 25px;
}
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p {
	padding: 0px 25px;
}
#main .updatedate { 
 color: #666;
 margin-bottom: 15px;
}
#main form {
	padding: 0px 25px 20px 25px;
}
#main ul {
	margin: 0px 25px
}
#main li {
	padding-bottom: 10px;	
}
.divider {
	border-bottom: 1px dashed #413100;
	margin: 20px 25px;
}
#main #subnav {
	float: left;
	border-right: 1px dashed #413100;
	padding: 10px 20px;
	color: #413100;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	width: 120px;
}
#main #subnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#main #subnav li, #main #subnav li a {
	color: #413100;
	text-decoration: none;
	line-height: 30px;
}
#main #subnav li a:hover {
	display: block;
	color: #71BC44;
	text-decoration: none;
	border-bottom: 1px #71BC44 dotted;
	line-height: 29px;
}
#main #subcontent {
	width: 500px;
	float: right;
}
#main #subcontent p, #subcontent h2 {
	margin-left: -25px;
}
#subcontent .divider {
	margin-left: 0;
}
#wrapper {
	background-color: #fff;
	overflow: hidden;
}



h4.subhead { font-size: 16px; font-style: italic; font-weight: normal; }
h5 { font-size: 16px; margin-bottom: 5px; }
#main ol { margin: 0px 30px;}
/*----------------- Round corner box -------------- */
.rbroundbox {
	background: url(../img/nt.gif) repeat;
}
.rbtop div {
	background: url(../img/tl.gif) no-repeat top left;
}
.rbtop {
	background: url(../img/tr.gif) no-repeat top right;
}
.rbbot div {
	background: url(../img/bl.gif) no-repeat bottom left;
}
.rbbot {
	background: url(../img/br.gif) no-repeat bottom right;
}
/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent {
	margin: 0 10px 0 20px;
}
.rbroundbox {
	width: 450px;
	margin: 1em auto;
}

/* ------------ features ------------------ */

.rbcontent h3 {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size: 14pt;
	color: #413100;
}

/* ------------------------ Rollover Map ---------------------- */
 .mapbase {	background: url( '../img/map.gif' ) 0px 0px no-repeat;}
 .wy {background: url( '../img/map.gif' ) -260px 0px no-repeat;}
 .co {background: url( '../img/map.gif' ) -520px 0px no-repeat;}
 .nm {background: url( '../img/map.gif' ) -780px 0px no-repeat;}
 .az {background: url( '../img/map.gif' ) -1040px 0px no-repeat;}
 .ut {background: url( '../img/map.gif' ) -1300px 0px no-repeat;}
 
 
 /* --------------- Links --------------*/
 a {
	color: #71BC44;
 	text-decoration: none;
 }
 
 a:hover {
 	text-decoration: underline;
	color: #71BC44;
}
a, img {
	border: 0;
}

.box .microblog a, a-active {
	color: black;
	text-decoration: none;
}



/* --------------- del.icio.us --------- */
.delicious-posts { 
margin: 0px; 
padding: 0px; 
width: 250px;
}
.delicious-posts a:hover { 
text-decoration: underline;
}
.delicious-banner {
margin: 0; 
padding: 0; 
}
.delicious-banner a { }
.delicious-posts ul { 
padding: 0px 30px;
}
.delicious-posts li { 
list-style: none;
}
.delicious-post { 
width: 220px;
margin: 0px;
padding: 5px 0px; 
margin-left: 25px;
}
.delicious-post a { 
color: #333; 
text-decoration: underline;
}
.delicious-post a:hover { 
color: #71BC44; 
}
.delicious-posts span {
padding-left: 28px;
}
.delicious-posts h2 {
background: none;
font-size: 12px;
font-weight: normal;
height: 14px;
margin-bottom: 0px;
margin-top: 5px;
padding: 0px 20px;
}

/* --------------- EXTRAS --------- */

#sidelink 

{
background: none;
font-size: 12px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 5px;
padding: 0px;
}


/* UVIDEO PAGE */
#titleUVideo {
	background: url(../img/header.png) top left no-repeat;
	width: 683px;
	height: 32px;
	line-height: 30px;
	color:#FFFFFF;
	font-size: 16px;
}
#titleUVideo span {
	margin-left: 10px;
}
#UVideoImage {  }
#UVideoVoteHead { margin: 20px; margin-bottom: 0px;}
#UVideoVoteCast { margin: 20px 0px; margin-top: 60px;}

#UVideoBody { 	
				color: #000; 
				padding: 22px; 
				padding-top: 5px; 
				font-size: 14px; 
				margin: 0px 0px; 
				line-height: 16px; 
				background: url(../img/CCW_UVideo_bg.gif) bottom right no-repeat;
				 }

#UVideoBody ul { padding: 0px; margin: 0px 25px; }

#UVideoBody li { list-style-image: url(../img/gr_bul.gif); color: #000; padding: 10px; margin: 0px 0px; }


#UVideoBody h3 { color: #71BC44; padding: 0px; font-size: 20px; margin: 0px 0px; padding-top: 20px; padding-bottom: 10px; }

#UVideoBody b { color: #71BC44; font-size: 16px; }

#UVideoBody i { color: #71BC44; font-size: 18px; line-height: 24px; font-weight: bold; }

.UVideoButtn { display: block;
    margin: 25px;
    margin-left: auto;	
    margin-right: auto;
    border: 0px;
    }


.ss-base-body { background: black;}