body { font-size:90%; font-family:verdana,arial,sans-serif; color:#000000; background-color:#FFFFFF; margin:0px; padding:0px; }
body td { font-family:verdana,arial,sans-serif; }

a { color:#003399; }
a:link { color:#0000FF; }
a:hover { text-decoration:none; }
a img { border:0; }

h1 { font-size:130%; font-weight:bold; color:#0066CC; padding-bottom:5px; border-bottom:#0066CC 2px solid; }
h1 span { font-size:80%; }
h2 { font-size:120%; font-weight:bold; color:#0066CC; margin-top:1.5em; }
h3 { font-size:100%; font-weight:bold; }

.hrMain   { padding-bottom:5px; border-bottom:#0066CC 2px solid; }
.hrSec    { padding-bottom:5px; border-bottom:#CCCCCC 2px solid; }
.hrSecTop { padding-top:5px; border-top:#CCCCCC 2px solid; }

fieldset legend { font-size:110%; font-weight:bold; color:#0066CC; }
fieldset div { padding:1em; }
fieldset ul li { margin:.3em; }

#pgHeader { background-image:url("/images/headBack.gif"); }
#pgHeader .photos { padding-right:6px; }
#pgHeader .photos img { width:339px; height:81px; }

#secNav { background-color:#000000; }
#secNav td { padding:3px 0; }
#secNav img { height:19px; }

#mainNav { background-color:#DEDCCB; padding:10px 0; }
#mainNav ul { list-style:none; margin:0; padding:0; }
#mainNav li img { width:157px; height:28px; }
#mainNav .memberOnly { padding:2em 27px 1em; }
#mainNav .memberOnly img { width:98px; height:61px; }
#mainNavEdge { background-image:url("/images/mnav_edge.gif"); }
#mainNavEdge img { width:35px; height:79px; }

#mainContent { padding:10px 20px 35px 10px; }
#mainContent h1 { font-size:130%; font-weight:bold; color:#0066CC; padding-bottom:5px; border-bottom:#0066CC 2px solid; }
#mainContent h1 span { font-size:80%; }
#mainContent h2 { font-size:120%; font-weight:bold; color:#0066CC; margin-top:1.5em; }
#mainContent h2.first { margin-top:1em; }
#mainContent h3 { font-size:100%; font-weight:bold; }
#mainContent div.menu { border:1px solid #CCCCCC; background-color:#FFFFFF; margin:0 0 1em 0; }
#mainContent div.menu h2 { background-image:url("/images/blueSwatch.gif"); color:#000000; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent div.menu ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent div.menu li { margin-bottom:.3em; }
#mainContent div.menu div { padding:9px; }
#mainContent div.agenda { border:1px solid #CCCCCC; background-color:#FFFFFF; margin:0 0 1em 0; }
#mainContent div.agenda h2 { background-image:url("/images/blueSwatch.gif"); color:#000000; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent div.agenda ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent div.agenda li { margin-bottom:.3em; }
#mainContent div.agenda div { padding:9px; }
#mainContent .smDouble li { margin-bottom:.25em; }
#mainContent .double li { margin-bottom:1em; }
#mainContent .double ul { margin-top:1em; }
#mainContent .double .normal { margin-top:2px; }
#mainContent .double .normal li { margin-bottom:2px; }
#mainContent .double .smDouble { margin-top:2px; }
#mainContent .double .smDouble li { margin-bottom:.25em; }
#mainContent .errorText { color:#FF0000; font-style:italic; font-weight:bold; }
#mainContent img.errorIcon { vertical-align:middle; width:20px; height:20px; }
#mainContent .msgBox { background-color:#FEFDFA; border:1px solid #000000; padding:1em; margin:0 1em 2.5em; font-size:120%; }
#mainContent .msgBox p { margin:0; font-weight:bold; }
#mainContent .msgBox .normal { font-weight:normal; }
#mainContent .msgBox ul { margin:.5em 0 0 45px; padding:0; }
#mainContent .msgBox li { margin-bottom:.25em; }
#mainContent div.errorBox { background-color:#FEFDFA; border:1px solid #000000; padding:1em; margin:2.5em 1em; }
#mainContent div.errorBox p { margin:0 0 2px; font-size:120%; font-weight:bold; color:#FF0000; }
#mainContent div.errorBox ul { margin:2px 0 0 45px; padding:0; }
#mainContent div.errorBox img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError p { margin:2em 0 2px; font-weight:bold; color:#FF0000; }
#mainContent div.formError p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError ul { margin-top:0; margin-bottom:2em; }
#mainContent .dataTable table { border:1px solid #EEEEE4; border-color:#EEEEE4 #9F9F9E #9F9F9E #EEEEE4; }
#mainContent .dataTable table th, #mainContent .dataTable table td { border:1px solid #9F9F9E; border-color:#9F9F9E #EEEEE4 #EEEEE4 #9F9F9E; padding:5px; }
#mainContent .dataTable table th { background-color:#EEEEE4; font-weight:bold; }

.hide { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */

#pgFooter { border-top:1px solid #CCCCCC; }
#pgFooter tr { vertical-align:top; }
#pgFooter td.left { font-size:80%; padding:10px 0 1em 10px; }
#pgFooter td.left img { width:35px; height:34px; float:left; margin-right:5px; }
#pgFooter td.right { padding:10px 10px 1em 0; }
#pgFooter td.right img { width:150px; height:50px; }

.indent p, .indent h3, .indent table    { margin-left:1em; }
.indent2 p, .indent2 h3, .indent2 table { margin-left:2em; }
.nowrap { white-space:nowrap; }
.mainText { color:#0066CC; }
.smallText { font-size:80%; }
.errorText { color:#FF0000; margin-bottom:2px; font-weight:bold; }
.errorText img { vertical-align:middle; }
.fileInfo { font-style:italic; font-size:80%; }
.addInfo { font-style:italic; font-size:80%; }
.faded { font-style:italic; color:#666666; }
.label { background-color:#EEEEE4; text-align:right; padding-right:5px; padding-left:5px; }
.leftAlign { float:left; margin:0px 5px 5px 5px; }
.rightAlign { float:right; margin:0px 0px 5px 5px; }
.pdfLeft { font-size:80%; font-style:italic; padding-top:20px; }
.pdfRight { font-size:80%; font-style:italic; padding-top:20px; text-align:right; }
div.error { margin:1.5em 0 2em; }
div.error p { color:#FF0000; margin-bottom:2px; font-weight:bold; }
div.error img { vertical-align:middle; }
div.error ul { margin-top:2px; }

.greyBorder { border:1px solid #CCCCCC; }
.mainColorBack { background-image:url("/images/blueSwatch.gif"); font-weight:bold; }
.navBack { background-image:url("/images/backGrey.gif"); }

.menuBorder { border:1px solid #CCCCCC; }
tr.menuBack th, tr.menuBack td, .menuBack { background-image:url("/images/blueSwatch.gif"); font-weight:bold; }
.menuContent ul { margin:2px 4px 2px 20px; padding-left:0; }
.menuContent li { margin-bottom:.3em; }

.agendaBorder { border:1px solid #CCCCCC; }
tr.agendaBack th, tr.agendaBack td, .agendaBack { background-image:url("/images/blueSwatch.gif"); font-weight:bold; }
.agendaContent ul { margin:2px 4px 2px 20px; padding-left:0; }
.agendaContent li { margin-bottom:.3em; }

/* SPOTLIGHT SECTION - ON HOME PAGE */
#spotlight { border:1px solid #EEEEE4; margin:2em 0; }
#spotlight h2 { background-color:#5082E7; color:#FFFFFF; font-size:110%; margin:0; padding:8px; }
#spotlight ul { list-style:none; margin:0; padding:0; }
#spotlight li { background-color:#F4F4F4; border-top:1px solid #CCCCCC; font-size:90%; padding:8px; }
#spotlight .first { border:0; }
#spotlight .even { background:#FCFCFC; }

/* EMPLOYMENT SECTION - ON HOME PAGE */
#employment { border:1px solid #EEEEE4; margin:2em 0; }
#employment h2 { background-color:#5082E7; color:#FFFFFF; font-size:110%; margin:0; padding:8px; }
#employment ul { list-style:none; margin:0; padding:0; }
#employment li { background-color:#F4F4F4; border-top:1px solid #CCCCCC; font-size:90%; padding:8px; }
#employment .first { border:0; }
#employment .even { background:#FCFCFC; }

/* STYLES USED ON PAGES LIKE THE BOARD MEMBERS PAGE */
#mainContent ul.boardList { list-style:none; padding:0; margin:0; }
#mainContent ul.boardList li { padding-left:120px; margin-bottom:2em; clear:both; }
#mainContent ul.boardList li.last { margin-bottom:0; }
#mainContent ul.boardList li img { width:100px; height:130px; float:left; margin-left:-120px; }

/*NEWSLETTER STYLES*/
.issueText p   { color:#003399; padding:4px; }
.mainContent   { padding:20px 12px 12px 12px; }
.navContent    { padding:20px 12px 12px 12px; border-left:1px solid #CCCCCC; }
.navContent ul { margin:2px 4px 2px 20px; padding:0; }
.navContent li { margin-bottom:.7em; }
.leftAlign     { float:left; margin:0 10px 10px 0; }
.rightAlign    { float:right; margin:0 0 10px 10px; }
.newsBorder    { border:1px solid #666666; }
.newsFade      { background-image:url(/newsletter/images/fade.jpg); background-repeat:repeat-x; }

/*FORM STYLES*/
#comingEvents td { padding:.8em; }
#comingEvents .mainColorBack { padding:.3em; }
#comingEvents a { font-weight:bold; }