body, div, p, h1, h2, h3, h4, ul, li, table, img
{
	margin:0 0 0 0;
	padding:0;
	border:none;
}

body
{
	font-family: Verdana, Arial, Sans-Serif;
	background: #DADAC5 url(../images/bkgd_site.jpg) repeat left top;	
	font-size:100%;
	color:#000;
}
	
.clear, .spacer { clear: both; }

	
/* =layout 
----------------------------------------------- */
.container
{
	margin: 8px auto 10px auto;
	width: 900px;
	background-color: #fff;	
}
.wrapper
{
	float: left;
	width: 100%;
	background-color: #fff;	
}
.masthead
{
	margin: 0 auto;
	width: 100%;
	height: 200px;
	background: transparent url(../images/masthead.jpg) left top no-repeat;
}

.main
{
	float:left;
	color: #000;
	padding: 0 0 5px 0;
	width: 100%;
	min-height: 400px;
	font-size:0.8em;
}
	.navBar
	{
		margin: 0;
		padding: 0;
		width:900px;
		height: 38px;
		background-color:#54685D;
	}
	
    .content2PanelL
    {
		float: left;
		width: 630px;
	    margin: 2px 0 0 20px;      
    }
    
    .content2PanelR
    {
		float: left;
		width: 240px;
	    margin: 15px 5px 0 0; 
        padding-left:5px;
    }	
	
.footer
{   
		clear: both;
		padding: 10px 0 10px 25px;
		background-color: #54685D;
		line-height: 1.5em;
		text-align:left;
		vertical-align:middle;
		font-size:0.7em;	
		color:#fff;
		height:125px;    	  
}

.footer p
{
    color:#fff;
}
    .footerLeft
    {
        float:left;
        width: 400px;
    }
    
    .footerRight
    {
        float:left;
        width: 400px;
    }
    

   .footer a:link, .footer a:visited {
	    color: #fff;
	    text-decoration:none;
    }

    .footer a:hover {
	    color: #a1d078;
	    text-decoration: underline;
    }
	
.clear {clear:both}

/* =typography
----------------------------------------------- */
.divHome
{
    padding-top:10px;
}
.divHome h1 {
	color: #333;
	text-transform: uppercase;
	font: 100 normal 130% "Arial", Verdana, Arial, Sans-Serif;
    padding: 10px 0 10px 0;
}

.divHome h2 {
	color: #016735;
	text-transform: uppercase;
	font: 100 normal 120% "Arial", Verdana, Arial, Sans-Serif;
    padding: 10px 0 10px 0;	
}

h1 
{
	padding: 10px 0 10px 0;
	color:#756241;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-align:left;	
	font-weight:normal;
	font-size:1.3em;
	text-transform:uppercase;	
}

h2 {
	padding: 0.5em 0 0.2em 0;
	color:#016735;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-align:left;	
	font-weight:normal;
	font-size:1.2em;
	text-transform:none;	
}

h2.calTitle
 {
	padding: 0.2em 0 0.2em 0;
	color:#016735;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	text-align:left;	
	font-weight:bold;
	font-size:1.0em;
	text-transform:uppercase;	
}
	.sideBar h2 {
		padding: 0 0 0.5em 0;
		color:#000000;
		font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
		text-align:left;	
		font-weight:bold;
		font-size:1.1em;
	}
	.bottomPanel h2 {
		padding: 0.6em 0 0.25em 0;
		color: #ffffff;
		font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
		font-weight:normal;
		font-size: 1.4em;
	}
h3 {
	padding: .2em 0 0 0;
	color:#000;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.1em;
}

h4 {
	padding: .2em 0 0 0;
	color:#000;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.1em;
}

p {
	margin-top: 6px;
	margin-bottom: 8px;	
	line-height:15px;
	text-align:left;	
	color:#000;
}



/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color: #a1d078;
	text-decoration: underline;
}

	
/* =lists
----------------------------------------------- */

ul.docs 
{
	margin:0;
	margin-left: 10px;
	padding:4px 0 0 5px;
	list-style-type:none;
	border:none;
}

li.docs
{
	background: url(../images/acrobat-icon.gif) no-repeat -1px;
	padding:0 0 0 20px;
	text-align:left;
}

li 
{
	color: #383131;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left:0px;
	padding-bottom:0px;
	padding-left: 0px;
	list-style-type:none;
}
ul 
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding-left:0px;
	margin-left:20px;
}


/* =images
----------------------------------------------- */
.imageInline
{
    text-align:left;
    margin: 2px 5px 2px 0;
    padding: 2px 2px 2px 2px;
    border: solid 1px #cecbb9;
    clear:both;
}

.webAd
{
	padding: 0;
	width:100%;
	margin: 15px 8px 8px 0;	
    clear:both;
}

/* =home page callouts
----------------------------------------------- */

.rotation
{
    background-color:#fff;
    float:left;
    width:600px;
    height: 300px; 
    margin-bottom: 15px; 
    border: solid 1px #ccc;   
}
    
.eventCalendar {
	background: #f9f9f9;
	border: 1px solid #f7c39a;
	padding: 2px 10px 10px 10px;
	margin: 0 8px 10px 0;	
}
.eventCalendar h2 {
	background: url(../uploads/images/icons/icon-calendar.gif) no-repeat 0px 3px;
	padding-left: 30px;
    font-size:1.1em;
	text-transform:uppercase;
}

.memberDirectory {
	background: #f9f9f9;
	border: 1px solid #e4d4a5;
	padding: 2px 10px 10px 10px;
	margin: 0 8px 10px 0;
}
.memberDirectory h2 {
	background: url(../uploads/images/icons/icon-search.gif) no-repeat 0px 3px;
	padding-left: 30px;
	font-size:1.1em;
	text-transform:uppercase;
}  

.webSponsors {
	background: #fff;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top:15px;
	margin-bottom:10px;
}
.webSponsors h2 {
	background: url(../uploads/images/icons/icon-announce.gif) no-repeat 0px 3px;
	padding-left: 30px;
    font-size:1.1em;
	text-transform:uppercase;
}

.attractionMod
{
    float:left;
    width: 600px;
    text-align:center;    
}
 
.attraction
{
    float:left;
    padding: 5px 5px 5px 5px;
    margin: 0 20px 0 0;
}

/* =image rotation
----------------------------------------------- */
#rotator
{
	
	overflow: hidden;
	margin: 0;
	position: relative;
	width: 540px;
	height: 200px;
	border: solid 1px #ccc;
	margin: 5px 0 5px 0;
}

#rotator img
{
	border: 0;
	width: 540px;
	height: 200px;
}



/* =CMS toolbar
----------------------------------------------- */
div.cmstoolbar
{
    overflow:hidden;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    background: #ddd;
    border-top: solid 1px #bbb;
    font-size: 11px;
}

span.cmstoolpanel
{
    height: 20px;
    border-left: solid 1px #fff;
    border-right: solid 1px #ccc;
    display: inline-block;
    padding-top: 3px;
    vertical-align: top;
}

.cmstool, .lbOn
{
    margin-left: 6px;
    margin-right: 12px;
    vertical-align: top;
}

.cmstoolimage
{
    margin-right: 3px;
    vertical-align: top;
}

@media screen
{
  div.cmstoolbar
  {
    position: fixed;
  }
}