/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

body {background-color: White;
 color: Black;
 font: .75em/1.5em Arial, Helvetica, sans-serif;
 text-align: center;}
 
.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 */
a,:link,:visited { color: Black; }

#container {
 width: 50em;
 margin: 0 auto;
 background: none;
 text-align: left !important;border:1px solid #ccc;}

h1 { padding: 1em; }
h2 { color: #0d6094; }
h1 img, #left img { display: block; border:0}

#left img {display:none;}




/* Top Navigation */

#topnav {
 margin: 0;
 padding: .7em 0;
 border-top: solid 4px #bc0039;
 background-color: #0d6094;
 text-align: center;display:none;}
 
#topnav li {
 display: inline;
 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 {width:500px;
 float: left;}
#main {width: 70%;float: left;margin-top:18px}
#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 {color: #BC0039; margin-left:12px; margin-top:10px;margin-bottom:0;font-size:14px;text-decoration:none;}
#main h3.over-table {color: #BC0039; margin-left:12px; margin-bottom:10px;}

 
#main p { padding: .5em 1em;
 font-family: Verdana, Arial, Helvetica, sans-serif;}

 #main img.map { padding: .5em 1em;}
 
#main a {color: #0d6094;
 font-weight: bold;}
 
 #main a:hover {color: #0d6094;
 font-weight: bold;text-decoration:underline;}

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

#expand { width: 100%; }

#latestnews {
 margin-top: 10px;
 padding: 2em 1em;
 color: White;
 line-height: 2em;display:none;}


#meetingformat {
 background-color: #0d6094;
 color: White;display:none;
}

#nextmeeting {
 background-color: #bc0039;
 color: White;display:none;
}

#meetingformat {
 margin-top: 1em; 
 padding: 2em 1em;
}

#meetingformat a {
 font-size: 1.2em;
 font-weight: bold;
 color: White;
}
#meetingformat a:hover {text-decoration:underline;}

#meetingformat img { vertical-align: middle; margin-left: 5px;}

#nextmeeting {
 margin-top: 1em; 
 padding: 1em;
 font-weight: bold;
}

#nextmeeting p {font-size: 1.1em;
 padding: .5em 0;}

#nextmeeting a {color: White;
 text-decoration: underline;}

p#footer {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:600px;text-align:right;margin-top:5px;}
#tld a{font: normal normal 11px verdana,arial, sans serif;color:#01588E;text-decoration:underline;}
#tld a:hover{text-decoration:underline;color:#D9706A;}

 /* Table - Meetings */
 
#meetings table {text-align:left;color:#5312A8;border:1px solid #798AA1;width:475px;margin-bottom:15px;margin-left:12px;}
#meetings table th{background-color:#0D6094;color:#fff;font: normal bold 11px verdana,sans-serif;padding:4px;border:1px solid #fff;border-width:0 0px 0px 0;}
#meetings table td{background-color:#EAEEEE;color:#515D6E;padding:4px;border:1px solid #fff;border-width:0 0px 0px 0;font: normal normal 11px verdana,sans-serif;}

 /* Table - Members */
 
#members table {text-align:left;color:#5312A8;border:1px solid #798AA1;width:475px;margin-bottom:15px;margin-left:12px;}
#members table th{background-color:#0D6094;color:#fff;font: normal bold 11px verdana,sans-serif;padding:4px;border:1px solid #fff;border-width:0 0px 0px 0;}
#members table td{background-color:#EAEEEE;color:#515D6E;padding:4px;border:1px solid #fff;border-width:0 0px 0px 0;font: normal normal 11px verdana,sans-serif;}
#members table td.names {font: normal bold 12px verdana,sans-serif;color:#0D6094;}

/* Contact Form */

#contactform {width:300px;padding-top:20px;padding-left:12px;font-family:verdana,sans-serif; font-size:12px;text-align:left;margin: 10px 0 0 12px;background-color:#F0F4FB;}
html>body #contactform {padding-bottom:40px;}
#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;}
.buttons {border:0px solid #000;text-align:right;}
#contactform input.button {width:60px;background-color: #e6e6e6;border-color: #ccc #666 #666 #ccc;}
#contactform div.buttons {float:right;padding-right:28px;}
#contactform label {float: left;width: 120px;}
#contactform select {width: 145px;font-size: 12px;}