@import 'members.css';
@import 'public.css';
@import 'form.css';
@import 'thickbox.css';

body {
   color:#534C46;
   font: 62.5% Arial,Verdana,Tahoma;
   background:#E5E1DB url('../images/ui/bg_content.gif') repeat-y center top;}


/* Remove or Reset Default Styles
-------------------------------------------------------------------------*/
* { margin:0; padding:0; list-style-type:none;}
hr { display: none; }
img { border: none; }

/* Clear Floats
--------------------------------------------------------------------------*/
.clear {
 clear: both;
 font-size: 0;
 height: 0;
 line-height: 0;
 overflow: hidden;}

.clearfix {display:inline-block;}
.clearfix {display: block;}
	
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/* General Form Styles 
-------------------------------------------------------------------------*/
input, textarea, select { font-size:12px; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;}
fieldset br{ clear:both;}
fieldset{ border:none;}

/* General Link Styles 
--------------------------------------------------------------------------*/
a:link, a:visited {
 color:#41AA05;
 text-decoration:underline;}

a:hover, a:active {
 color:#66330C;}

a{outline:none;}

a.more{
  background:#DFD6D0;
  padding: 6px 13px !important;
  display:block;
  line-height:1em;
  font-weight:bold;
  color:#5E350A !important;
  text-decoration:none !important;
  float:left;
  margin: 5px 0 0 0;}

a.more span{
  background:url('../images/ui/icon_morearrow.gif') no-repeat right center;
  display:block;
  padding: 0 20px 0 0;}

/* General Unordered List Styles
-------------------------------------------------------------------------*/
ul#acc-links{display:none;}

ul li.last{border:none !important;background:none !important;}

/*-------------------------------------------------------------------------
                         PAGE STYLES
*-------------------------------------------------------------------------*/
#container{
  width:996px;
  border:1px solid #FFF;
  border-width: 0 1px;
  background:#FFFFFF;
  padding: 0 0 35px 0;
  margin: 0 auto;}

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

/* Top Navigation */
ul#top-nav{
  background:#A49586 url('../images/ui/bg_topnav.gif') repeat-x top left;
  padding:11px 0 9px 0;
  color:#F9F1E9;
  font:normal 1.1em/1.2em Verdana, Arial;}

ul#top-nav li{
  float:left;
  padding: 0 13px;
  border-right:2px solid #CABCB1;}

ul#top-nav li a{
  color:#F9F1E9 !important;
  text-decoration:none !important;	}

ul#top-nav li a:hover,
ul#top-nav li a.active{
  color:#462A0C !important;
  text-decoration:underline !important; }

ul#top-nav li a:visited{
  color:#F9F1E9; }

/* Banner */
#banner{
  height:190px;
  position:relative;}

#banner .leaf{
  background:url('../images/ui/header_bannerleaf.png') no-repeat top left;
  width:471px;
  height:118px;
  top:88px;
  left:177px;
  z-index:10;
  position:absolute;}

#banner h1{
  float:left;
  padding:15px 0 0 0;}

#banner h1 a{
  display:block;
  background:url('../images/ui/logo.gif') no-repeat top left;
  float:left;
  width: 379px;
  height:190px;
  text-indent:-9999px;
  overflow:hidden;}

#banner #animate{
  width:617px;
  height:190px;
  float:left;
  background:#EEE9E6;}

#banner #flash,
#banner #slideshow{
  height:175px;
  float:left;}

#banner #flash{
  width:242px;}

#banner #slideshow{
  width:375px;
  background:#564738;
  position:relative;}

#banner #slideshow .mask{
  position:absolute;
  background:url('../images/ui/header_slideshowmask.png') no-repeat top left;
  width:375px;
  height:175px;
  z-index:30;}

#banner .slideshow-img{
  position: relative;
  width:375px;
  height:175px;
  z-index: 1;
}

#banner .slideshow-img img{
  position:absolute;
  width:375px;
  height:175px;
  z-index: 1;
  position: absolute; 
  top:0; 
  left:0; 
  display:none;
}

#banner .slideshow-img img:first-child{
  display:block;
}

/* Sub Navigation/Title */
#subnav{
  background:#DCD3CC url('../images/ui/bg_subnav.gif') repeat-x top left;
  margin: 0 0 0 17px;
  font:bold 11px Verdana,Arial;
  padding:15px 0 7px 0;}

ul#nav-sub{
  color:#7C6354;
  width:675px;
  padding: 0 0 0 21px;
  float:left;}

ul#nav-sub li,
ul#nav-options li{
  padding: 0 11px;
  float:left;
  border-right:2px solid #679327;}

ul#nav-sub li a,
ul#nav-options li a{
  color:#7C6354 !important;
  text-decoration:none !important; }

ul#nav-sub ul{
  visibility:hidden;
  position:absolute;
  padding: 7px 0 6px 0;
  float:none;
  background:url('../images/ui/bg_dropdownbottom.gif') repeat-x bottom left;
  clear:both;}

ul#nav-sub li:hover ul,
ul#nav-sub li.sfhover ul{
  visibility:visible;}

ul#nav-sub ul li{
  float:none;
  padding:0;
  display:inline;
  border:none;}

ul#nav-sub ul li a{
  display:block;
  background:#BFB1A6;
  color:#FFF !important;
  padding:7px 11px;
  border-bottom:1px solid #FFF;}

ul#nav-sub ul li a:hover{
  color:#462A0C !important;
  border-bottom:1px solid #462A0C;}

ul#nav-options{
  float:right;
  color:#7C6354;
  width: 240px;}

#subnav h2,
#subnav .date{
  float:left;
  font-size:1em;
  padding: 0 30px;
  color:#462A0C;}

#subnav .date{
  float:right;}

#error-message {
  margin: 0 0 0 17px;
  font:bold 11px Verdana,Arial;
  padding:15px 0 7px 0;}

/*----------------- Content --------------------------*/
#content{
  padding: 20px 0 15px 18px;}

#content-wrapper{
  padding: 0 0 30px 0;}

#content ul,
#content p,
#content ol,
#content dl {font-size:1.1em;}

.col{
  width:304px;
  float:left;}

.center-col{
  padding: 0 23px;}

#main-content{
  float:left;
  padding: 0 22px 0 0 ;
  width:630px;}

/* Box */
  
.box{
   background:url('../images/ui/box_gradient_top.gif') no-repeat top left;
   width: 304px !important;
   padding: 20px 0 20px 17px;}

.box h2{
   font:bold 1.4em Verdana,Arial;
   color:#462A0C;
   padding: 0 0 20px 0;}

.box ul {
   padding: 0 0 0 11px;
   width:245px;
   line-height:1.5em;}

.box li{
   color:#534C46;
   background:url('../images/ui/bullet_arrow_green.gif') no-repeat 0 2px;
   padding: 0 0 10px 20px;}

.box li a{
   color:#534C46 !important;
   text-decoration:none !important;}

.box li a:hover{
   text-decoration:underline !important;}

/*Notifications Box */

.nbox{
   background:url('../images/ui/nbox_gradient_top.gif') no-repeat top left;
   width: 304px !important;
   padding: 20px 0 20px 17px;}

.nbox h2{
   font:bold 1.4em Verdana,Arial;
   color:#462A0C;
   padding: 0 0 20px 0;}

.nbox ul {
   padding: 0 0 0 11px;
   width:245px;
   line-height:1.5em;}

.nbox li{
   color:#534C46;
   background:url('../images/ui/bullet_arrow_green.gif') no-repeat 0 2px;
   padding: 0 0 10px 20px;}

.nbox li a{
   color:#534C46 !important;
   text-decoration:none !important;}

.nbox li a:hover{
   text-decoration:underline !important;}

/* List */
ul.square-list{
   padding: 0 0 15px 13px;}

ul.square-list li{
   line-height:1.5em;
   padding: 0 0 4px 20px;
   background:url('../images/ui/bullet_square.gif') no-repeat 0 4px;}

#main-content ul{
   padding: 0 0 15px 13px;}

#main-content ul li{
   line-height:1.5em;
   padding: 0 0 4px 20px;
   background:url('../images/ui/bullet_square.gif') no-repeat 0 4px;}
   
/* Advertise */
.advertise-grapes a{
  background:url('../images/ui/button_advertise.gif') no-repeat top left;
  display:block;
  width:290px; 
  margin: 0 0 10px 0;
  font:1.4em 'Lucida Grande',Lucida,Arial;
  color:#C5D23E !important;
  text-decoration:none !important;
  padding: 11px 0 0 14px;
  height:35px;}

.advertise-grapes a:hover{
  background-position: 0 -46px !important;}

/* Polls */
.polls{
  background:url('../images/ui/box_gradient_bottom.gif') no-repeat bottom left;
  padding: 0 0 30px 0;}

.polls h4{
  font:bold 1.4em Verdana,Arial;
  padding:7px 0;
  background:#DCD3CC;
  text-align:center;}

.polls-question{
  border:1px solid #E9E4E1;
  border-width:0 1px; 
  padding: 0 0 0 30px;
  margin: 0 3px 0 0;}

.polls-question fieldset{
  padding: 17px 0 15px 0;}

.polls-question p{
  font-size:1.1em;
  padding: 0 0 16px 0;
  font-weight:bold;}

.polls-question ol{
  padding: 0 0 0 50px;}

.polls-question ol li{
  list-style-type:decimal;
  padding: 0 0 5px 0;}

.polls-question input{
   margin: 0 0 0 5px;
   vertical-align:middle;}

.polls-question a.more{
   margin: 10px 0 0 50px;
   font-size:1.1em;}

/* Ads */
.ads{
  padding-right:20px;}

.ads .left-ad{
  float:left;}

.ads .right-ad{
  float:right;
  border:1px solid #DAD4C1;
  width:98px;
  height:76px;
  font: 1.4em/1.2em 'Lucida Grande',Arial;
  padding: 11px 20px 0 90px;
  background:url('../images/ui/ad_gradient.gif') no-repeat top left;}

.ads .right-ad a{
  text-decoration:none !important;}

/*----------------- Footer --------------------------*/
#footer{
  border:1px solid #8BA26B;
  background:#FFF;
  position:relative;
  font:1.1em Verdana,Arial;
  padding: 23px 0 17px 34px;
  margin: 0 20px 0 18px;}

#footer .leaf{
  background:url('../images/ui/footer.gif') no-repeat top left;
  width:173px;
  height:104px;
  top:-9px;
  left:783px;
  position:absolute;}

#footer ul{
  padding: 0 0 60px 0;}

#footer ul li{
  padding: 0 13px;
  color:#462A0C;
  font-weight:bold;
  border-right:2px solid #679327;
  float:left;}

#footer ul li.first{
  padding-left:0;}

#footer ul li a{
  color:#462A0C !important;
  text-decoration:none !important;}

#footer ul li a:hover{
  text-decoration:underline !important;}

#footer p{
  color:#B7AC7E;}

#footer p.copy{
  float:left;}

#footer p.designby{
  float:right; 
  position:relative;
  z-index:2;
  padding: 0 105px 0 0;}

ol.advert_list li {
	list-style-type: decimal ;
}