/*
    BAWM Stylesheet 
    Author: Don Larson
    Created: 8/31/2009
*/

/* SideBar Menu Styling */

#menu {;
	list-style: none;
        margin: 0px 3px 0px 3px;
	padding: 0;
}
#menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	border-bottom: 1px solid #814432;
	color: #000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
#menu a:hover {
        background: #4f595f;
	color: #fff;
	padding-bottom: 8px;
}


/* TabBar Menu Styling */
ul#tabnav {
  list-style-type: none;
  margin: 0;
  padding-left: 40px;
  padding-bottom: 24px;
  border-bottom: 1px solid #814432;
  font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
  float: left;
  height: 21px;
  background-color: #814432;
  color: #FFFFFF;
  margin: 2px 2px 0 2px;
  border: 1px solid #711515;
}
ul#tabnav a:link, ul#tabnav a:visited {
  display: block;
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
  padding: 4px;
}
ul#tabnav a:hover {
  background-color: #4f595f;
  color: #FFFFFF;
}
div#column2a div#classonecontent {
  width: 628px;
  border-left: 1px solid #814432;
  border-right: 1px solid #814432;
  border-bottom: 1px solid #814432;
  border-top: none;
  padding: 0px 0px 6px 0px;
  margin-top: 0px;
}
div#column2a div#classone {
  width:630px;
  padding: 10px 0px 0px 0px;
}
div#class1 ul#tabnav li.class1,
div#class2 ul#tabnav li.class2,
div#class3 ul#tabnav li.class3,
div#class4 ul#tabnav li.class4,
div#class5 ul#tabnav li.class5 {
  border-bottom: 1px solid #FFFFFF;
  color: #000000;
  background-color: #c8b29b;
}
div#class1 ul#tabnav li.class1 a:link,
div#class1 li.class1 a:visited,
div#class2 li.class2 a:link,
div#class2 li.class2 a:visited,
div#class3 li.class3 a:link,
div#class3 li.class3 a:visited,
div#class4 li.class4 a:link,
div#class4 li.class4 a:visited,
div#class5 li.class5 a:link,
div#class5 li.class5 a:visited {
  color: #000000;
  background-color: #c8b29b;
}



/* Body Styling */

body {
    margin:0px; 
    padding:0px; 
    font-size: 1.0em arial, sans-serif; 
    text-align:center;
    background-color: #825d31;
}

* {
    margin:0; 
    padding:0;
}

div#redrule {
    color: #900;
    background-color: #900;
}

div#redrule hr {
    color: #900;
}

hr {
    color: #900;
}

/* Main, Masthead and Header Styling */

div#mainwrap {
    width:774px;     
    margin-left:auto; 
    margin-right:auto;  
    text-align:left;
}

div#header {
    width:774px; 
    height: 150px; 
    background-color:#c8b29b;
    text-align:center;
    margin: none;
    border: none;
    padding: none;
}
div#header img {
    float:left;
    border: none;
}
div#breadcrumbtrail {
    font-size: small;
    color: #FFF;
    //background-color: #36C;
    //border-color: #36C;
    margin: 0px 3px 0px 3px;
    padding: 7px 3px 8px 0px;
}
div#breadcrumbtrail a{
    font-size: small;
    color: #FFF;
    //background-color: #36C;
}
div#currentdate {
    font-size: small;
    color: #000;
    border-bottom: 2px solid;
    border-color: #814432;
    margin: 0px 3px 0px 3px;
    padding: 10px 3px 3px 3px;
}
div#satisfiedcust {
    font-size: small;
    margin: 0px 3px 0px 3px;
    padding: 0px 3px 0px 3px;
    width: 130px;
}
div#column1 div#satisfiedcust img {
    clear: both;
    float: right;
}

div#masthead {
    margin: 0;
    padding: 0;
}

/* Content Area Styling */

div#contentarea {
    width:774px; 
    background-color: #c8b29b;
}

div#eventsubhead {
    text-align: center;
    font-size:  12pt;
}

div#eventtxt {
    text-align: center;
    font-size: 12pt;
}

/* Three Column Styling  */

