body {
 background-color: White;
 color: Black;
 font: .75em/1.5em Arial, Helvetica, sans-serif;
 text-align: center;
}

a,:link,:visited { color: Black; }

small { font-size: .92em; }

#container {
 width: 744px;
 margin: 0 auto;
 background: url("images/bg-background.gif") top right no-repeat;
 text-align: left !important;
 border:1px solid #ccc;
}

h1 { padding: 1em; }
h2 { color: #0d6094; }

h1 img, #left img.topleftpic { display: block; border: 0px solid #000}

#left {
 float: left;
 width: 224px;
}

#right {
 float: right;
 width: 490px;
}

#wrapper {
 position: relative;
 margin: 0 12px;
 min-height: 1px;
}

* html #wrapper {
 height: 1px;
}

/* Top Navigation */

#topnav {
 margin: 0;
 padding: .7em 0;
 border-top: solid 4px #bc0039;
 background-color: #0d6094;
 text-align: center;
}
 
#topnav li {
 display: inline;
 list-style:none;
 margin: 0;
 padding: 0;}
 
#topnav a  {
 margin: 0;
 padding: 0 .2em;
 color: White;
 font-size: 1.1em;
 font-weight: bold;
 text-transform: uppercase;}
 
#topnav li a:hover {color: White;
 text-decoration: underline;}
 
#topnav li a.on {color: White;
 text-decoration: underline;}

/* Main */

#main { overflow: hidden;width: 70%;float: left;margin-top:18px}
.diagram {width: 90%;float: left;margin-top:18px; }
.diagram p { padding: .5em 1em;font-family: Verdana, Arial, Helvetica, sans-serif;}
.diagram h3 {color: #BC0039; margin-left:12px; margin-top:10px;margin-bottom:0;font-size:14px;text-decoration:none;}
.diagram  a {color: #0d6094;font-weight: normal;text-decoration:underline;}
.diagram  a:hover {color: #0d6094;font-weight: normal;text-decoration:underline;}

#main.wide {width: 90%;margin-top:0px}

#main h2 { padding: .8em; font-size: 145%;}

#main p { padding: .5em 1em;font-family: Verdana, Arial, Helvetica, sans-serif;}
#main img.map { padding: .5em 1em;}
#main a {color: #0d6094;font-weight: normal;text-decoration:underline;}
#main a:hover {color: #0d6094;font-weight: normal;text-decoration:underline;}
#main h3.over-table {color: #BC0039; margin-left:12px; margin-bottom:10px;}

#main h3 {color: #BC0039; margin-left:12px; margin-top:10px;margin-bottom:0;font-size:14px;text-decoration:none;}
#main h3.anchor {text-decoration:none;}
#main h4 {color: #000; margin-left:12px; margin-bottom:10px; margin-top:15px; font-size:12px;}
#main h5 { color: #0d6094; padding: .8em; font-size: 110%;}

#main ul,#main ol {padding-left:10px;margin-bottom:10px;}
#main ul li {margin-left:20px;margin-top:10px; list-style: url("images/bullet.gif"); font-family: Verdana, Arial, Helvetica, sans-serif;}
#main ol li {margin-left:20px;margin-top:10px; font-family: Verdana, Arial, Helvetica, sans-serif;}


#reports { overflow: hidden;
width: 28%;
 float: right;
}

#expand { width: 100%; }

#latestnews {
 margin-top: 0;
 padding: 2em 12px;
 color: White;
 line-height: 2em;
 background-color:#0d6094;
}
#latestnews li{list-style:none;line-height:120%;margin-bottom:7px}
#latestnews li a{color:#fff;text-decoration:underline;}
#latestnews li a:hover{color:#bc0039;}
#latestnews li small {  }
#latestnews p {line-height:150%;}

#meetingformat {
 background-color: #0d6094;
 color: White; 
 margin-top: 1em; 
 padding: 2em 12px;
}


