html, body, p, .text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #4E4E4E; }
#main_body_home { padding: 0px; margin: 0px; background: #fff url(../images/home/bg.gif) repeat-x center top;}
#main_container {width: 950px; margin-right: auto; margin-left: auto; background: #fff; }
#main_body { padding: 0px; margin: 0px; background: #fff url(../images/bg_new.gif) repeat-x center 40px;}

.text p { margin:0px 0px 10px 0px; }
.text h1 { font-size: 20px; line-height: 28px; color: #003399; font-weight: normal; margin:0px 0px 10px 0px; }
.text h2, .text h3, .text h4, .text h5 { font-size: 14px; line-height: 16px; color: #000; font-weight: normal; margin:15px 0px 2px 0px; }

img { border: 0px; }
td { empty-cells:show;}

a         {color: #003EBA; text-decoration: underline; }
a:visited {color: #003EBA; text-decoration: underline; }
a:active  {color: #003EBA; text-decoration: underline; }
a:hover   {color: #003EBA; text-decoration: none; }


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { color:#5b5b5b; font-size: 11px; line-height: 17px; font-family: arial,helvetica; padding-bottom:4px;}
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none; color: #003eba;}
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#333;}

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

.Tier1 img { margin-right:5px; }

/*----- 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: #003399;background: #f3f4f6;padding: 3px 5px;margin: 0px;text-decoration: none;display: block;}

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

.Footer { color: #959595; font-size: 12px; line-height: 14px; padding-top:12px;}
.Footer a:link, .Footer a:visited { color: #6181c0; text-decoration:none; font-weight:bold }
.Footer a:hover, .Footer a:active { text-decoration:underline; font-weight:bold }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:none; color:#959595;}

.photoright { float:right; margin:0px 0px 10px 20px; clear:right}
.photoleft { float:left; margin:0px 20px 10px 0px; clear:left}
.phototreatment {}


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

/* ul */.sideLinks { list-style-type: none; margin:0 0 10px 0; padding:0;border-bottom:1px solid #6181c0;}
.sideLinks li { padding:0; margin:0; display:inline; background:none;}
.sideLinks li a:link, .sideLinks li a:visited { width:183px; padding:3px 3px 3px 14px; display:block; background:url(../images/home/link_arrow.gif) no-repeat 4px 5px; border-top:1px solid #6181c0; font-size:11px; line-height:13px; color:#fff; text-decoration:none;}
.sideLinks li a:hover, .sideLinks li a:active { background:#003399 url(../images/home/link_arrow.gif) no-repeat 4px 5px;}
.sideLinks img { float:right; }
.sideLinks li ul {background: transparent url(../images/navigation/menu_background.png) repeat 0px 0px;padding: 0;}

.weather { float:right; }
.weather img { float:left; margin-right:5px; }
.weatherHome { border-bottom:1px solid #6181c0; padding:8px 10px 8px 66px; font-size:12px; line-height:17px; color:#fff;}
.weatherHome .temp { font-size:24px; line-height:26px; }

/*----- Old Styles -----*/

.hlink {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.hlink:visited {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.hlink:active {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.hlink:hover {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #003EBA; text-decoration: none; }


.location {font-size: 11px; line-height: 11px; font-family: arial,helvetica; color: #5B5B5B; }
.loctitle {font-size: 11px; line-height: 11px; font-family: arial,helvetica; color: #5B5B5B; font-weight: bold; }

.loclink {font-size: 11px; line-height: 11px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.loclink:visited {font-size: 11px; line-height: 11px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.loclink:active {font-size: 11px; line-height: 11px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.loclink:hover {font-size: 11px; line-height: 11px; font-family: arial,helvetica; color: #003EBA; text-decoration: none; }

.a {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.a:visited {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.a:active {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.a:hover {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: none; }

#mapKey {font-size:14px; line-height:16px;}
#mapKey td { padding:5px 0;}
#mapKey h2 { color:#000; font-size:16px; line-height:16px; margin:5px 0 5px 0;}
#mapKey a:link, #mapKey a:visited { font-size:14px; line-height:16px; color: #003EBA; text-decoration:underline;}
#mapKey a:hover, #mapKey a:active { font-size:14px; line-height:16px; color: #003EBA; text-decoration:none;}

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

/* ul */.leftPopover { width:171px; background:#003399; list-style-type: none; margin:0; padding:5px 0;}
.leftPopover li { padding:0; margin:0; display:inline; background:none;}
.leftPopover a:link, .leftPopover a:visited { width:145px; padding:3px 5px 3px 21px; display:block; background:url(../images/home/left_popover_arrow.gif) no-repeat 10px 5px; font-size:11px; line-height:13px; color:#fff; text-decoration:none;}
.leftPopover a:hover, .leftPopover a:active { display:block; background:url(../images/home/left_popover_arrow_hover.gif) no-repeat 10px 5px; color:#ffcc66; text-decoration:none;}

/* ul */.dropdown { width:171px; background:#6181c0; list-style-type: none; margin:0; padding:0;}
.dropdown li { padding:0; margin:0; display:inline; background:none;}
.dropdown a:link, .dropdown a:visited { width:145px; padding:5px 5px 5px 21px; display:block; background:url(../images/home/dropdown_arrow.gif) no-repeat 10px 7px; border-top:1px solid #fff; font-size:12px; line-height:14px; color:#fff; text-decoration:none;}
.dropdown a:hover, .dropdown a:active { display:block; background:#003399 url(../images/home/dropdown_arrow_hover.gif) no-repeat 10px 7px; color:#fff; text-decoration:none;}
.dropdown img { float:right; }

.welcome { padding:15px 0 0 6px; font-size:11px; line-height:16px; margin-bottom:40px;}
.welcome p { font-size:11px; line-height:16px; margin:0 0 10px 0;}
.welcome h1 { color:#003399; font-size:15px; line-height:20px; margin:0 0 5px 0; font-weight:normal;}

/* ul */.welcomeButtons ul { list-style-type: none; margin:0; padding:0; }
#Resources li, #business li, #guide li { padding:0; margin:0; display:inline; background:none;}
#Resources li a.resources:link, #Resources li a.resources:visited { width:171px; height:50px; display:block; background:url(../images/home/resources.gif) no-repeat 0 0; margin-right:2px;}
#Resources li a.resources:hover, #Resources li a.resources:active { background:url(../images/home/resources_hover.gif) no-repeat 0 0;}
#Resources li a.business:link, #Resources li a.business:visited { width:171px; height:50px; display:block; background:url(../images/home/business.gif) no-repeat 0 0; margin-right:2px;}
#Resources li a.business:hover, #Resources li a.business:active { background:url(../images/home/business_hover.gif) no-repeat 0 0;}
#Resources li a.guide:link, #Resources li a.guide:visited { width:171px; height:50px; display:block; background:url(../images/home/guide.gif) no-repeat 0 0;}
#Resources li a.guide:hover, #Resources li a.guide:active { background:url(../images/home/guide_hover.gif) no-repeat 0 0;}
#Resources li ul li a:link, #Resources li ul li a:visited { width:145px; padding:5px 5px 5px 21px; display:block; background:#6181c0 url(../images/home/dropdown_arrow.gif) no-repeat 10px 7px; border-top:1px solid #fff; font-size:12px; line-height:14px; color:#fff; text-decoration:none; }
#Resources li ul li a:hover, #Resources li ul li a:active { display:block; background:#003399 url(../images/home/dropdown_arrow_hover.gif) no-repeat 10px 7px; color:#fff; text-decoration:none; }
#Resources li ul li img { float:right; }

.imageRotator { background:#003399; padding:5px 0 0 0;}
.imageRotator div { width:244px; height:150px; float:left; border-bottom:1px solid #fff; border-top:1px solid #fff; border-right:1px solid #fff;}
.imageRotator div.right { width:245px; height:150px; float:left; border-bottom:1px solid #fff;; border-top:1px solid #fff; border-right:none; text-align:right;}
.imageRotator div span { margin-top:133px;}
.imageRotatorBottom { background:#003399; text-align:right; }

.homeLeft, .homeRight { background:#2e58ab; border-top:5px solid #6181c0; }
.townHall { border-bottom:1px solid #fff; border-top:1px solid #fff; margin-bottom:19px;}

.mainLink a:link, .mainLink a:visited { background:#6181c0 url(../images/home/mainArrowOff.gif) no-repeat 10px 8px; width:164px; padding:5px 5px 4px 20px; display:block; border-bottom:solid 1px #d5d9e1; color:#fff; text-decoration:none;}
.mainLink a:hover, .mainLink a:active {background:#003399 url(../images/home/bgArrow_on.gif) no-repeat 10px 8px; width:164px; padding:5px 5px 4px 20px; display:block; border-bottom:solid 1px #d5d9e1; color:#fff; text-decoration:none;}

.how a:link, .how a:visited, .how a:hover, .how a:active{ color:#fff; text-decoration:none;background:#0e3e9e url(../images/home/howArrow.gif) no-repeat 10px 7px; padding:3px 10px 3px 21px;width:158px; display:block;border-top:solid 1px #c1cde6;}

.ttitle {font-size: 19px; line-height: 19px; font-family: arial,helvetica; color: #003399; font-weight: normal; }
.tfield {font-size: 11px; line-height: 13px; font-family: arial,helvetica; color: #4E4E4E; }


.tlink {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.tlink:visited {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.tlink:active {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: underline; }
.tlink:hover {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #003EBA; text-decoration: none; }

.hplink {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #FFCC66; text-decoration: underline; }
.hplink:visited {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #FFCC66; text-decoration: underline; }
.hplink:active {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #FFCC66; text-decoration: underline; }
.hplink:hover {font-size: 12px; line-height: 16px; font-family: arial,helvetica; color: #FFCC66; text-decoration: none; }


.footer {font-size: 11px; line-height: 13px; font-family: arial,helvetica; color: #959595;}
.ftitle {font-size: 11px; line-height: 13px; font-family: arial,helvetica; color: #959595; font-weight: bold; }

.flink {font-size: 10px; line-height: 13px; font-family: arial,helvetica; color: #959595; text-decoration: underline; }
.flink:visited {font-size: 10px; line-height: 13px; font-family: arial,helvetica; color: #959595; text-decoration: underline; }
.flink:active {font-size: 10px; line-height: 13px; font-family: arial,helvetica; color: #959595; text-decoration: underline; }
.flink:hover {font-size: 10px; line-height: 13px; font-family: arial,helvetica; color: #959595; text-decoration: none; }


.ltitle {font-size: 12px; line-height: 26px; font-family: arial,helvetica; color: #FFFFFF; font-weight: bold; }

.activelink {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }
.activelink:visited {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }
.activelink:active {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }
.activelink:hover {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }

.inactivelink {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }
.inactivelink:visited {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }
.inactivelink:active {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: none; }
.inactivelink:hover {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #FFFFFF; text-decoration: underline; }


.header {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #5B5B5B; }
.htitle {font-size: 11px; line-height: 17px; font-family: arial,helvetica; color: #5B5B5B; font-weight: bold; }

