/* Layout CSS */

body {
	margin: 0;
	padding: 0;
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #002D04;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
}

#wrapper {
	width: 996px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 100%;
	height: 131px;
	float: left;
	display: inline;
}

#site-logo {
	float: left;
	display: inline;
	width: 314px;
	height: 131px;
}

#header-image {
	float: right;
	display: inline;
	width: 682px;
	height: 131px;
}

#nav-wrap {
	float: left;
	display: inline;
	width: 100%;
	height: 35px;
	margin: 1px 0;
}

#content-wrap {
	float: left;
	display: inline;
	width: 100%;
	background-color: #FFF;
	margin: 10px 0 0 0;
}

#content {
	float: left;
	display: inline;
	width: 978px;
	margin: 0px 9px;
}

#photo-feature {
    display: inline;
    float: left;
    width: 235px;
}

#photo-feautre-title {
	float: left;
	display: inline;
	width: 100%;
}
#photo-feature-image {
    display: inline;
    float: left;
    margin: 0;
    width: 235px;
}

#news-feature {
    display: inline;
    float: left;
    margin: 0 10px;
    width: 423px;
}

#news-feature-title {
	float: left;
	display: inline;
	width: 100%;
}

#news-feature-image {
	float: left;
	display: inline;
}

#news-feature-list {
    display: inline;
    float: left;
    width: 185px;
}

#poll-wrap {
    display: none;
    float: left;
    visibility: hidden;
    width: 202px;
}

#poll-title {
	float: left;
	display: inline;
	width: 100%;
}

.poll-question p.bodytext {
	float: left;
	display: inline;
	margin: 10px;
	color: #005E07;
	font-weight: bold;
}

.poll-results {
	float: left;
	display: inline;
	width: 172px;
	margin: 0 15px;
	color: #005E07;
}

.poll-results p {
	float: left;
	display: inline;
	width: 100%;
	margin: 5px 0;
	font-size: 11px;
}

.poll-answers {
	float: left;
	display: inline;
	width: 172px;
	margin: 0 15px;
	font-size: 12px;
	color: #005E07;
}

input.pollsubmit {
	width: 95px;
	height: 23px;
	background-image: url(../images/vote_button.jpg);
	background-repeat: no-repeat;
	border: 0;
	margin: 0;
	padding-top: 23px;
	color: transparent;
	overflow: hidden;
}

#box-wrapper {
	float: left;
	display: inline;
	width: 940px;
	margin: 9px 19px;
}

#lower-sponsor {
	float: left;
	display: inline;
	width: 100%;
}

#footer-cap, #footer-cap img {
	float: left;
	display: inline;
	width: 100%;
	height: 9px;
	margin: 0;
}

#footer-wrap {
	float: left;
	display: inline;
	width: 100%;
}

/* Sub page styles */

.col-1-wrap, .col-2-wrap, .col-3-wrap {
	float: left;
	display: inline;
}

.col-1-wrap {
	width:  116px;
	margin: 10px 0;
}

.col-2-wrap {
	width: 629px;
	margin: 10px 15px;
}

.col-3-wrap {
	width: 203px;
	margin: 10px 0;
}

#page-content {
	float: left;
	display: inline;
	width: 100%;
}

.side-nav-title, .side-nav-title img {
	float: left;
	display: inline;
}

.side-nav {
	background-color: #E9F0E9;
	width: 104px;
	float: left;
	display: inline;
	margin: 0 0 0 4px;
}

#content .side-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#content .side-nav ul li {
	list-style-type: none;
	text-indent: 6px;
	font-size: 10px;
	margin: 0px;
}

.side-nav ul li a {
	display: block;
	width: 100%;
	border-bottom: 1px solid #DDD;
	padding: 5px 0;
}

.side-nav ul li.side-nav-last a {
	border-bottom: 0px;
}

.side-nav ul li a:link, .side-nav ul li a:visited {
	color: #005E06;
	text-decoration: none;
}

.side-nav ul li a:hover {
	background-color: #005E06;
	color: #FFFFFF;
}

.hot-spot-wrap {
	float:left;
	display:inline;
	margin:10px 5px;
}

.event-item {
	float: left;
	display: inline;
	width: 170px;
	margin: 0 0 10px 20px;
	font-size: 11px;
	color: #005E06;
}

#content ul.latest-posts {
	margin: 0 0 0 20px;
	color: #005D0C;
}

.topic-name a {
	color: #005D0C;
	font-weight: bold;
}

#content ul.latest-posts .topic-name {
	clear: both;
}

#content ul.latest-posts li {
	list-style-type: none;
	font-size: 11px;
	float: left;
	display: inline;
	width: 100%;
}


#content ul.latest-posts li .topic-lastpost a {
	float: left;
	display: inline;
	color: #005D0C;
	margin-right: 6px;
}