.boxA { background-color: #bc0039; color: White; margin-top: 1em; padding: 1em 12px; font-weight: bold;}
.boxA p {font-size: 1.1em; padding: .5em 0;}
.boxA a {color: White; text-decoration: underline;}

.nextmeeting { background-color: #bc0039; color: White; margin-top: 1em; padding: 1em 12px; font-weight: bold;}
.nextmeeting p {font-size: 1.1em; padding: .5em 0;}
.nextmeeting a {color: White; text-decoration: underline;}

.event {background: url("images/bg-event.gif") top right no-repeat; color: White; margin-top: 1em; padding: 1em 0 1em 12px; font-weight: bold;}
.event p {font-size: 1.1em; padding: .5em 0; line-height: 150%}
.event a {color: White; text-decoration: underline;}
 
#left .nextmeeting { margin: 0; padding: 1em 12px 2em; }
#left .nextmeeting h2 { padding-bottom: 1em; color: #fff; text-transform: uppercase; }
#left .nextmeeting p { padding: 0; }


#goalsbox { font-style: italic; }
#goalsbox2 { font-size: 0.9em; color: White; }

 
#meetingformat a { font-size: 1.2em; font-weight: bold; color: White;}
#meetingformat ul {margin-top:20px;margin-left:16px}
#meetingformat li {list-style:disc}
#meetingformat li a {font-size: 1em;}
#meetingformat a:hover, #meetingformat a.on {text-decoration:underline;color:#eee;}
#meetingformat img { vertical-align: middle; margin-left: 5px;}


/* Tables */
 
table.narrow {width:330px;margin:0 0 0 10px;border:1px solid #868686;border-width:1px 0 0 1px;}
table.narrow th{font: normal bold 11px verdana,sans-serif;padding:6px  5px;text-align:left;background-color:#ccc;border:1px solid #868686 border-width:0 1px 1px 0;background-color:#0D6094;color:#fff;}
table.narrow td{font: normal normal 11px verdana,sans-serif;padding:3px 5px;color:#515D6E;border:1px solid #868686;border-width:0px 1px 1px 0;background-color:#EAEEEE;}

table.table {width:410px;border:1px solid #868686;border-width:0px 0 0 1px;margin-left:12px;}
table.table th{font: normal bold 11px verdana,sans-serif;padding:6px  5px;text-align:left;border:1px solid #868686;background-color:#0D6094;color:#fff;border-width:0px 1px 1px 1px;}
table.table td{font: normal normal 11px verdana,sans-serif;padding:3px 5px;color:#515D6E;border:1px solid #868686;background-color:#EAEEEE;border-width:0px 1px 1px 0;}

table.tableA { margin-left: 12px; border-collapse: collapse; background: #eaeeee; font-size: 11px;}
table.tableA th, table.tableA td { padding: 3px 2px; border: solid 1px #868686; line-height: 1.2em; }
table.tableA td { text-align: center; }
table.tableA thead { background-color: #0d6094; color: #fff; }


/* Contact Form */

#contactform {width:300px;padding:35px 0 20px;font-family:verdana,sans-serif; font-size:12px; text-align:left; margin: 10px 0 0 12px; background-color: #f0f4fb;}
#contactform form { margin: 0; padding: 0 14px; }
#contactform div {margin-bottom:15px;}
#contactform input, #contactform textarea {font-family:verdana,sans-serif;width: 145px;font-size: 12px;border:1px solid;border-color: #666 #ccc #ccc #666;padding: 2px;}
#contactform input {width: 145px;}
#contactform input.button {width:60px;background-color: #e6e6e6;border-color: #ccc #666 #666 #ccc;}
#contactform div.buttons {text-align:right;}
#contactform label {float: left;width: 120px;}
#contactform select { width:150px; font-size:12px; font-family: verdana;}


p#footer {
 clear: both;
 border-top:10px solid #fff;
 margin-top: 20px; 
 padding: 1em 2em;
 background-color: #01588e;
 color: White;
 font-size: .8em;
 line-height: normal;
}
 
 /* TLD */

#tld {font: normal normal 11px verdana,arial, sans serif;color:#01588E;width:740px;text-align:right;margin-top:5px;margin:10px auto; }
#tld a{font: normal normal 11px verdana,arial, sans serif;color:#01588E;text-decoration:underline;}
#tld a:hover{text-decoration:underline;color:#D9706A;}


.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
 
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */