/* float bugs fixes */
/* Luckily IE will expand a box to fit the contents so we can target only IE and give it a smaller height and it will expand to fit the content. This is where Big John and Holly Bergevin step in with the incredible Holly Hack and take care of IE. The IE Escaping Floats Bug 

So to put it all together we can contain a floated element and get the size of the container to expand so that it will completely enclose the float using this combined method and without any clearing element. Which gives us cleaner and lighter mark-up.

*/

.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .floatcontainer{display: inline-table;}  /* Mark Hadley's fix for IE Mac */

    /* Hides from IE Mac \*/
    * html .floatcontainer {height: 1%;}
       .floatcontainer{display:block;}
    /* End Hack */ 


/* end float bugs fixes */
body {
	background: #908E7A url(../../images/design/tile.jpg) top left repeat;
/*	background-color: #a89b8c;*/
	text-align: left;
	margin: 4px;
	}
#bg {
background: url(../../images/design/bg.gif) top center repeat-y;
/*background-color: #a89b8c;*/
}

h3 {
margin: 0;
padding: 0;
font: bold 18px Arial, Helvetica, sans-serif
}

/* MASTHEAD & CONTAINER ARCHITECTURE 3.0 */
#container {
margin:auto;
width: 750px;
border: 1px solid #000;
background: #a19d82 url(../../images/design/fauxcolumn.gif) top left repeat-y;
padding:0;

}

#icons {
margin:auto;
width: 750px;
padding: 0 0 4px 0;
	
}
#icons img {
padding: 0 2px 0 2px;
background-color:inherit;	
float: right;
}

#masthead {
background: #a19d82 url(../../images/design/mastheadbg.jpg) top left no-repeat;
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #fff;
height: 160px;
}

#logo {
float: left;
position: absolute;
top: 14px; 
right: 0;
bottom: 32px; 
left: 14px;
}

#pageheader {
float: right;
position: absolute;
bottom: 0px;
right: 8px;
font: 20pt Helvetica, Arial, sans-serif;
color: #fff;
}
#homeleftcolumn {
width: 372px;
background: #fff;
float:left;
border-right: 1px dashed #000;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#homecolumns {
background: #fff;
float: left;
}

#homerightcolumn {
width: 372px;
float: left;
background: #fff;
height: 100%;
}

#leftcolumn {
width: 125px;
background: #a19d82;
float:left;
height: 100%;
position:relative;
}

#rightcolumn {
width: 624px;
border-left: 1px solid #000;
float: right;
background: #fff;
height: 100%;
}
#onlycolumn {
width: 750px;
background: #fff;
height: 100%;
float: left;
}


/* END MASTHEAD  & CONTAINER ARCHITECTURE 3.0 */


.homedivider {
background: url(../../images/design/dot-vert.gif) top center repeat-y
}

.logo {
background: #000;
/* Filter: Alpha(Opacity=100) */
}

p {
margin: 0 0 14px 0;
}

/*
h3 {
font: bold 24px Arial, Helvetica, sans-serif;
margin: 30px 10px -7px 0;
padding: 0;
color: #fff;
position: relative;
left: 5px;
top: -5px;
}


h3.dropshadow {
font: bold 24px Arial, Helvetica, sans-serif;
margin: 30px 10px -7px 0;
padding: 0;
color: #000;
position: absolute;
left: 756px;
top: 19px;
}
*/

h4, h5 {
margin: 0 0 0 0;
font: bold 14px Arial, Helvetica, sans-serif;
}
	
div {
margin: 0;
padding: 0;
display: block;
}




.sponsor {
background: #ece9d8;
/*height: 95px;*/
text-align: left;
border-top: 1px solid #000;
border-bottom: 6px solid #85b970;
padding: 12px;
}

.sponsor .picformat {
margin:0;
text-align: left;	
}

#bluebar {
background: #627e57;
height: 6px;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 6px solid #908E7A;
}

#copyrightcontainer {
background: transparent;
height: 25px;
text-align: left;
padding: 0 0 0 10px;
border-top: 1px solid #000;
}



.meetingstrip {
background: #DFDFE5;
border-bottom: 1px solid #000;
}


	
/* main nav */



#corenav ul {
 	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	color: #ffffff;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#corenav ul li { 
	list-style: none;
	display: inline; 
}