.right-box-content div#tx-mmforum-footer {
	display: none;
}

/* ---------- Default Content & Image Styles ---------- */

p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p {
	font-size: 1.2em;
}

h1 {
	font-size: 2.2em;
	color: #005D0C;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.3em;
}

h5, h6 {
	font-size: 1.2em;
}

a {
	color: #005E06;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

ol, ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#content ul {
	margin: 0 0 15px 30px;
}

#content ul li {
	list-style-type: square;
}

#content ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

#content ol li {
	list-style-type: decimal;
}

#content li {
	margin-bottom: 5px;
	font-size: 1.2em;
	line-height: 1.3em;
}

#content .csc-textpic-imagewrap ul {
        margin:0px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

.copyright {
	float: left;
	display: inline;
	width: 200px;
	line-height: 28px;
	font-size: 10px;
	color: #FFF;
	margin: 10px;
}

.splogo {
	float: right;
	display: inline;
	width: 138px;
	height: 28px;
	margin: 10px;
}

a.box {
	float: left;
	display: inline;
	width: 233px;
	height: 120px;
	margin: 1px;
	text-decoration: none;
	text-align: left;
}

.col-3-wrap a.box {
	width: 211px;
	height: 88px;
	margin: 0 0 10px 0;
}

.button_text {
	margin-top: -110px;
	margin-left: 10px;
	font-family: Arial Black, Arial Bold;
	text-transform: uppercase;
	line-height: 12px;
}
.sub-site .button_text {
    margin-top: -80px;
}


.title { 
	font-size:12px;
	color:#63da69;
}
 
.subtitle {
	font-size:10px;
	color:#ffffff; 
}

.subsubtitle { 
	font-size:10px;
	color:#c6d9de; 
}

#page-content p {
	margin: 1em 0;
	color: #333;
}

p.align-right {
	text-align: right;
}

p.align-left {
	text-align: left;
}

p.align-center {
	text-align: center;
}

p.align-justify {
	text-align: justify;
}

/* ---------- Default Menu Styles ---------- */

/* ----- Level 1 ----- */
ul.dropdown { 
	position: relative;
	font-size: 18px;
	text-transform: capitalize;
	z-index:10;
/* ----- text-transform: uppercase; ----- */	
}

ul.dropdown a {
	color: #FFF;
	text-decoration: none;
}

ul.dropdown li { 
	float: left; 
	zoom: 1; 
	font-size:12px;
}

ul.dropdown a:hover { 
	color: #FFF; 
}

ul.dropdown a:active { 
	color: #FFF;
}

ul.dropdown li a { 
	display: block; 
	padding: 9px 13px; 
}

/* Doesn't work in IE */
ul.dropdown li:last-child a { 
	border-right: none;
} 

ul.dropdown li.hover, ul.dropdown li:hover  { 
	background: #005E06; 
	position: relative; 
}

ul.dropdown li.hover a { 
	color: #FFF;
}

/* ----- Level 2 ----- */
ul.dropdown ul  { 
	width: 15em; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
	z-index:10;	
}

ul.dropdown ul li  { 
	font-weight: normal; 
	color: #000;
	border-bottom: 1px solid #FFF; 
	float: none;
	z-index:10;
	background: #000; 
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { 
	border-right: none; 
	width: 100%; 
	display: inline-block; 
} 

/* ----- Level 3 ----- */
ul.dropdown ul ul { 
	left: 100%;
	top: 0;
}

ul.dropdown li:hover > ul { 
	visibility: visible;
}

/* News Styles */

#content #news-fading-list {
	margin: 0 0 0 10px;
	padding: 0;
}

#content #news-fading-list li {
	list-style-type: none;
	font-size: 11px;
	border-bottom: 1px solid #CCC;
	margin: 0;
	font-weight: bold;
}

#content #news-fading-list .news-list-item {
	padding: 7px 0;
}

#content #news-fading-list .news-list-item a {
	color: #005E07;
}

#content #news-fading-list li.news-list-last {
	border: 0px;
	font-weight: normal;
}

.activeSlide {
	
}

/* Forum Styles */

th.tx-mmforum-th {
	background-color: #005E06;
}

td.tx-mmforum-subth2 {
	background-color: #E9F0E9;
	color: #005E06;
	
}

.tx-mmforum-pi1 a:hover {
	color: #005E06;
}

.tx-mmforum-textbutton {
	background-color: #E9F0E9;
	border: 1px solid #005E06;
}

.tx-mmforum-textbutton a {
	color: #005E06;
}

td.tx-mmforum-optth {
	background-color: #E9F0E9;
	color: #005E06;
}

input.tx-mmforum-button {
	background-color:#005E06;
	border:1px solid #005E06;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

td.tx-mmforum-subth {
	background-color: #E9F0E9;
	color: #005E06;
}

.tx-mmforum-pi3 a, .tx-mmforum-pi3 a:hover {
	color: #005E06;
}

#content #forum-nav ul {
	margin: 0;
	
}

