body {font: 1.0em, 'Arial', 'Helvetica', sans-serif; background-color: #dde2e6; color: black;} * {margin:auto; padding:0px;} div#page-wrapper {width:800px; margin-right:auto; margin-left:auto; margin-top:20px; background-color: #ffffff; } div#header {width:800px; float:left; background-color:#ffffff; padding:0px 0px 8px 0px;} div#logo {width:179px; height:93px; background-color:#ffffff; float:left;} div#nav {width:621px; height:93px; float:left; background-color:#005288;} div#content-wrapper {width:800px; background-color: #ffffff; float:left; min-height:411px;} .bg-500-300 {background: url(../i/bg-500-300.gif) repeat-y;} div#title-bar {width:800px; float:left; background-color:#005288;} div#title-bar img{ float:left;} a#News {width:155px; height:27px; text-decoration:none; margin:0px 0px 0px 0px;background-image:url(../i/news-blue.gif);display:block; float:left;} a#News img {width:100%;height:100%;border:0; float:left;} a:hover#News img {visibility:hidden;} a#Minutes {width:121px; height:27px; text-decoration:none; margin:0px 0px 0px 0px;background-image:url(../i/boardmin-blue.gif);display:block;float:left;} a#Minutes img {width:100%;height:100%;border:0;float:left;} a:hover#Minutes img {visibility:hidden;} a#Meetings {width:158px; height:27px; text-decoration:none; margin:0px 0px 0px 0px;background-image:url(../i/meeting-blue.gif);display:block;float:left;} a#Meetings img {width:100%;height:100%;border:0;float:left;} a:hover#Meetings img {visibility:hidden;} div#right-bar {width:300px; float:left; background-color:#d4eff5;} div#right-bar p {float:left; background-color:#d4eff5; padding:10px 0px 0px 32px;} div#right-bar h4 {float:left; background-color:#d4eff5; padding:10px 0px 0px 69px;} div#right-bar img { border:0; float:left; vertical-align:baseline;} div#right-bar-new {width:300px; float:right; background-color:#d4eff5;} div#right-bar-new img { border:0; float:right; vertical-align:baseline;} div#left-content-new {width:490px; float:left; padding:30px 0px 0px 0px; margin:0px 0px 0px 0px;} div#right-bar ul {width:300px; float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;} #right-bar li {width:300px; list-style: none; float:left; margin:0px 0px 0px 0px;} #right-bar a { float:left;text-decoration:none; outline:0; text-indent:0px;} #right-bar li#bio-nav {color:#000000; background-color:#d4eff5; width:300px;} #right-bar li#bio-nav a:hover, #right-bar li#bio-nav a.selected {background-color:#ffffff; width:300px;} div#left-content {width:500px; float:left; padding:30px 0px 0px 0px; margin:0px 0px 0px 0px;} div#homeleft-content {width:500px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} div#homeleft-content p {color:#000000; font-size:9pt; margin: 10px 25px 15px 25px; line-height: 1.3em; font-family:"Arial", "Helvetica", Sans-Serif;} div#top-left {width:500px; float:left;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} div#bottom-left{width:500px; float:left;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} div#headshot {width:144px; margin:0px 0px 0px 37px; float:left;} div#headshot p {color:#000000; font-size:7pt; font-family:"Arial", "Helvetica", Sans-Serif; margin:5px 0px 0px 0px;} div#headshot img { border:0; margin:0px 0px 0px 0px;} div#bio {width:318px; margin:0px 0px 0px 0px; float:left;} div#bio p {color:#000000; font-size:9pt; margin: 0px 15px 25px 18px; line-height: 1.3em; font-family:"Arial", "Helvetica", Sans-Serif;} div#footer {width:800px; float:left; padding:0px 0px 0px 0px; height:36px; background-color:#ffffff;} div#footer-copy {width:500px;float:left; margin:0px 0px 0px 0px; background:url(../i/footer-a.gif) no-repeat;} div#footer-image {width:300px;float:left; margin:0px 0px 0px 0px;} .copy {color:#000000; font-size:7pt; margin: 10px 0px 0px 25px; line-height: normal; font-family:"Arial", "Helvetica", Sans-Serif;} #nav ul {margin:70px 0px 0px 0px; background: url(../i/navigation-new.jpg) 0 0 no-repeat; height: 23px; width: 621px;} #nav li {float: left; padding:0px 0px 0px 0px; text-indent: -9999px; list-style: none;} #nav a {display: block; height: 23px; text-decoration: none; outline: 0;} #nav li#About {left: 26px; width: 108px;} #nav li#About a:hover, #nav li#About a.selected {background: url(../i/navigation-new.jpg) -0px -23px no-repeat;} #nav li#Board {left: 121px; width: 140px;} #nav li#Board a:hover, #nav li#Board a.selected {background: url(../i/navigation-new.jpg) -108px -23px no-repeat;} #nav li#News {left: 264px; width: 120px;} #nav li#News a:hover, #nav li#News a.selected {background: url(../i/navigation-new.jpg) -248px -23px no-repeat;} #nav li#Contact {left: 380px; width: 106px;} #nav li#Contact a:hover, #nav li#Contact a.selected {background: url(../i/navigation-new.jpg) -368px -23px no-repeat;} #nav li#Video {left: 494px; width: 70px;} #nav li#Video a:hover, #nav li#Video a.selected {background: url(../i/navigation-new.jpg) -474px -23px no-repeat;} p,td,tr {color:#000000; font-size:12px; margin: 0px 25px 15px 25px; line-height: 18px; font-family:"Arial", "Helvetica", Sans-Serif;} h3 {color:#ea5426; font-weight:bold; font-size:.85em; margin:5px 0px 0px 15px;font-family:Arial, Helvetica, Sans-Serif;} h2 {color:#8a8a8a; font-weight:bold; font-size:.75em; margin:5px 0px 0px 15px;font-family:Arial, Helvetica, Sans-Serif;} h1 {color:#001600; font-weight:bold; font-size:.8em; margin:5px 0px 16px 15px;font-family:Arial, Helvetica, Sans-Serif;} h4 {color:#000000; font-weight:normal; font-size:8pt; margin: 3px 0px 0px 0px; line-height: 1.1em; font-family:"Arial", "Helvetica", Sans-Serif;} ul {margin:0px 0px 0px 0px;} li {color:#000000; font-size:9pt;line-height: 1.3em; font-family:"Arial", "Helvetica", Sans-Serif;} table {margin:0px 0px 10px 20px;} td,tr { text-align:left; vertical-align:top;} /* Links */ a {outline: 0; text-decoration:underline;} a:link {color: #000000; text-decoration:underline;} a:visited {color: #000000;} a:hover, a:active, a.active {color:#000000;} /* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */ /* simply add the clearfix class to any containter that must enclose floated elements */ /* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */} .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */