.clear { clear: both; height: 1px; line-height: 1px; font-size: 1px; }

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

* {
	border: none;
}

body { margin: 0 0 10px 0; padding: 0 5px 10px 15px; background:#5F1779; text-align: center; font-size:12px; font-family:Arial,sans-serif; color:#5F1779; }
td, p, ul, ol, li { font-size:12px; }
h1 { font-family:Arial,sans-serif; font-size:16px; font-weight: bold; color:#5F1779; margin: 10px 0; }
h2 { font-family:Arial,sans-serif; font-size:14px; font-weight: bold; margin: 10px 0; }
h3 { font-weight: normal; font-size: 14px; margin: 10px 0; }
h4 { margin: 0; }
th { font-weight: bold; font-size: 12px; }
a { font-weight: bold; }
a:link, a:visited { color: #5F1779; text-decoration: underline; }	
a:active, a:hover { color: #FF0000; text-decoration: none; }
ul { list-style-type: square; padding-left: 15px; }
li { margin-left: 0; }
p { margin: 8px 0;}

#menu1 {display: none;}
#menu2 {display: none;}
#menu3 {display: none;}
#menu4 {display: none;}
#menu5 {display: none;}

.navButton {
	border-right: #5F1779 1px solid; padding-right: 1px; border-top: #BB9902 1px solid; padding-left: 1px; font-weight: bold; font-size: 10px; padding-bottom: 1px; margin: 2px; border-left: #BB9902 1px solid; color: #fff; padding-top: 1px; border-bottom: #5F1779 1px solid; font-family: verdana, arial, sans-serif; background-color: #660099;
}

.imageLeft { float: left; margin: 0 15px 10px 0; }

#wrapper { width: 772px; margin: 0 auto; text-align:left; }
#mast { width: 772px; height: 90px; background: url(../images/hq_mast_2.jpg) #fff no-repeat; padding: 0; margin: 0; }
#navBar { width: 772px; background-color:#cfb53b; padding:0; margin: 0; margin-bottom: 15px; }
#search-bar #searchForm { width: 386px; padding: 2px 5px 2px 5px; margin: 0; float:left; }
#navBar #date { width: 200px; float:right; padding: 2px 5px 2px 5px; margin: 0; font-weight: bold; font-size: 12px; }
#mast-bottom { width: 772px; height: 50px; padding:0; margin: 0; }

/*MAIN AREA*/

/*Content Well*/
#content-container { width: 772px; padding:0; margin:0; z-index: 0; }

/*Content Box*/
#content { border: 2px solid #cfb53b; background-color: #fff; padding: 10px; z-index: 0; min-height: 300px; _height: 300px; }

/*Top slanted border*/
#top-content-border { width: 640px; height: 17px; background: url(../images/content_border_top.gif) #cfb53b top left no-repeat; padding: 0; margin: 0; text-align:left; font-size:11px; font-weight: bold; padding: 3px 0 0 132px; }

/*Bottom slanted border*/
#bottom-content-border { background: url(../images/content_border_bottom.gif) #cfb53b top right no-repeat; height:18px; padding: 0 132px 0 10px; margin: 0; font-weight: bold; color:#5F1779; font-size:11px; }

/*NAVIGATION*/
#nav { padding: 0; margin: 0; height: 20px; width: 772px; background-color:#cfb53b; margin-bottom: 15px; list-style: none; position: relative; z-index: 2; }
#nav li { white-space: nowrap; padding: 0 12px; position: absolute; display: block; }
#nav li ul { padding: 3px; margin: 0px; list-style: none; z-index:10000; width: 180px; background: #fff; border: 1px solid #666666; border-top: none; } 
#nav a { white-space: nowrap;  display: block; color: #fff; text-decoration: none; font-weight: bold; }
#nav a.main:link, #nav a.main:visited { color: #ffffff;}
#nav a.main:active, #nav a.main:hover { color: #5F1779;}
#nav li li { margin: 0; padding: 0; border-bottom: 1px dotted #ccc; position:relative; background: #fff; }
#nav li li a { text-align: left; font-weight: bold; display: block; padding: 3px 2px; margin: 0; text-decoration:none; color: #636363; }
#nav li li a:hover, #nav li li a:active { background: #f1f1f1; color: #3873c5; }

#nav li#address {
	right: 20px;
	font-weight: bold;
	color: #fff;
}

/*
#nav li:hover, #nav li.sfhover {
	color: purple;
	}
*/
#nav .main { padding-bottom: 5px; }
#nav #nav1 { left: 10px; }
#nav #nav2 { left: 60px; }
#nav #nav3 { left: 190px; }
.show { display: block; }
.hide { display: none; }

.menu-box { padding: 0; margin:0; border-top: 3px solid #cfb53b; border-left: 2px solid #cfb53b; border-right: 2px solid #cfb53b; border-bottom: 3px solid #cfb53b;
}

.menu-box-bottom{ background: url(../images/menu_border.gif) #5F1779 top left no-repeat; padding:0; margin: 0 0 15px 0; width: 141px; height:7px; }

span /*#menu1, #menu2, #menu3 .menu-box*/ ul { list-style-type: none; padding: 0px; margin: 0px; background-color: #fff; border-top: 3px solid #cfb53b;	}
span /*#menu1, #menu2, #menu3 .menu-box*/ ul li { font-family:Verdana, Arial,sans-serif; padding: 2px 2px 2px 3px; font-size:12px; color:#5F1779; }
span /*#menu1, #menu2, #menu3 .menu-box*/ ul li a{ text-decoration: none; }
span /*#menu1, #menu2, #menu3 .menu-box*/ ul li a:hover { text-decoration: underline; }
.clam-menu{ display: none; }


/*Home page*/
#layoutHome { width: 740px; }
#layoutHome #column1 { float: left; width: 550px; }
#layoutHome #column1 h3 { font-weight: bold; }
#topStory { background: #f1f1f1; margin-bottom: 15px; padding-right: 5px; height: 230px; }
#layoutHome #column2 { float: right; width: 170px; }
#hero { position: relative; display: block; height: 365px; z-index: 1; margin-bottom: 25px; }
#hero h4 { color: #fff; position: absolute; padding: 5px 10px; background: url(../images/bg_trans.png) 0 0 repeat; bottom: 0; margin: 0; left: 0; width: 530px; font-size: 12px; font-weight: bold; }
#hero h4 a, #hero h4 a:visited {
	color: #fff;
}

.newsItem { padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px dotted #ccc; }

#content .front-feature { width: 280px; padding: 0; margin: 3px 5px 5px 0; float: left; }

#content .meeting-info { width: 280px; padding: 0; margin: 3px 0 5px 5px; float: right; }


/*********************************
Officer committee grids
*********************************/
.grid .col1, .grid .col2, .grid .col3 { float: left; height: 50px; padding: 3px 0 3px 3px}
.grid .col1 { width: 30%; margin: 0 2px 3px 0; }
.grid .col2 { width: 30%;  margin: 0 2px 3px 0;}
.grid .col3 { width: 35%;  margin: 0 0 3px 0;}
.grid .alt { background: #D9D9EC; }
.grid .heading { height: auto; font-weight: bold; }


/*********************************
Top nav for committee page
**********************************/
#committeeNav { margin: auto; width: 500px; padding: 0; }
#committeeNav ul { list-style: none; }
#committeeNav li { float: left; width: 32%; border-right: 1px solid #5F1779; }
#committeeNav .noBorder { border: none; }
#committeeNav li a { display: block; padding: 3px 5px; margin: 0; text-align: center; text-decoration: none; color: #5F1779; white-space:nowrap; background: #cfb53b; 	font-weight: bold; }
#committeeNav li a:hover, #committeeNav li a:active { background: #5F1779; color: #cfb53b; }

.required, .alert { color: #990000; font-weight: bold; }
.required { font-family:Verdana, Arial, Helvetica, sans-serif; }
.fieldLabel { font-weight: bold; text-align:right; width:200px; }
.phoneField { width: 40px; }
.formFieldTable { margin: 15px 0; }
.formFieldTable td { vertical-align: top; }
.labelSpacer { margin: 0 0 0 210px; }