/* CSS Document */
/* Main CSS Styles */

* {}
html { background: url(../images/body_tile.png) top left repeat-x; background-color: #FFFFFF; }
body { font: 75%/140% Arial, Helvetica, sans-serif; color: #333; margin-top: 0;}
p { margin-top: 0; margin-bottom: 1.5em; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; line-height: 140%; }
h1, h2 { color: #3ebb75; font-size: 1.8em; border-bottom: 1px solid #a7dfc0; margin-bottom: 1em; }
h3 { font-size: 1.2em; margin-bottom: 1em; color: #3ebb75; border-bottom: 1px solid #a7dfc0; }
#rightcontent h3, #leftcontent h3 { margin-top: 15px; font-size: 1.3em; color: #242868; margin-bottom: 10px; border-bottom: 1px solid #74768f; font-weight: bold; }

a img { border: none; }


#wrapper { width: 800px; margin-right: auto; margin-left: auto; }
#header { height: 80px; width: 800px; }
#header-image { margin-top: 18px; width: 524px; float: left; }
#logo  { float: right; margin-top: 18px;}

#contactinfo { margin-right: auto; margin-left: auto; width: 400px; padding-top: 30px; clear: both; }
#contact1 { float: left; color: #fff; text-align: left; }
#contact1 em, #contact2 em { font-style: normal; color: #79dea8; }
#contact1 a, #contact2 a { text-decoration: underline; color: #fff; }
#contact1 a:hover, #contact2 a:hover { color: #79dea8; }
#contact2 { color: #fff; float: right; text-align: left;  } 


/* Navigation Styles */
ul#nav-list { margin: 0px 10px 0px 0px; padding: 10px 10px 0 0; height: 25px; }
ul#nav-list li { list-style-type: none; padding: 0 0 5px 0; }
ul#nav-list li a { text-decoration: none; display: block; }
ul#nav-list li#home a { background: url(../images/buttons/home_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#home a:hover, ul#nav-list li#home-select { background: url(../images/buttons/home_btn.png) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#about a { background: url(../images/buttons/about_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#about a:hover, ul#nav-list li#about-select { background: url(../images/buttons/about_btn.png) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#events a { background: url(../images/buttons/events_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#events a:hover, ul#nav-list li#events-select { background: url(../images/buttons/events_btn.png) no-repeat 50% 0;  background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#grants a { background: url(../images/buttons/grants_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#grants a:hover, ul#nav-list li#grants-select { background: url(../images/buttons/grants_btn.png) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#newsletter a { background: url(../images/buttons/newsletter_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#newsletter a:hover, ul#nav-list li#newsletter-select { background: url(../images/buttons/newsletter_btn.png) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#community a { background: url(../images/buttons/community_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#community a:hover, ul#nav-list li#community-select { background: url(../images/buttons/community_btn.png) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#leadership a { background: url(../images/buttons/leadership_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#leadership a:hover, ul#nav-list li#leadership-select {background: url(../images/buttons/leadership_btn.png) no-repeat 50% 0;  background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#links a { background: url(../images/buttons/links_btn.png) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#links a:hover, ul#nav-list li#links-select { background: url(../images/buttons/links_btn.png) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#jobs a { background: url(../images/buttons/jobs_btn.gif) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#jobs a:hover, ul#nav-list li#jobs-select { background: url(../images/buttons/jobs_btn.gif) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }
ul#nav-list li#facility a { background: url(../images/buttons/facility_btn.gif) no-repeat 50% 0; width: 169px; height: 37px; }
ul#nav-list li#facility a:hover, ul#nav-list li#facility-select { background: url(../images/buttons/facility_btn.gif) no-repeat 50% 0; background-position: 0 -37px; width: 169px; height: 37px; }


/* Content Styles */
#content { width: 800px; margin-top: 90px;} 
#leftcontent { float: left; width: 190px; height: 500px; }
#maincontent { float: left; width: 430px; padding: 15px 15px 25px 15px; background-color: #fff; }
#maincontent img, #maincontent a img { margin: 5px;  }
#rightcontent { float: right; width: 130px; padding: 10px; }
#rightcontent ul, #leftcontent ul { margin: 0 0 10px 10px; list-style:circle; }
#rightcontent a, #leftcontent a { color: #503f33; text-decoration: underline; }
#rightcontent a:hover, #leftcontent a:hover { color: #503f33; text-decoration: none; }
#rightcontent a img.sponsor { border: 1px solid #242868; }
#citylogos { width: 800px; margin-left: auto; margin-right: auto; clear: both;  }

/* Footer Styles */
#footer { clear: both; width: 100%; height: 580px; background: url(../images/foot_tile.png) top left repeat-x;  }
#melogo { width: 800px; margin-right: auto; margin-left: auto;  clear: both; padding-top: 40px; }
#melogo img { float: right; }
.govsponsor { float: left; }
.govsponsor2 { float: right; }

/* *********************************************************** */

#sidebar {  }
#sidebar h3 { font-size: 11px; color: #333; border-bottom: 1px solid #999; text-align: center; }

form#map_search { font-size: 10px; margin-top: 0; }
form#map_search table { margin-top: 0; }
form#map_search table tr { vertical-align: top; }
form#map_search table th {}
form#map_search table td { padding: 2px 0 2px 2px; }

form#map_search input, form#map_search select { font-size: .9em; }
form#map_search select { width: 100%; }

#maincontent ul { margin-bottom: 1em; }

table.blue { margin-bottom: 1em; border-collapse: collapse; border: 1px solid #fff; width: 100%; }
table.blue tr { vertical-align: top; }
table.blue th { text-align: center; font-weight: bold; padding: .5em; background: #8ba3f3; border: 1px solid #fff; }
table.blue td { padding: .5em; background: #c9d3fa; border: 1px solid #fff; }
table.blue td:hover { background: #dae4fb; }

#map { display: block; height: 600px; margin-bottom: 10px; border: 3px solid #68da9d; font-size: 80%; }
#maincontent_map { float: left; width: 560px; padding: 15px 15px 25px 15px; background-color: #fff; }
#map div.content { }
#map h2 { font-size: 1.2em; color: #000; border: 0; }
#map address { margin-bottom: 10px; }
#map ul { list-style: none; }

ul.howtomenusteps { padding: 5px 5px 5px 5px; margin-left: 10px; font-size:12px; }
ul.howtomenusteps li { margin-left: 5px; font-size:12px }
ul.howtomenusteps a { font-weight: bold; font-size:12px; }
ul.howtomenu { padding:5px;}
ul.howtomenu li { margin-left:25px; font-size: 12px; }
ul.howtomenu li a {font-size:12px; font-weight:bold; }