/* must put border values before adding border vals to A below for ie5 to respect, else will show */
#corenav .lastbutton {
	border-right: 1px solid #000;
}

#corenav a:hover {
	font-weight: bold;
	color: #ffffff;
	background-color: #5d5d5d;
}

/* must put bullshit voice family hack last on width (after hover too) or won't work in ie */
#corenav a {
	padding: 5px;
	float: left;
	background-color: #000033;
	border-right: 1px solid #cccccc;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 75px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 64px;
	
}

/* end main nav */
 

/* sub nav */


/*must have div or ie 5 wil show masive gap to left ?? WHAT THE GODAMN FUCK!!!??? */
/* div#subnav {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	display: block;
	color: #cccccc;
	font-family: arial, helvetica, sans-serif;
} */


div#subnav {
	list-style: none;
	position: relative;
	overflow: hidden; 
	margin: 0;
	padding: 0;
	display: block;
	font-family: arial, helvetica, sans-serif;
	
} 

#subnav ul {
 	list-style: none;
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
}

#subnav ul li { 
	list-style: none;
	display: block; 
	margin: 0;
	padding:0;
	font-size: 11px;
}

/* must put border values before adding border vals to A below for ie5 to respect, else will show */


#subnav a:hover {
	font-weight: normal;
	color: #ffffff;
	background-color: #5d5d5d;
}


/* must put bullshit voice family hack last on width (after hover too) or won't work in ie */
#subnav a {
	padding: 5px;	
	margin: 0;
	display: block;
	background-color: #8f8e7a;
	border-bottom: 1px solid #000000;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	width: 125px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 115px;
	font-size: 11px;
}
/* end sub nav */


html>body #subnav a {
	width: 115px;
	float: none;
}



#subnav li.subnavheader {
margin: 0;
padding: 3px;
background: #b4b28c;
border-bottom: 1px solid #000;
font-weight: bold;
}

	
/* end main nav */
	
img {
 display : block;
}

.picformat {
margin: auto;
border: solid black 1px;
}

.spacing {
margin: 5px 10px;
}

.picleft {
border: solid black 1px;
margin: 15px 5px 5px 0;
float: left;
}

.picright {
border: solid black 1px;
margin: 15px 5px 5px 0;
float: right;
}

/* gallery format */
div.gcontainer {
margin: 0 0 0 6px;
}

div.spacer {
  clear: both;
  font-size: 0;
  }

div.gimage {
  width: 130px;
	/* height: 185px; */
  margin:10px 6px;
  float: left;
  display:inline;
 /* border: 1px solid black; */
  }
  

div.gimage img {
  padding: 1px;
  border: solid black 1px;
  }

div.gimage p {
	font: 11px normal arial, helvetica;
	padding: 6px 0;
	line-height: 1em;
	width: 130px;
	margin: 0 0 0 2px;
  }
  /* end gallery format */

	
tr.decoration img {
	display: block;
	}

ul	{
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	}

a	{
	font-family: arial;
	font-size: 10pt;
	color: #CB732C;
	text-decoration: underline;
	}
	
a:link	{
	color: #CB732C;
	}
a:visited	{
	color: #AC703F;
	}
a:hover	{
	color: #F1730E;
	}
a:active	{
	color: #CB732C;
	}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}



.center {
text-align: center;
}

a.copyright	{
	font-family: arial;
	font-size: 8pt;
	color: #666666;
	text-decoration: underline;
	}

a:hover.copyright	{
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	text-decoration: underline;
	}

.maincontent {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	line-height: 1.5em;
	}


	
a.footer {
	font-family: arial, helvetica;
	font-size: 8pt;
	color: #000000;
	text-decoration: underline;
	}
	
a:hover.footer {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
	text-decoration: underline;
	}
	

	
.content {
	font-family: arial, helvetica;
	font-size: 10pt;
	text-align: left;
	color: #000000;
	margin: 12px 25px 12px 25px;
	line-height: 1.5em;
	}
	
.content-g {
	font-family: arial, helvetica;
	font-size: 10pt;
	text-align: left;
	color: #000000;
	margin-top: .12in;
	margin-bottom: .05in;
	margin-left: .10in;
	margin-right: .10in;
	line-height: 1.5em;
	}
	