#content #forum-nav ul li {
	list-style-type: none;
	display: inline;
	line-height: 20px;
	padding: 0 15px 15px 0;
	font-size: 11px;
	font-weight: bold;
}

.tx-felogin-pi1 h3 {
	margin: 0 0 10px 0;
	width: 100%;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #005E06;
	line-height: 24px;
	text-indent: 5px;
}

.tx-felogin-pi1 {
	font-size: 12px;
}

.tx-felogin-pi1 form {
	margin: 10px 0;
}

.login-un, .login-pass {
	margin: 0 0 10px 0;
}

.login-forgot a {
	font-size: 11px;
	margin: 10px 0;
	font-weight: bold;
	color: #005E06;
}

.login-forgot a:hover {
	color: #005E06;
}

.login-un2 {
	font-size: 11px;
	margin: 0 0 0 2px;
	font-weight: bold;
	color: #545353;
}

.login-un2:hover {
	color: #005E06;
}

.click-login {
	font-weight: bold;
	color: #545353;
	font-size: 11px;
}

.click-login:hover {
	color: #1555A0;
}

.logout-form div {
	width: 71px;
	margin: 10px 0;
	font-size: 11px;
}

.logout {
	clear: both;
}

input.log-inout-button {
	background-color: #005E06;
	border: 1px solid #005E06;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0 5px 5px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
}


/* GALLERY STYLES START */
/* GALLERY STYLES - Gallery Home START */
#gallery .contenttable {margin: 5px 0 0 0;}
#gallery p a {font-size: 10px; font-weight:bold; text-transform:lowercase; }
#gallery p {margin: 0px;}
#gallery .tx-wtgallery-pi1 { }
#gallery .wt_gallery_category_pic {padding:4px;}
#gallery .wtgallery_category_pagebrowser_area {display:none;}
#gallery img {border:1px solid #fff;}
#gallery .wtgallery_category_folder {display:none;}
#gallery h2 {display:none;}
#gallery .category_row {display:inline;float:left;padding:2px;width:300px;}
#gallery h3 {font-size:14px;margin:0 0 0 10px;}
.pg {
	background-color:red;
	display:inline;
	float:left;
	height:135px;
	margin-top:-137px;
	opacity:0;
	position:relative;
	width:165px;
	filter: alpha(opacity = 0);
}

.gallery_wrap h1  {
	font-size:14px;
}

.sub-site .gallery_wrap h1 {
	display:none;
}

.gallery_wrap {
	display:inline;
	float:left;
	text-align:center;
	width:200px;
}
.gallery_home {
	display:inline;
	float:left;
	width:100%;
}
.gallery_wrap .wtgallery_category_folder, .gallery_wrap .wt_gallery_category_inner_text {
	display:none;
	visibility:hidden;
}

.gallery_plugin {
	float:left;
	display:inline;
}

.gallery_plugin {
    width: 135px;
}

.gallery_plugin .tx-wtgallery-pi1 {
    min-height: 120px;
}

.gallery_plugin .list_row {
	width: auto;
}


.gallery_plugin .wtgallery_list_pagebrowser_area {
    display: none;
    visibility: hidden;
}
.gallery_plugin .wtgallery_list_firstofrow, .gallery_plugin .wtgallery_list_centerofrow, .gallery_plugin .wtgallery_list_lastofrow {
    height: auto;
    overflow: visible;
    width: auto;
}

/* GALLERY STYLES RIGHT COL END */
.tx-wtgallery-pi1 a {font-size:12px;text-decoration:none;}
#gallery .wtgallery_categories {padding:10px;width:130px;height:auto;}
.wtgallery_categories {height:120px;text-align:center;width:150px;}
.category_row {display:inline;float:left;}
/* GALLERY WATERMARK START */
.wtgallery_single img.blank {
	display:block;
	height:100%;
	width:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:1;
}
.wtgallery_single img {
	opacity:0.9;
	filter:alpha(opacity = 90);
}
.wtgallery_single {
	background:url("../images/bnz_gallery_bg_darker.jpg") repeat scroll 0 0 #000000;
	/* display:block; */
	margin:0 auto;
	/* position:relative; */
	/* clear: both; */
}
/* GALLERY WATERMARK END */
.wtgallery_single_browser {float:left;width:650px;}
.wtgallery_category_folder  {margin-left:35px;text-align:center;width:90px;}
.wtgallery_single_browser_previous {float:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold; margin-top: 80px;}
.wtgallery_single_browser_next {float:right;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;  margin-top: 80px;}
.wtgallery_single_browser_next a {color:#686A6B;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;}
.wtgallery_single_browser_previous a {color:#686A6B;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;}
.wtgallery_list a img {opacity:0.66;padding:1px;}
.wtgallery_list_current a img {opacity:1;}
.wtgallery_list_pagebrowser_area p {font-size:12px;}
.wtgallery_single p {display:none;}
.wtgallery_single h2, .wtgallery_category_area h2 {display:none;}
.wtgallery_category_pagebrowser_area, .wtgallery_list_area h2 {display:none;}
.list_row {display:inline;float:left;padding:0 10px;width:610px;}
.wt_gallery_single_inner_pic {text-align:center;height:550px;}
/* GALLERY STYLES END */

.breadcrumbs {
	width: 978px;
	margin: 0 9px;
}

#photo-feature-image {
	height: 170px;
	overflow: hidden;
}

.wtgallery-single-wrap {
	width: 500px;
}

/* Temp Styles */

#poll-title {
	display: none;
}

