body {
 position:relative;
 background-color:#EFEFEF;
 font:13px/1.5em Arial, Helvetica, sans-serif;
 color:#000;
 text-align:center;
 margin:0;
}
.smalltext {
 font-size:0.9em;
}
#container {
 margin:0 auto;
 width:800px;
 text-align:left;
 background-color:#EFEFEF;
}
#header {
 position:relative;
 width:800px;
 height:120px;
}
#header .contact {}
#header .members {}
#content {
 float:left;
 width:700px;
 height:auto;
 background-color:white;
 margin:0px 50px;
 padding:0px;
}
*:first-child+html #csp h1 {
 padding-top:20px;
}
* html #csp h1 {
 padding-top:20px;
}
/* Hack for IE6 */
* html #content {
 margin-left:25px;
}
.contentbox {
 background-color:#B1C2E0;
 width:140px;
 padding:10px;
 margin:20px;
 display:block;
}
.contentbox h1 {
 font:12px/1.2em Arial Black, Helvetica, sans-serif;
 color:white;
 font-weight:normal;
 letter-spacing:0.1em;
 margin:0;
 padding:0;
}
.contentbox p {
 margin:0;
 padding:0;
 padding-top:4px;
}
#col1 {
 float:left;
 width:200px;
}
#col2 {
 float:left;
 width:480px;
 padding:20px 0px;
}
#csp {
 padding:20px;
 padding-top:0px;
}
#footer {
 position:relative;
 font-size:0.85em;
 color:#999;
 clear:both;
 width:800px;
 background:url(i/fbg.gif) top no-repeat;
}
#footerL {
 margin-top:4px;
 margin-left:70px;
 width:330px;
 float:left;
 display:inline;
}
#footerR {
 margin-top:4px;
 margin-right:70px;
 width:330px;
 text-align:right;
 float:right;
 display:inline;
}
#footer a, #footer a:hover, #footer a:visited {
 color:#999;
}
a, .contentbox a {
 color:#00c;
 text-decoration: none;
}
a:hover, .contentbox a:hover {
 color:#09f;
 text-decoration: underline;
}
a:visited {
 color:#00c;
}
h1 {
 font:20px/1.2em Arial, Helvetica, sans-serif;
 font-weight:bold;
 vertical-align:middle;
}
h2 {
 font:16px/1.2em Arial, Helvetica, sans-serif;
 font-weight:bold;
}
.clearall {
 clear:both;
}
.policywatchissue {
 color:#666;
 font-size:1.2em;
 font-weight:bold;
 text-align:center;
 width:100%;
 background-color:#9C9;
 color:white;
 padding:3px 0;
}
.photo240 {
 float:right;
 width:240px;
 margin:0px 0px 10px 10px;
 color:#666;
 font-size:0.8em;
 line-height:1.3em;
}
.photo240 img {
 margin-bottom:6px;
}
.rightboxdotted {
 font-size:0.85em;
 color:#666;
 float:right;
 width:240px;
 border-top:1px dotted #CCC;
 border-bottom:1px dotted #CCC;
 padding:10px 0;
 margin:0 0 10px 10px;
}
.rightboxdotted h1 {
 font-size:1.5em;
}
.toplink {
 font-size:0.8em;
 background-color:#CCC;
 padding:0px 10px;
}
.googlemap {
 font-size:0.8em;
 background-color:#9c9;
 padding:0px 3px;
}
.printerfriendly {
 text-align:center;
 font-size:0.8em;
}
.photogallery {
 font-size:0.8em;
 line-height:1.3em;
 color:#666;
 float:right;
 width:240px;
 border-top:1px dotted #ccc;
 border-bottom:1px dotted #ccc;
 padding:10px 0;
 margin:0 0 10px 10px;
}
.photogallery h1 {
 font-size:1.5em;
}
.memberscontentbox {
 background-color:#FFD046;
}
.memberlogout {
 text-align:center;
 font-size:0.8em;
}

/* HORIZONTAL FREESTYLE MENU LAYOUT */
#topnav {
 position:absolute;
 top:0;
 right:0;
 width:300px;
 text-align:right;
 margin-right:70px;
}
#nav {
 float:left;
 height:24px;
 width:700px;
 border-top:1px solid #666;
 border-bottom:1px solid #666;
 background:#29487A;
 font-size:14px;
 text-align:center;
}
#navL { 
 float:left;
 background-image: url(i/navL.gif);
 width:    50px;
 height:    26px;
 }
