/* Reset browsers default styles */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
border-style: none;
border-color: inherit;
border-width: 0;
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
ol,ul { list-style: none;}
q:before,q:after,
blockquote:before,blockquote:after { content: "";}
cite {padding:0 5px 0 20px;}
/* Body styles */
body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
line-height: 18px;}
p { line-height: 1.3em; color:#333333; }
a:link, a:visited {text-decoration:none; color:#0033FF;}
em {font-weight:bold;}
strong { font-weight:bold;}
/* Styles and substyles for main layout divs */
#container {
margin: 0px auto;
width: 860px;
border-top: solid 20px #98F995;}
#menuContainer {width: 260px; float: left; padding-top: 5px; }
#menu { padding: 0 10px; border-left: solid 10px #E1A2C6; }
#menu ul {
padding-bottom: 0px;
border-top: solid 12px #AE6C82;}
#menu ul li.lightGray { background-color: #F2F2F2; }
#menu ul li#link1 {background-image: url(Images/menuIcon1OverLightGray.gif)}
#menu ul li#link2 {background-image: url(Images/menuIcon2.gif)}
#menu ul li#link3 {background-image: url(Images/menuIcon3OverLightGray.gif)}
#menu ul li#link4 {background-image: url(Images/menuIcon4.gif)}
#menu ul li#link5 {background-image: url(Images/menuIcon5OverLightGray.gif)}
#menu ul li#link6 {background-image: url(Images/menuIcon6.gif)}
#menu ul li#link7 {background-image: url(Images/menuIcon7OverLightGray.gif)}
#menu ul li#link8 {background-image: url(Images/menuIcon8.gif)}
#menu ul li#link9 {background-image: url(Images/menuIcon9OverLightGray.gif)}
#menu ul li {
padding: 6px 0 6px 25px;
background-position:center left;
background-repeat: no-repeat; }
#menu ul li a:link, #menu ul li a:visited { text-decoration: none; color: #356233; }
#menu ul li a:hover { text-decoration: none; color: #AE6C82; font-weight: bold; }
#sideImage { padding: 0 0 0 20px; margin-right: 10px; }
#sideImage p {
height: 40px;
padding-top: 270px;
background-position: top left;
background-repeat: no-repeat;
background-color: #E6E6E6;
color: #808080;
text-align: center;
line-height: 18px;
border-right: solid 5px #AE6C82; }
#sideImage p span { color: #006833; font-weight: bold; }
#sideImage img { margin-top: -10px;}
#contentContainer { width: 600px; float:right; }
#header {
padding: 135px 0 0 70px;
height: 40px;
background-image: url(Images/headerBckgrnd.jpg);
background-position: top left;
background-repeat: no-repeat;
border-top: solid 5px #FFFFFF;
border-bottom: solid 5px #FFFFFF;
color: #AE6C82;
font-size: 14px;
font-weight: bold;
line-height: 24px; }
#content {
width: 600px;
float:right;
}
#feedback { height:16px; padding:4px 10px 0 0; margin:0 0 10px 0; background-color:#6FAE6C; text-align:right; font-size:11px;}
#feedback a:link, #feedback a:visited { text-decoration:none;}
#feedback span { color:#FFF;}
#content h3 {
padding: 21px 0 10px 20px;
font-size: 14px;
color: #E1A2C6;
font-weight: bold;
text-transform:uppercase;
background-position: top left;
background-repeat: no-repeat; }
#mainContentFrame {
margin: 0 10px;
padding: 0 10px 10px 10px;
border-left: solid 1px #e1a2c6;
border-right: solid 1px #e1a2c6;
border-bottom: solid 1px #e1a2c6;}
#mainContentFrame img { width: 130px; float: right; margin-left: 10px;}
#mainContentFrame h4 { padding-top: 10px; color: #669966; font-weight: bold; line-height:1.3em; }
#mainContentFrame h4 span { color: #333333; font-weight: normal; line-height:1.3em; }
#mainContentFrame p { padding-top: 10px; }
#schedule { padding-top: 10px; }
#schedule li { padding-bottom: 3px; }
#reports {padding:10px 0 0 0; margin-left:40px; list-style:disc;}
#reports li {padding:0 0 7px 0;}
#noFloat { float:none;}
#getInvolved {margin-left:20px; list-style:disc; color:#333;}
#getInvolved li {padding-top:10px;}
/* #getInvolved li a {padding-left:20px;}*/
#images { text-align:center; width:100%;}
#leftContentDiv { width:288px; float:left;}
#rightContentDiv { width:258px; float:right; padding-left: 10px;}
#leftShowcase { width:308px; float:left;}
#rightShowcase { width:238px; float:right; padding-left: 9px; border-left:solid 1px #999;}
#contentDiv { clear:both;}
#plaquePresentationImg { float:right; width:288px !important; height:288px;}
#parksLEEDImg { width:450px !important; height:200px; float:none !important;}
.ulwithcircle { list-style:disc; margin-left:40px;}
.ulwithcircle li { padding:5px 0; font:inherit; color:#333333;}
#biggerContent{ clear:both; border-top: solid 1px #AE6C82; }
#smallerContentLeft { width:258px;
float:left;
border-right: solid 1px #AE6C82;
padding:0 10px 5px 0;
margin:0 10px 5px 0;}
#smallerContentRight { width:276px;
float:right;
padding:0 0 5px 0 ;
margin:0 0 5px 0;}
#subcontent1 {
width: 280px;
float:left;
padding: 10px 10px 0 10px; }
#subcontent2 {
width: 280px;
float:right;
padding: 10px 10px 0 10px; }
#subcontent1 img, #subcontent2 img { float: left; margin: 0 10px 5px 0; }
#subcontent2 img { margin-right: 0; }
#subcontent1 h4, #subcontent2 h4 {
font-size: 14px;
font-weight:bold;
text-decoration:none;
color: #FFCC00; }
#subcontent2 h4 { color: #6FAE6C; }
#subcontent {padding: 10px 10px 0 10px; }
#subcontent img{ float: left; margin: 0 10px 5px 0; }
#subcontent h4 {
font-size: 14px;
font-weight:bold;
text-decoration:none;
color:#339933; }
#subcontent p {padding-top:10px; }
#subcontent span {color:#339933; }
.readMore { text-align: right; padding: 5px 0 10px 475px; }
#footer { background-color: #98F995; height: 16px; text-align: center; font-size: 10px; padding: 4px 0 0 0; clear: both; }