body {background-color: #EFEFEF; font-family: helvetica, verdana, arial, sans-serif;}

a {margin: 0; padding: 0;}
a img {border: none;}

/* weather */
div#weather h5.top {margin: 0; padding: 7px 0 3px 0; font-size: 65%; color: #4E4E4E; letter-spacing: .15em;}

div#weather h5.stats {margin: 0; padding: 0 0 0 5px; font-size: 70%; color: black; font-weight: normal; letter-spacing: .090em;}

div#weather h5.toplink {display: inline; font-size: 70%;}
div#weather h5.toplink a:link {color: #4E4E4E; text-decoration: none;}
div#weather h5.toplink a:visited {color: #4E4E4E; text-decoration: none;}
div#weather h5.toplink a:hover {color: #F70B82; text-decoration: underline;}
div#weather h5.toplink a:active {}


/* nav */
div#nav {background-image: url(/images/layout/layout_navbg.jpg); vertical-align: top; background-color: #009B52; height: 19px; width: 577px;}

div#nav ul#links {list-style: none outside; width: 525px; padding: 0 0 0 10px; margin: 0; border: solid 0px black;}
div#nav ul#links li {display: inline; padding: 0 14px 0 0; margin: 0;}

div#nav ul#links li a {font-weight: bold; font-size: 78%;}

div#nav ul#links li a:link {color: white; text-decoration: none;}
div#nav ul#links li a:visited {color: white; text-decoration: none;}
div#nav ul#links li a:hover {color: #FF9500; text-decoration: none;}
div#nav ul#links li a:active {}


/* content */
div#content {width: 425px; height: 300px; border: solid 0px black; overflow: auto;}

div#content h2 {font-size: 100%; color: #EE8800; margin: 0; padding: 10px 0 0 10px; width: 300px;}
div#content h3 {font-size: 90%; color: #007336; margin: 0; padding: 10px 0 5px 10px; width: 390px;}
div#content h4 {font-size: 80%; margin: 0; padding: 10px 0 10px 10px; width: 390px; line-height: 1.25em;}
div#content p {font-size: 75%; margin: 0; padding: 0 0 10px 10px; width: 390px; line-height: 1.25em;}
div#content ul {font-size: 75%; margin: 0 0 0 40px; padding: 0; list-style: bullet outside; width: 300px;}
div#content ul li {padding: 2px 0; width: 300px;}

div#content h4.resourceheader {margin: 0; padding: 20px 0 0 15px;}

div#content a:link {color: #007336;}
div#content a:visited {color: #007336;}
div#content a:hover {color: #F70B82;}
div#content a:active {}

/* homepage news headlines */
div#content div#newsheadlines ul {list-style: bullet outside; margin: 0 0 0 30px; padding: 0; font-size: 95%; width: 200px;}
div#content div#newsheadlines ul li {padding: 0 0 10px 0; width: 200px;}
div#content div#newsheadlines h4 {padding: 0; margin: 0; font-weight: normal; width: 200px;}
div#content div#newsheadlines a {padding: 0 0 0 10px; margin: 0 0 20px 0; font-size: 75%; width: 200px;}

/* recent projects page and news page dbdriven display*/
div#content div#recentprojectsdb div.listingcontainer, div#content div#news div.listingcontainer {width: 370px; padding-bottom: 10px; border: solid 0px black;}
div#content div#recentprojectsdb h4, div#content div#news h4 {padding: 0; margin: 0 0 5px 10px;}
div#content div#recentprojectsdb p, div#content div#news p {width: 350px;}
div#content div#recentprojectsdb img, div#content div#news img {margin: 0 20px 5px 10px; border: solid 1px grey; float: right;}

/* recent projects page and news page dbdriven large image popup */
div#content div#dblgi {background-color: black;}

/* recent projects static production display */
div#content div#recentprojects h4 {padding: 0; margin: 20px 0 0 10px;}
div#content div#recentprojects p.top {margin-top: 5px;}

/* affiliations */
table#affiliations td {text-align: center;}


/* footer */
p#footer {font-weight: normal; font-size: 70%; color: #4F4F4F; margin: 0; padding: 0;}

ul#footer {list-style: none outside; padding: 0; margin: 0; border: solid 0px black;}
ul#footer li {display: inline; padding: 0; margin: 0;}

ul#footer li.slash {font-weight: normal; font-size: 60%;}
ul#footer li a {font-weight: normal; font-size: 70%; padding: 0 3px 0 1px; margin: 0;}

ul#footer li a:link {color: #4F4F4F; text-decoration: none;}
ul#footer li a:visited {color: #4F4F4F; text-decoration: none;}
ul#footer li a:hover {color: #4F4F4F; text-decoration: underline;}
ul#footer li a:active {}