.pics {
	margin-top: .12in;
	margin-bottom: .05in;
	margin-left: .22in;
	margin-right: .22in;
	}
 
.headline {	
	font-size: 12pt;
	font-weight: bold;
	}
	
.homecontent {
	font-family: arial, helvetica;
	font-size: 10pt;
	text-align: left;
	color: #000000;
	margin: 12px 5px 12px 5px;
	line-height: 1.5em;
	}
	
/* SCHEDULE FORMATTING */
	
#homeschedule {
width: 100%;
background: #F1F1E8;
margin: auto;
padding: 0;
}

#homeschedule div{
margin: 0;
padding: 3px;
border: 1px solid #000;
font: 11px Arial, Helvetica, sans-serif;
}

#homeschedule div.header {
border-top: 1px solid #000;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #F1F1E8;
}

#homeschedule a, #homeschedule a:hover, #homeschedule a:visited {
font: 11px arial, helvetica;
color: #000;
text-decoration:underline;
}
	
#schedulecontainer {
width: 50%;
background: #fff;
margin: 0;
padding: 0;
float: left;
}

#schedulecontainer div{
margin: 0;
padding: 10px;
border: 1px solid #ccc;
}

.schedule1 {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	background: #E9E9D1;
	}
	
.schedule2 {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	background: #F1F1E8;
	}
	
/* END SCHEDULE FORMATTING */
	
.gray {
	background-color: #DFDFE5;
	background-image: none;
	}
	
.grayer {
	background-color: #CCCCCC;
	background-image: none;
	}

.white {
	color: #FFFFFF;
	}
	
.bluish {
	background-color: #203F80;
	background-image: none;
	}
	
.caption {
	font-size: 8pt;
	margin-top: .1in;
	margin-bottom: .1in;
	margin-left: .09in;
	margin-right: .05in;
	text-align: left;
	width: 300px;
	}
	
.columncontent {
	font-family: arial, helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	margin-top: .05in;
	margin-bottom: .05in;
	margin-left: .09in;
	margin-right: .09in;
	}
	
.contactcontent {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	margin-top: .075in;;
	margin-bottom: .1in;
	margin-left: .09in;
	margin-right: .09in;
	}
	
.form {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	margin-top: .03in;
	margin-bottom: .03in;
	margin-left: .03in;
	margin-right: .03in;
	text-align: left;
	}
	
	.formfields {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	margin-top: .03in;
	margin-bottom: .03in;
	margin-left: .03in;
	margin-right: .03in;
	text-align: right;
	}

input, textarea, select {
	font-family: arial, helvetica;
	font-size: 10pt;
	color: #000000;
	background-color: #C8C8A4;
	}

.border {
	border-style: solid; 
	border-width: 1px;
	border-color: #000000;
}

td.black {
background-color: #000000;
background-image: none;
padding: 0;
}



#workdays {
border: 1px solid #000;
font-size: 11px;
font-family: arial;
padding: 3px 3px 3px 10px;
}

#workdays a, #workdays a:hover, #workdays a:visited {
font-size: 11px;
}

.wd1 {
background: #DFDFE5;
}

.wd2{
background: #C6C9DB;
}

#sponsorlayout {
border: 1px dashed #ccc;
width: 85%;
}

.sponsorentry {
font-size: 11px;
font-family: arial;
display: block;
float: left;
margin-top:10px;
}

.sponsorlogos {
float: left;
font-size: 11px;
font-family: arial;
margin: 5px 5px 10px 10px;
width: 50%;
}

.sponsordes {
font-size: 11px;
font-family: arial;
text-align: left;
vertical-align: middle;
}

#schedulephotos {
width: 44%;
padding:0;
margin:0;
float:right;
}
/* if going to use float (left) there is bug in ie 6 if contained in container. MUST also add float left/right to the master container to correct and then set width to prevent width bugs */
.articletitle {
border: 1px dashed #ccc;
padding: 5px;
margin-bottom: 20px;
float: left;
width: 96%;
background: url(../../images/design/form_bg.gif) left top repeat-x;
}

.articletitle h3 {
margin: 0;
}

.articlephoto {
border: 1px solid #000;
margin: 5px 10px 5px 0;
float: left;
}



/* FORMS FORMATTING */

