/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12px} 
html, body, p, .text { font-family: Arial, Helvetica, sans-serif; color: #333; }
#main_body { padding: 0px; margin: 0px; background: #4d80a6 url(../images/hh-bg.png) no-repeat center 30px; }
#main_container { width: 950px; margin-right: auto; margin-left: auto; background: #fff url(../images/body_bg.gif) repeat-y 0 0; clear:both; }
#main_container_home { width: 950px; margin-right: auto; margin-left: auto; background: #fff url(../images/home/body_bg.gif) repeat-y 0 0; clear:both; }
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}
.FTPTable td { padding:5px 0;}
dl, dt, dd { padding:0; margin:0;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.67em}
h1 {font-size: 1.42em; line-height: 1em; color: #003300; font-weight: normal; margin:0px 0px 14px 0px; }
h2 {font-size: 1.25em; line-height: 1.2em; color: #003300; font-weight: normal; margin:20px 0px 10px 0px; }
h3 {font-size: 1.15em; line-height: 1.2em; color: #003300; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.15em; line-height: 1.2em; color: #003300; font-weight: normal; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #99c2e1; }
h5 {font-size: 1.1em; line-height: 1.2em; color: #003300; font-weight: normal; margin:0px 0px 0px 0px; }
.textColor {color: #003300}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 1px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #0066b3; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #3d9b35;  }

.resizeSmall{font-size:7px}
.resizeMedium{font-size:10px}
.resizeLarge{font-size:13px}

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #99c2e1; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #99c2e1; font-size: 11px; line-height:13px; color: #666666;background: url(../images/formboxBG.gif) no-repeat 0 0; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px; background:#fff;}
.formbutton { padding: 5px 27px 5px 5px; background: url(../images/button_bg.gif) no-repeat right top; cursor:pointer; border:none; color:#0066b3; }
.formbutton:hover { color:#fff; background:url(../images/button_bg_hover.gif) no-repeat right top; }

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 20px; clear:right}
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left}
.phototreatment {}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:700px; padding:14px 0 10px 0; float:left; overflow:hidden; }

.topBar { background:#fff; height:30px; }
.topBar .container { width:950px; margin-left:auto; margin-right:auto; }
.header { background:#fff; }
.topFlash { width:825px; height:80px; float:right; }
.topFlashHome { width:780px; height:120px; float:right; }

/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/
.leftNav { width:195px; float:left; margin-right:25px; background:url(../images/navigation/Tier2_top.gif) no-repeat 0 0; padding-top:12px;}

.Tier0 { width:340px; padding:6px 30px 6px 10px; color:#999;font-size:10px;line-height:10px; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#0066b3; }
/* ON */.Tier0 a:hover, .Tier0 a:active { color:#ccc; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#ccc;}

.siteMenu { width:563px; padding:6px 0; text-align:center; height:13px; background: url(../images/navigation/site_menu_bg.gif) repeat-x 0 0; color:#73ae57;font-size:10px;line-height:10px;}
.siteMenu a:hover, .siteMenu a:active { color:#73ae57; }
.siteMenu a.On:link, .siteMenu a.On:visited, .siteMenu a.On:hover, .siteMenu a.On:active { color:#333; text-decoration:none; }
.left { width:5px; height:25px; background:url(../images/navigation/site_menu_left.gif) no-repeat 0 0; font-size:0; line-height:0;}
.right { width:5px; height:25px; background:url(../images/navigation/site_menu_right.gif) no-repeat 0 0; font-size:0; line-height:0; }


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { padding:5px 0 6px 0; background:#fff url(../images/navigation/Tier1_bottom.gif) no-repeat left bottom;}
.Tier1_home { padding:5px 0 6px 0; background:#fff url(../images/home/Tier1_bottom.gif) no-repeat left bottom; }


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px; padding: 0px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {background: none;padding: 0;margin: 0;line-height: 20px;}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color: #fff;background: transparent;padding: 3px 5px;margin: 0px;text-decoration: none;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {color: #0066b3;background: #fff;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}


/*----- SIDE NAVIGATION ELEMENTS -----*/

/* ul */.SideNav { list-style-type: none; margin:0 0 15px 10px; padding:0; }
.SideNav li { padding:0; margin:0; display:inline; background:none;}

/* OFF li */.Tier2_Inactive a:link, .Tier2_Inactive a:visited { width:144px;padding:8px 30px 8px 15px;text-decoration:none;color:#0066b3;display:block;background:none; font-size: 12px; line-height: 14px; }
/* OFF HOVER li */.Tier2_Inactive a:hover, .Tier2_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 0; color:#fff; }
/* ON li */.Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active { width:144px;padding:8px 30px 8px 15px;text-decoration:none;color:#ef8200;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -100px; font-size: 12px; line-height: 14px; }


/* OFF li */.Tier3_Inactive a:link, .Tier3_Inactive a:visited { width:146px;padding:4px 15px 4px 28px;text-decoration:none;color:#0066b3;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 11px; line-height: 13px; }
/* OFF HOVER li */.Tier3_Inactive a:hover, .Tier3_Inactive a:active { background: url(../images/navigation/nav.gif) no-repeat 0 -300px; font-size: 11px; line-height: 13px; padding:4px 15px 4px 28px;text-decoration:none;color:#0066b3;}
/* ON li */.Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active {  width:146px;padding:4px 15px 4px 28px;text-decoration:none;color:#ef8200;display:block;background: url(../images/navigation/nav.gif) no-repeat 0 -400px; font-size: 11px; line-height: 13px; }


/*----- PAGE ELEMENTS -----*/

.home_left { width:293px; float:left; }
.home_center { width:287px; margin-right:30px; float:left; background:url(../images/home/blog_top.gif) no-repeat 0 0; }
.home_center h2 { font-size:1.17em; line-height:1.2em; color:#231f20; margin:18px 20px 10px 20px;}
.home_right { width:310px; float:left; }

.directions { margin:0 0 10px 10px;}

#weather { width:244px; margin:0 0 10px 10px; padding:8px 15px 0 14px; background:#cde0f0 url(../images/home/weather_bg.gif) no-repeat 0 0; height:64px; font-size:10px; line-height:12px; font-style:italic; color:#3385c2; }
.temp { font-size:24px; line-height:24px; color:#ef8200; margin:0 0 2px 160px; padding:4px 0 4px 35px;}

.events { padding:0 38px 0 29px;}
.events h2, .blog h2 { font-size:1.33em; line-height:1.2em; }
/* ul */.events ul { list-style-type: none; margin:0; padding:0; }
.events ul li { padding:0; margin:0; display:inline; background:none;}
.events ul a:link, .events ul a:visited { width:214px; padding:5px 0 5px 12px; display:block; background:url(../images/icons/16x16/bullet2.gif) no-repeat -4px 6px; }
.events ul em { font-size:11px; line-height:15px; color:#392814; }


.blog { width:222px; margin-left:30px;}
.blogIntro, .blogIntro p { color:#392814; }
.blogIntroTitle { font-size:15px;}
.blog dl { border-top:1px solid #f1f7ef; padding-top:15px;}

/* ul */.homeCallouts { list-style-type: none; margin:0; padding:0; }
.homeCallouts li { padding:0; margin:0; display:inline; background:none;}
.homeCallouts a:link, .homeCallouts a:visited { width:287px; background:#d6e7f3; display:block; border-top:1px solid #99c2e1; font-size:11px; line-height:15px; color:#000; text-decoration:none;}
.homeCallouts a:hover, .homeCallouts a:active { width:287px; background:#e7edf5 url(../images/home/callout_hover.gif) repeat-x center top; display:block; border-top:1px solid #99c2e1; font-size:11px; line-height:15px; color:#000; text-decoration:none;}
.homeCallouts a:link span, .homeCallouts a:visited span { width:175px; padding:11px 25px 11px 87px; background:#d6e7f3; display:block;}
.homeCallouts a:hover span, .homeCallouts a:active span { width:175px; padding:11px 25px 11px 87px; background:#e6edf5 url(../images/home/callout_hover.gif) repeat-x center top; display:block;}
.homeCallouts a:link strong, .homeCallouts a:visited strong { font-size:16px; line-height:20px; font-weight:normal; color:#0066b3; }
.homeCallouts a:hover strong, .homeCallouts a:active strong { color:#3d9b35; }

.welcome { padding:17px 0 10px 0;}
.welcome, .welcome p { color:#392814; }
.welcome h1 span { font-size:.67em; line-height:1.2em;}
.welcome h1 { font-size:1.5em; line-height:1.2em; }

.photoCallout { border-bottom:5px solid #fff; border-top:5px solid #fff; font-size:0; line-height:0;}
.contact { font-size:0; line-height:0; background:#fff; padding-top:5px;}
.contact_home a:link, .contact_home a:visited { width:197px; padding:15px 70px 15px 20px; background:#6ea2cf url(../images/home/contact_bg_off.gif) no-repeat 0 0; display:block;font-size:16px; line-height:20px; color:#fff; text-decoration:none; }
.contact_home a:hover, .contact_home a:active{ background:#6ea2cf url(../images/home/contact_bg_on.gif) no-repeat 0 0; color:#0066b3; }

.ShareLinks { margin-top:25px; clear:both; font-size:11px; line-height:11px;}

.FooterContainer_home { background:#4d80a6; padding:30px 0 20px 0;}
.FooterContainer { background:#4d80a6; padding:30px 0 20px 0;}
.Footer { color: #99c2e1; font-size: 11px; line-height: 13px; padding-top:5px; }
.Footer a:link, .Footer a:visited { color: #fff; text-decoration:underline; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#c7dfbc;}


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.photoNav { width:160px; height:282px; float:left; padding:0 5px; background:#fff url(../PhotoGallery/images/nav_bg.gif) no-repeat 0 0; }
.down { width:160px; float:left;}
.up { width:160px; float:left; margin:0 0 5px 0px; }
.thumb { width:160px; height:65px; float:left; margin:0 0 5px 0; }

.alert { background:#ef8200; padding:8px 0;}
.alert div { width:950px; margin-left:auto; margin-right:auto; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:18px; line-height:22px; }


.legend { width:433px; padding:10px 13px 0 14px; margin:10px 0 0 31px; background:#e3efde;}
.legend ul { width:140px; float:left; list-style-type: none; margin:0; padding:0; }
.legend ul li { padding:0; margin:0; display:inline; background:none;}
.legend ul li a:link, .legend ul li a:visited { width:140px; margin-bottom:7px; display:block; text-decoration:none; font-size:12px; line-height:14px;}
.legend ul li a:link span, .legend ul li a:visited span { width:129px; padding:2px 0px 2px 11px; display:block; cursor:pointer;}
.legend ul li a:hover, .legend ul li a:active { width:140px; margin-bottom:7px; text-decoration:none; display:block; background:#fff url(../images/facilitiesMap/legend_highlight_top.gif) no-repeat 0 0; font-size:12px; line-height:14px; }
.legend ul li a:hover span, .legend ul li a:active span { width:129px; padding:2px 0px 2px 11px; display:block; background: url(../images/facilitiesMap/legend_highlight_bottom.gif) no-repeat 0 bottom; color:#0066b3; }
.legend ul li.On a:link, .legend ul li.On a:visited, .legend ul li.On a:hover, .legend ul li.On a:active { width:140px; margin-bottom:7px; text-decoration:none; display:block; background:#fff url(../images/facilitiesMap/legend_highlight_top.gif) no-repeat 0 0; font-size:12px; line-height:14px; cursor:pointer; }
.legend ul li.On a:link span, .legend ul li.On a:visited span, .legend ul li.On a:hover span, .legend ul li.On a:active span { width:129px; padding:2px 0px 2px 11px; display:block; background: url(../images/facilitiesMap/legend_highlight_bottom.gif) no-repeat 0 bottom; color:#0066b3; }
.legend em { width:15px; float:left; display:block; font-style:normal; color:#003300; }
.legend h2 { font-size:16px; line-height:18px; margin:0 0 12px 0;}
.legend h2 span { font-size:11px; float:right; }

.facilityDescription { width:190px; padding:10px 5px 5px 5px; background:#e3efde; }
.facilityDescription div { padding:8px 15px 0 10px; font-size:12px; line-height:19px;}
.facilityDescription h2 { margin:0 0 10px 8px;}
.descriptionBottom { background:url(../images/facilitiesMap/details_bottom.gif) no-repeat 0 bottom; width:200px; height:10px; font-size:0; line-height:0; }

.photoNav { width:165px; height:282px; float:left; padding-right:5px; background:#fff url(../PhotoGallery/images/nav_bg.gif) no-repeat 0 0; }


/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */