/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
   color:#2D291F;
   background:#F3F1E5 url(../images/bg.png) repeat top left;
   font-family:"Times New Roman", Times, serif;
   font-size: 62.5%;}
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}
  

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#2D291F;
 text-decoration: underline;}

a:hover, a:active {
 text-decoration:none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 background:url(../images/bg_contentrepeat.gif) repeat-y top left;
 width: 997px;
 margin: 0 auto;}

#container-wrapper{
 background:url(../images/bg_content.jpg) no-repeat top left;}

#content{
 background:url(../images/bg_contentbottom.jpg) no-repeat bottom left;
 min-height:200px;
 height:auto !important;
 height:200px;
 padding: 25px 0 40px 0;}

#footer{
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 color:#524E41;
 font-size:1.1em;
 width: 997px;
 margin: 0 auto;
 padding: 0 0 10px 0;}

/* 3.1 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#sidebar{
 width: 216px;
 padding: 16px 0 0 0;
 float:left;}

#sidebar-image{
 background:url(../images/sidebarimage.png) no-repeat top left;
 height:198px;}

ul#main-nav{
 padding: 27px 0 10px 26px;}

ul#main-nav li a{
 display:block;
 text-indent:-9999px;
 overflow:hidden;
 width: 189px;}

ul#main-nav li a.involved{
 background:url(../images/nav_becomeinvolved.gif) no-repeat top left;
 height:43px;}

ul#main-nav li a.involved:hover,
ul#main-nav li.active a.involved{
 background-position: 0 -43px !important;}

ul#main-nav li a.directions{
 background:url(../images/nav_directions.gif) no-repeat top left;
 height:42px;}

ul#main-nav li a.directions:hover,
ul#main-nav li.active a.directions{
 background-position: 0 -42px !important;}

ul#main-nav li a.contactus{
 background:url(../images/nav_contactus.gif) no-repeat top left;
 height:44px;}

ul#main-nav li a.contactus:hover,
ul#main-nav li.active a.contactus{
 background-position: 0 -44px !important;}

#joinus{
 background:url(../images/sidebar_joinus.png) no-repeat top left;
 width: 213px;
 height:198px;
 cursor:pointer;
 text-indent:-9999px;
 overflow:hidden;
 display:block;
 padding: 0 0 10px 0;}

.logo{
 background:url(../images/logo.gif) no-repeat top left;
 width: 142px;
 height:182px;
 display:block;
 text-indent:-9999px;
 margin:  0 0 0 46px;
 overflow:hidden;}

 
#main-content{
 width: 781px;
 float:left;} 

#main-content h2{
 font-size:2.5em;
 font-weight:normal;
 color:#000701;
 margin: 0 0 5px 0;
 padding: 0 0 3px 0;
 background:url(../images/border-bottom.gif) no-repeat bottom left;}

#banner h2{
 font-size:3.3em !important;
 color:#8C8163;
 margin:0;
 padding:0 0 0 45px;
 background:none;
 font-weight:normal;}
 
 #banner h4{
	font-size:23px !important;
	color:#8C8163;
	margin:0;
	padding:0 0 0 45px;
	background:none;
	font-weight:normal;
}

#main-content h3{
 font-size:1.6em;}

#main-content p{
 font-size:1.4em;
 padding: 0 0 25px 0;}

#banner{
 padding: 0 0 5px 0;
 margin-left:-9px;
 position:relative;
 background:url(../images/banner_bg.jpg) no-repeat top left;
 width: 753px;
 height:282px; }

#banner .flash{
 height:225px;}

#home #banner{
 height:327px;}


#main-content p.note{
 font-size:1.1em;}

#content-text{
 width: 517px;
 padding: 0 0 0 17px;
 float:left;}

#home ul#pin{
 margin: -72px 0 0 0;}

#pin{
 background:url(../images/pin.png) no-repeat top left;
 width: 246px;
 height:413px;
 float:right;
 position:relative;
 padding: 56px 0 0 0;
 margin: -122px 0 0 0;}

#pin ul li{
 position:relative;
 z-index:200;}

#pin ul a{
 display:block;
 width: 227px;
 text-indent:-9999px;
 overflow:hidden;
 position:relative;
 z-index:200;
 margin: -2px 0 0 0;}

#pin a.discover{
 background:url(../images/pin_discoverhistory.png) no-repeat top left;
 height:90px;}

#pin a.explore{
 background:url(../images/pin_explore.png) no-repeat top left;
 height:106px;}

#pin a.winner{
 background:url(../images/pin_meet.png) no-repeat top left;
 height:109px;}

#pin a.save{
 background:url(../images/pin_save.png) no-repeat top left;
 height:105px;}