/* CSS Document */
/* CSS for HBAK designed by JB Design - http://www.jbdesign.net */

* {
  padding: 0;
  margin: 0;
}

* html .clearfix {height: 1%;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

body {
  font: 70%/1.5  Verdana, Arial, Helvetica, sans-serif;
  background-color: #76797C;
}

#container {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../img/bk/bodyShad.jpg);
  background-repeat: repeat-y;
  padding-left: 20px;
}

#content {
  padding-bottom: 15px;
}

#contentPadding {
  margin-left: 18px; margin-right: 60px;
}


#linksImages {
  float: left;
  border-right: 1px solid #CCCCCC;
  width: 160px;
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
}

#contactSide {
  float: left;
  border-right: 1px solid #CCCCCC;
  width: 180px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 12px;
  padding-left: 12px;
}

#contactContent {
  width: 500px;
  margin-top: 20px;
  padding-left: 25px;
}

/*
#linksContent {
  margin-top: 20px;
  float: right;
  margin-right: 40px;
  clear: both;
  width: 500px;
}
*/

#footer {
  width: 760px;
  background-image: url(../img/bk/navblue.gif);
  background-repeat: repeat-x;
  height: 10px;
  font-size: 90%;
  color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 7px;
  clear: both;
}

/* Headers */

h1 {
  /* Top banner */
  width: 760px;
  height: 98px;
  background-image: url(../img/toplogo.jpg);
  position: relative;
  text-indent: -9999px;
}

h2 {
  /* Content Sub-Headings */
  font-size: 120%;
  font-family: "trebuchet ms";
  color: #003366;
  border-bottom: 1px solid #999999;
  margin-bottom: 15px;
  margin-top: 15px;
}
  
h3 {
  /* Side Content Sub-Headings */
  font-size: 140%;
  font-family: "trebuchet ms";
  color: #003366;
  text-align: center;
  margin-bottom: 15px;
}

h4 {
  /* Content Sub-Headings */
  font-size: 120%;
  font-family: "trebuchet ms";
  color: #003366;
  border-bottom: 1px solid #999999;
}

/* Lists */

ul#linksList {
  list-style-type: none;
  list-style-image: url(../img/ebullet3.gif);
  margin-left: 170px;
}

#linksList li {
  margin-bottom: 12px;
  margin-left: 30px;
}

ul#memberList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#memberList li {
  margin-top: 5px;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 110%;
}
	
.eventsList {
  list-style-type: none;
  list-style-image: url(../img/ebullet3.gif);
}

.eventsList li {
  margin-left: 30px;
  padding-left: 2px;
  padding-bottom: 12px;
}

ul#footerList {
  list-style-type: none;
   text-align: center;
}

#footerList li {
  display: inline;
  border-right: 1px solid #CCCCCC;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 90%;
 }

.officersList {
  list-style-type: none;
  list-style-image: none;
}

.localList {
  list-style-type: none;
  list-style-image: none;
  margin-left: 8px;
}

ul#addressList {
  margin-top: 15px;
  list-style-image: none;
  list-style-type: none;
}

#addressList li {
  margin-left: 35px;
  color: #999999;
}

.docList {
  list-style-type: none;
  list-style-image: url(../img/ebullet3.gif);
}

.docList li {
  margin-left: 45px;
  margin-bottom: 9px;
}

.localsEO { font-weight: bold; }
ol { margin-left: 60px; }

.officersName { font-size: 110%; color: #003366; font-weight: bold; }
.officersPos { color: #999999; }
.officersAddress { padding-top: 16px; }
.officersPhone { padding-top: 16px; }
.areavp { font-size: 120%; font-weight: bold; color: #003366; }
.bulletHead { color: #003366; font-weight: bold; }

/* Table Styles */

/*
#localsTable th { color: #FFFFFF; font-size: 120%; font-weight: bold; background-color: #003366; }
#localsTable td { width: 45%; vertical-align: top; }
#localsTable { margin-top: 25px; margin-left: auto; margin-right: auto; display: block;  }
.localsBorder td { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }
*/

table.localsTable { width: 700px; margin: 0 auto; }
table.localsTable th { color: #FFFFFF; font-size: 120%; font-weight: bold; background-color: #003366; }
table.localsTable td { width: 45%; padding-bottom: 8px; padding-top: 8px; }
table.localsTable tr.even { background-color: #efefef; }

#officersTable { margin-left: auto; margin-right: auto; display: block;  }

#officersTable td { vertical-align: top; }
#officersDesc { padding-left: 15px; }
#officersTable p { margin: 0; padding: 0; }
.ndirectors td { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }

table.altcolors { 
  margin-left: auto;
  margin-right: auto;
}

table.altcolors caption { font-weight: bold; color: #003366; }
table.altcolors th { text-align: center; font-weight: bold; background-color: #A6A6A6; color: #FFFFFF; }
table.altcolors tfoot { text-align: right; font-weight: bold; background-color: #A6A6A6; color: #FFFFFF; }
table.altcolors td { text-align: center; }

table.altcolors tr.odd th, table tr.odd td {
	background: #efefef;
}

table.altcolors tr.even th, table tr.even td {
	background: #fffff;
}


table.comchairTable tr.even { background: #efefef; }
table.comchairTable { width: 700px; margin: 0 auto; }
table.comchairTable th { color: #FFFFFF; font-size: 120%; font-weight: bold; background-color: #003366; }
table.comchairTable td { text-align: center; padding-bottom: 5px; padding-top: 5px; }
table.comchairTable td.comHead { font-weight: bold; }


/* Forms */

table.formtable th { color: #003366; padding-right: 7px; }
table.formtable td { padding-bottom: 5px; }
.buttons { border: 1px solid #003366; margin-top: 15px; }

/* Legislative Flashes */

#flashdate { color: #999999; }
#flashdownload { color: #999999; padding-bottom: 20px; }


/* Fonts and Images */


.newstitle {
  font-weight: bold;
  font-size: 110%;
  color: #003366;
}

.newsdate {
  color: #999999;
}

.newsshort { line-height: 1.3; }

#events { width: 180px; background-color: #F7F6F6; padding-top: 10px; padding-bottom: 10px; line-height: 1.3; }
.eventdate { color: #003366; }
.eventname { color: #003366; font-weight: bold; }
.eventloc { color: #666666; }

/* #content p { margin-left: 8px;  } */
#contentPadding p { margin-bottom: 12px; }
#contactSide p { font-size: 90%; text-align: center; }

#centerblock { 
  margin-left: 190px; !important
  margin-top: 20px; !important
  display: block;
}

#subfooter { margin-top: 10px; text-align: center; font-size: 90%; color: #CCCCCC; }
.indexSide { font-size: 80%; color: #999999; text-align: center; line-height: 1.3 }
.indexBorder { border-right: 1px solid #CCCCCC; padding-right: 7px; padding-left: 7px; vertical-align: top; }
.newsIndex { padding-left: 4px; vertical-align: top; border-right: 1px solid #CCCCCC; padding-right: 7px; }
.indexLeft { padding-left: 7px; vertical-align: top; }
img.centerImgIndex { margin-left: auto; margin-right: auto; display: block; margin-bottom: 14px; margin-top: 10px; }
img.centerImg { margin-left: auto; margin-right: auto; display: block; }
img.headerImg { margin-top: 12px; margin-bottom: 12px; }
img.linksImg { margin-bottom: 25px; margin-left: auto; margin-right: auto; display: block; }
img.floatLeft { float: left; margin-top: 5px; margin-right: 10px; margin-left: 10px; }
img.floatRight { float: right; margin-top: 5px; margin-right: 10px; margin-left: 10px; }
img.staffPic { float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; }
img.newsPic { float: left; margin-right: 15px; margin-bottom: 25px; }

a { color: #3f7cb8; text-decoration: none; }
a:hover { text-decoration: underline; }

#notebox { border: 1px dashed #999999; background-color: #DEE0E1; padding: 7px; margin-top: 20px; }
/* Navigation Menu */

#nav, #nav ul {
    font-family: 'lucida sans unicode', lucida, verdana;
    font-size: 14px;
	width: 760px;
    float: left;
	list-style: none;
	line-height: 1;
	padding: 0;
      
    border-top:1px solid #003466;
    border-bottom:1px solid #003466; 
    
	background-image: url(../img/bk/navblue.gif);
    background-repeat: repeat-x;
    background-position: top; 
	margin: 0 0 0px 0;
}

#nav a {
	display: block;
 	
	width: 10em;
	w\idth: 6em;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a:hover { color: #FFF; }

#nav ul li a { 
  /* Alters the submenu text */
  font-size: 11px;
  color: #003466;
  border: 0; 
  padding: 7px 0px 7px 10px; 
  width: 10em;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	margin-left: auto; margin-right: auto;
	
}

.subbk { background: #eeeeee; /* filter:alpha(opacity=95); opacity: 0.95; */ }

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	w\idth: 11em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
 	/* Controls the Length of Each subnav item */
    padding-right: 1em;
	width: 10em;
}

#nav li ul a {
	width: 13em;
	w\idth: 13em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/* background: #003466; */
	background: #0054A6;
}

/* Area Vice Presidents List */

ul.vplist { list-style-type: none; }
ul.vplist li { 
	float: left; 
	margin-right: 30px;
	margin-bottom: 20px;
}

.norightmargin { margin-right: 0 !important; }
.vpTitle { color: #003366; margin-bottom: 3px; font-weight: bold; }
.vpName { color: #3f7cb8; }
ul.vplist li p { margin: 0 !important; padding: 0 !important; }

/* Buy Now Buy New! */

#buylist {
	width: 300px;
	list-style: none;
	margin-top: 50px;
}

#buylist em { color: #7c1010; }

#buylist li a img { border: 0; }

#buylist li {
	margin-bottom: 50px;
}

#buylist li a img { float: left; margin-right: 15px; padding-top: 4px; }