div.row {
  clear:both;
  padding: 3px 3px;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.formdata {
  float: right;
  width: 290px;
  text-align: left;
  }

div.form {
width: 500px; 
background-color: #cc9;
border: 1px dotted #333; 
padding: 0;
margin: 0px auto;
  }
  
  
 div.fheader {
background: #999;
color: #000;
padding: 10px;
font: bold 14px  arial;
  }
  
input.hours {
width: 25px;
}
  
  
/* END FORM FORMATTING */



#modnews {
font: 12px Arial, Helvetica, sans-serif;
background: #fff09c;
border: 1px dashed #000;
padding: 5px;
margin: 0 0 15px 0;
text-align: left;
}

#mapscopyright, #gpscopyright {
font: 11px Arial, Helvetica, sans-serif;
background: #fff09c;
border: 1px dashed #000;
padding: 5px;
margin: 0 0 15px 0;
text-align: left;
}

#gpscopyright {
	background: #e5d88c;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

/* date meeting */
#datemeeting {
font: 10px Arial, Helvetica, sans-serif;
color: #000;
background: #DFDFE5;
border-top: 5px solid #5d5d5d;
border-bottom: 1px solid #000;
float: left;
position: relative;
width: 100%;
}

.datecontent {
float: left;
position: relative;
padding: 3px;
}

.cdate {
float: right;
position: relative;
padding: 3px;
}

#datemeeting a,  #datemeeting a:hover, #datemeeting a:visited, #datemeeting a:active {
font: 10px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}

.hiLightBanner {
background-color: #a1b47c;
color: #000;
width: 744px;
border-top: 1px solid #000;
}



/* end date meeting */


/* FOOTER 3.0 */

#footerwrapper {
width: 750px;
float:left;
border-top: 1px solid #000;
}

#footerimgcontainer {
background: #ece9d8;
padding: 10px;
}

.footerimg {
margin: auto;
}

#fbars {
background: #627e57;
height: 6px;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 6px solid #d5d5d5;
}

#footerdata {
background: #b4b28c;
text-align: left;
padding: 3px 10px;
border-top: 1px solid #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}
/* end FOOTER 3.0 */


/* POPUP MODULES 3.0 */
#popcontainer {
background: #a19d82;
}

#gpopcontainer {
background: #fff;
float:left;
position: relative;
width: 100%;
margin:0;
padding:0;
}


#popcontainer, #gpopcontainer  {
border: 1px solid #000;
padding:0;
}

#poponlycolumn, #gpoponlycolumn {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#poponlycolumn {
width: 100%;
background: #fff;
float: left;
position: relative;
}

#gpoponlycolumn {
background: #fff;
float: left;
position: relative;
width: 100%;
}

#imagecontainer {
	float: left;
	position: relative;
	background: #fff;
	margin: auto;
	border-top: 1px solid #000;
	padding: 10px 0;
	width: 100%;
	}
	
#imageformat {
	font: 10pt arial, helvetica;
	color: #000000;
	line-height: 1.5em;
	text-align: center;
	float: left;
	position: relative;
	background: #fff;
	margin: auto;	
	width: 100%;
	}
	
#popupcontent {
	font: 10pt arial, helvetica;
	color: #000000;
	line-height: 1.5em;
	padding: 10px;
	}
	
#popupfooter, #gpopfooter {
	background: #DFDFE5;
	padding: 5px;
	text-align:center;
	}
#gpopfooter {
border-top: 1px solid #000;
}
	
/* END POPUP MODULES 3.0 */

/* SUMMIT MODULES 3.0 */

#summitmodule {
width: 248px;
border: 1px solid #000;
padding: 3px;
margin: auto;
background: #93b061; 
font: 11px arial, helvetica;
text-align: center;
}

#summitmodule a, #summitmodule a:hover, #summitmodule a:visited {
font: 11px arial, helvetica;
color: #fff;
}

/* END SUMMIT MODULES 3.0 */



/* BEGIN MAP TRAILS SECTION CSS */
#maplegend {
background: #fff09c;
border: 1px dashed #000;
padding: 5px;
margin: 0 0 15px 0;
text-align: left;
}
.icon {
float: left;
padding: 3px;
}

.icontext {
padding: 12px 0 0 0;
color: #000;
}

/* END MAP TRAILS SECTION CSS */