#navR { 
 float:left;
 background-image: url(i/navR.gif); 
 width:50px;
 height:26px;
}
#nav a, #nav b {
 height:22px;
}
#nav a:link, #nav a:visited {
 background-color:#003399;
 color:#FFF;
 text-decoration:none;
}
#nav a:hover, #nav a:active {
 background-color:#003399;
 color:#09F;
 text-decoration:underline;
}
#nav a:visited.navSELECTED, #nav a:link.navSELECTED, #nav a:active.navSELECTED {
 background-color:#FFD046;
 color:#000;
}
#nav a:hover.navSELECTED {
 background-color:#FFD046;
 color:white;
 text-decoration:none;
}
#listMenuRoot {
 z-index:5;
}
.menulist a#mn {
 border-left:1px dotted #666;
 padding-top:2px;
}
.menulist a#mn {
 text-decoration:none;
}
#mn a:hover.navSELECTED {
 background-color:#FFD046;
 color:white;
 text-decoration:none;
}
.menulist a#adm, .menulist a:visited#adm, .menulist a:link#adm, .menulist a:active#adm {
 border-right:1px dotted #666;
 padding-top:2px;
 width:150px;
 background:#29487A;
 float:left;
 display:block;
 position:relative;
}
.menulist a#adms, .menulist a:visited#adms, .menulist a:link#adms, .menulist a:active#adms {
 width:150px;
 float:left;
 display:block;
 background:#29487A;
 position:relative;
}
.menulist a:visited#adm.navSELECTED, .menulist a:link#adm.navSELECTED, .menulist a:active#adm.navSELECTED {
 background-color:#FFD046;
 color:#000;
}
.menulist a:hover#adm.navSELECTED {
 background-color:#FFD046;
 color:white;
 text-decoration:none;
}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin:0;
 padding:0;
 list-style:none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display:none;
 position:absolute;
 top:1.0em; margin-top: 10px; /* I'm using ems and px to allow people to zoom their font */
 left:1px;
 width:149px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top:-1px; margin-top: 0;
 left:148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float:left;
 display:block;
 position:relative;
 margin-right:0px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float:none;
 margin:0px;
 margin-bottom:-1px;
 border:0px solid #330;
}
.menulist ul>li:last-child {
 margin-bottom:1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display:block;
 padding:0px;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:none;
}
.menulist ul a .subind {
 display:block;
 float:right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float:left;
}
.menulist ul a {
 float:none;
}
/* \*/
.menulist a {
 float:none;
}
/* */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float:left;
 width: 100%;
}

* html .menulist ul li {
 float:left;
 height:1%;
}
* html .menulist ul a {
 height:1%;
}
/* End Hacks */

#btn {
 border:1px solid #003399;
 background-color:#003399;
 color:white;
 font-size:0.8em;
 height:20px;
 margin-left:2px;
}
#sbtn {
 border:1px solid #003399;
 background-color:#003399;
 color:white;
 font-size:0.75em;
 height:18px;
 margin-left:2px;
}
#fm, .fm {
 border:1px solid #CCC;
 font-size:1.0em;
 padding:2px;
 color:#003399;
}
#fs, .fs {
 border:1px solid #CCC;
 font-size:1.0em;
 color:#003399;
 padding:1px;
}
.detail {
 border:solid 1px #CCC;
 margin:0;
 padding:0;
 border-spacing:0;
}
.msg {
 color:#222;
 font-size: 12px;
 font-weight: bold;
 padding: 6px;
 border-color: #CCC;
 border-width: 0px;
 border-bottom-width: 1px;
 border-style: solid;
}
.err {
 color: #A80B06;
 font-size: 12px;
 font-weight: bold;
 padding: 6px;
 border-color: #CCC;
 border-width: 0px;
 border-bottom-width: 1px;
 border-style: solid;
}
#req {
 color: #A80B06;
 font-size:9px;
}
.b_s {
 padding: 4px 4px 4px 4px;
 border-color: #CCC;
 border-width: 0px;
 border-top-width: 1px;
 border-style: solid;
}
#divider {
 line-height:2px;
 font-size:2px;
}
.lb {
 color:#444;
 font-size: 12px;
 padding-left:5px;
 padding-right:5px;
 text-align:right;
 border-color:#CCC;
 border-width:0px;
 border-right-width: 1px;
 border-style:solid;
}
.np {
 color:#444;
 font-size:12px;
 padding:4px 4px 4px 5px;
}
.lh, .lh a {
 padding:4px 2px 4px 2px;
 text-decoration:underline;
}
#ladd {
 padding:4px 0px 0px 4px;
}
.lf {
 vertical-align:top;
 color:#000;
 padding:3px 3px 3px 3px;
 border-color:#CCC;
 border-width:0px;
 border-top-width: 1px;
 border-style:solid;
}
.trFlip {
 background:#F7F7F7;
}
.trFlop {
 background:#EFEFEF;
}
.listTail {
 border-color:#CCC;
 border-width:0px;
 border-top-width: 1px;
 border-style:solid;
 padding: 2px 1px 2px 1px;
}
#calD{
 position:absolute;
 border:1px solid #D6D9EA;
 padding:1px;
 background-color:#FFF;
 font:normal 11px/17px Arial, sans-serif;
 padding-bottom:20px;
 visibility:hidden;
 width:200px;
}
#calD span,#calD img{
 float:left;
}
#calD .selectBox,#calD .selectBoxOver{
 line-height:12px;
 padding:1px;
 cursor:pointer;
 padding-left:2px;
}
#calD td{
 padding:3px;
 margin:0px;
 font-size:10px;
}
#calD .selectBox{
 border:1px solid #D6D9EA;
 color: #035B86;
 position:relative;
}
#calD .selectBoxOver{
 border:1px solid #FFF;
 background-color:#FFF;
 position:relative;
}
#calD .topBar{
 height:16px;
 padding:2px;
 background-color:#F7F7F7;
 border-bottom:1px solid #D6D9EA;
}
#calD .todaysDate{
 font-size:10px;
 height:17px;
 line-height:17px;
 text-align:center;
 position:absolute;
 bottom:0px;
 width:100%;
}
#calD .monthYearPicker{
 background-color:#FFF;
 border:1px solid #D6D9EA;
 position:absolute;
 color: #035B86;
 left:0px;
 top:15px;
 z-index:1000;
 display:none;
}
#calD #monthSelect{
 width:70px;
}
#calD .monthYearPicker div{
 float:none;
 clear:both;
 padding:2px;
 margin:0px;
 cursor:pointer;
 border-top:1px solid #D6D9EA;
}
#calD .monthYearActive{
 background-color:#F7F7F7;
}
#calD td{
 text-align:right;
 cursor:pointer;
}
#calD .topBar img{
 cursor:pointer;
}
#calD .topBar div{
 float:left;
 margin-right:1px;
}
#calD .activeDay{
 border:1px solid #D6D9EA;
}
#calD .dayHilite{
 background-color:#F7F7F7;
}
#calD .activeDayHilite{
 background-color:#F7F7F7;
 border:1px solid #D6D9EA;
}
#carrow {
 padding:4px;
 width:220px;
}
#cDays {
 font-size:13px;
 color:#003399;
 background:#F7F7F7;
 padding:4px;
 border:1px solid #CCC;
 border-right:0px;
 text-align:center;
}
#cCell {
 text-align:left;
 vertical-align:top;
 height:60px;
 border-left:1px solid #CCC;
 border-bottom:1px solid #CCC;
 color:#003399;
}
#cRef {
 color:#003399;
 padding:2px;
 text-align:center;
 width:32px;
 border-left:1px solid #CCC;
 border-bottom:1px solid #CCC;
}
#cCref {
 color:#000;
 background-color:#F7F7F7;
 padding: 2px;
 text-align: center;
 width: 32px;
 border-left:1px solid #CCC;
 border-bottom:1px solid #CCC;
}
#ccCref {
 color:#CCC;
 padding:2px;
 text-align:center;
 width:32px;
 border-left:1px solid #CCC;
 border-bottom:1px solid #CCC;
}
#cTab {
 border-right:1px solid #CCC;
}
#cTime {
 font-size:8px;
}
#cCl {
 color:#039;
 background:#FFD046;
 text-align:left;
 margin:1px;
 padding:3px;
 border:1px solid #039;
 cursor:pointer;
 font:normal 11px/12px Arial, sans-serif;
}
#cCl a {
 color:#039;
}
#cCl a:hover {
 color:#000;
 text-decoration:none;
}
#cdiv {
 background:#00C;
 color:#00C;
 height:1px;
 margin:2px;
}
#cTime {
 font-size:9px;
 white-space: nowrap;
}
.homephoto {
 float:right;
 width:150px;
 margin:20px 0px 10px 10px;
 color:#666;
 font-size:0.8em;
 line-height:1.3em;
}
#home #col1 {
 float:left;
 width:360px;
 padding:20px;
}
#home #col1 ul {
 margin-left:0;
 padding-left:15px;
}
#home #col2 {
 float:left;
 width:280px;
 padding:20px 20px 20px 0px;
}
#home .hed {
 background:#B1C2E0;
 font:12px/1.2em Arial Black, Helvetica, sans-serif;
 color:white;
 font-weight:normal;
 letter-spacing:0.1em;
 margin:0;
 padding:2px 0 1px 10px;
}
#home .hed a {
 color:white;
 text-decoration:none;
}
#home .hed a:hover {
 color:white;
 text-decoration:underline;
}
#home .hed a:visited {
 color:white;
}
.boardofdirectors {
 line-height:1.2em;
 font-weight:bold;
 text-align:center;
 width:100%;
 background-color:#9C9;
 color:white;
 padding:3px 0;
}
.boardofdirectors-col {
 float:left;
 font-size:0.8em;
 line-height:1.0em;
 width:30%;
 padding:10px 0px 10px 20px;
}
.regular {
 width:95%;
 height:60px;
}