/* News Ticker */

#scrolling-news-wrap {
    background-image: url("../images/ticker_bg.gif");
    float: left;
    height: 32px;
    margin-bottom: 10px;
    width: 100%;
}

#scrolling-news-content {

}

.tickercontainer { /* the outer div with the black border */
width: 978px;
height: 33px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
left:0;
overflow:hidden;
position:relative;
top:7px;
width:800px;
margin-left: 196px;
}

ul.newsticker { /* that's your list */
position: relative;
left: 680px;
font: bold 11px Arial;
list-style-type: square;
margin: 0;
padding: 0;
color: #666;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #005E07;
font: bold 11px Arial;
text-decoration: none;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

#content .tab-complete-wrap {
    float: left;
    height: 240px;
    overflow: hidden;
    width: 300px;
}

#content ul#twitter_update_list {
    margin: 0 0 0 20px;
    padding: 5px 0 0 10px;
}

#c1219, #c1220 {
    border: 1px solid #AAAAAA;
    height: 220px;
    padding: 5px 0 0 10px;
}

#content ul.tabs {
	margin: 0;
	float: left;
	width: 300px;
}

#content ul.tabs li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

#content ul.tabs li.tab1 a {
	width: 77px;
	height: 32px;
	background-image: url(../images/tab_1_off.jpg);
	background-repeat: no-repeat;
	float: left;
}

#content ul.tabs li.tab1 a.current {
	background-image: url(../images/tab_1_on.jpg);
}

#content ul.tabs li.tab2 a {
	width: 66px;
	height: 32px;
	background-image: url(../images/tab_2_off.jpg);
	background-repeat: no-repeat;
	float: left;
}

#content ul.tabs li.tab2 a.current {
	background-image: url(../images/tab_2_on.jpg);
}

#content ul.tabs li.tab3 a {
	width: 82px;
	height: 32px;
	background-image: url(../images/tab_3_off.jpg);
	background-repeat: no-repeat;
	float: left;
}

#content ul.tabs li.tab3 a.current {
	background-image: url(../images/tab_3_on.jpg);
}

#content ul.tabs li.tab4 {
	width: 75px;
	height: 32px;
	background-image: url(../images/tab_4.jpg);
	background-repeat: no-repeat;
	float: left;
}

.sub-page .col-3-wrap {
    display: none;
    visibility: hidden;
}
.sub-page .col-2-wrap {
    width: 840px;
}

.sub-site .col-2-wrap {
    width: 629px;
}

.sub-site .col-3-wrap {
  display: inline;
  float: left;
  visibility: visible;
}

#home-right-wrap {
    display: inline;
    float: left;
    width: 285px;
}

#right-links {
  background: url("../images/tab_4.jpg") no-repeat scroll right 0 transparent;
  display: inline;
  float: left;
  height: 32px;
  width: 100%;
}

#right-links a {
    display: inline;
    float: left;
    height: 32px;
}
#right-links a.facebook-link-right {
    background: url("../images/tab_1_off.jpg") repeat scroll 0 0 transparent;
    width: 77px;
}
#right-links a.facebook-link-right:hover {
    background: url("../images/tab_1_on.jpg") repeat scroll 0 0 transparent;
    width: 77px;
}
#right-links a.twitter-link-right {
    background: url("../images/tab_2_off.jpg") repeat scroll 0 0 transparent;
    width: 66px;

}
#right-links a.twitter-link-right:hover {
    background: url("../images/tab_2_on.jpg") repeat scroll 0 0 transparent;
    width: 66px;
}

#right-links a.podcasts-link-right {
    background: url("../images/tab_3_off.jpg") repeat scroll 0 0 transparent;
    width: 82px;
}

#right-links a.podcasts-link-right:hover {
    background: url("../images/tab_3_on.jpg") repeat scroll 0 0 transparent;
    width: 82px;
}

#right-feature {
  display: inline;
  float: left;
  width: 100%;
}