div#column1 {
    width:150px; 
    float:left;
}
div#column1 h3 {
    clear:both; 
    font-size: .60em heavy;
    color: #FFF;
    background-color: #69F;
    border-bottom: 2px solid; 
    border-color: #36C;
    text-align: center; 
    width: 128px; 
}
div#column1 h3.reverse {
    clear:both;
    font-size: .60em heavy; 
    background-color: #FFF; 
    text-align: left; 
    width: 148px; 
    padding:75px 
}
div#column1 ul {
    padding: 15px; 
    text-align: left;
}
div#column1 a {
    font-size: .80em;
    color: #000;
}
div#column1 img {
    float:left;
    background-color: #FFF;
}
div#column1 p {
    clear:both;  
    font-size: .70em; 
    text-align: left; 
    padding: 5px; 
}


div#contactinfo {
    border-color: #814432;
    color: #000;
    font-size: .70em;
    margin: 0px 3px 0px 3px;
    padding: 5px;
}
div#contactinfo div#contactinfoheader {
    border-bottom: 2px solid;
    border-color: #814432;
}
div#contactinfo a {
    color: #000;
    border: none;
}
div#contactinfo a img{
    background-color: #000;
    border: none;
}


div#column2 {
    width:374px; 
    float:left; 
}
div#column2 h3 {
    clear:both; 
    font-size: .60em heavy;
    color: #FFF; 
    background-color: #69F;
    border-bottom: 2px solid; 
    border-color: #36C;
    text-align: center; 
    width: 372px
}
div#column2 p {
    font-size: .80em; 
    text-align: left; 
    padding: 5px; 
}
div#column2 ul {
    padding: 25px; 
    font-size: .80em; 
    text-align: left;
}
div#column2 img {
    float:left; 
    margin: 5px;
}
div#column2 div#grouppic img {
    float:left; 
    margin: 0px 30px 0px 60px;
}
.column2box {
    border-color: #CDAD00;
}

div#column3 {
    width:250px; 
    float:left; 
}
div#column3 h3 {
    clear:both; 
    font-size: .60em heavy;
    color: #FFF; 
    background-color: #69F;
    border-bottom: 2px solid; 
    border-color: #36C; 
    text-align: center; 
    width: 248px;
}
div#column3 p {
    font-size: .80em; 
    text-align: left; 
    padding: 5px; 
}
div#column3 ul {
    padding: 25px; 
    font-size: .80em; 
    text-align: left;
}
div#column3 img {
    float:left; 
    margin: 5px;
}
div#column3 table {
    font-size: smaller; 
    margin: 0 auto; 
}
div#column3 caption {
    font-size: larger; 
    font-weight: bold; 
    margin: 1em auto 0; 
}

div#column3 table caption a{
    color: #CDAD00;
    //font-size: larger;
    font-weight: bold; 
    margin: 1em auto 0; 
}

/*  Two Column Styling */

div#column1a {
    width:140px; 
    float:left; 
    background-color:#c8b29b;
} 
div#column1a h3 {
    width: 138px; 
    clear:both; 
    font-size: .60em heavy; 
    background-color: #95897b; 
    text-align: left;
}
div#column1a ul {
    padding: 0px; 
    font: .80em; 
    text-align: left;
}

div#column2a {
    width: 634px; 
    float:left; 
    background-color:#c8b29b;
}
div#column2a h3 {
    clear:both; 
    font-size: .60em heavy; 
    background-color: #95897b; 
    text-align: center; 
    width: 626px;
    padding-left: 2px;
}
div#column2a p {
    font-size: .80em; 
    text-align: left; 
    padding: 5px;
}
div#column2a ul {
    padding: 25px; 
    font-size: .80em; 
    text-align: left;
}
div#column2a img {
    float:left; 
    margin: 10px;
}

div#supporters h3 {
    clear:both; 
    font-size: .60em heavy; 
    background-color: #95897b; 
    text-align: center; 
    width: 774;
    padding: 25px 0px 0px 0px;
}
div#supporters img{
    background-color: #FFF;
    float: left;
    margin: 10px;
}
/* Footer Styling */

div#footer {
    width:774px; 
    color: #000; 
    background-color:#c8b29b; 
    text-align:center; 
    padding-top:6px; 
    font-size: .5em; 
}

/* and the Alsett Clearing Method code must go here */        

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

.clearit {
    clear:both;
}