/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   

td.nor
/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}



/* background color for the content part of the pages */
Body
{text-align:center;background: #CFCFD9 url("/Portals/0/body_back3.gif")  repeat left top;
}

#president {background:transparent url("/Portals/0/president_back.jpg") no-repeat left top;
 margin:10px;border: 1px solid #8c8f91; height:210px}


/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by 
QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
color: #0000ff;
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}






.dropdown { 
text-align: left;
 
margin:0; 
padding:0; 
display:inline;}

.dropdown dt {color:#0D0D29;
font: normal 130% Arial, sans-serif; 
width:175px;  
padding:5px 0 5px 5px; 
border-top:2px solid #fff;
border-right:2px solid #fff;
border-bottom:2px solid #C6C6C6;
border-left:2px solid #fff;
font-weight:bold; 
cursor:pointer; 
background:#E8EAF2 url("/Portals/0/how_back.gif")  no-repeat right center; 
text-transform:uppercase;margin:0 0 0 0;}


.dropdown dt:hover {
background:#E8EAF2 url("/Portals/0/how_back.gif")  no-repeat right center; }

.dropdown dd {position:absolute; 
overflow:hidden; 
width:173px; 
display:none; 
background:#666; 
z-index:200; 
opacity:0;
margin:0 0 0 1px;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
padding:0;}

.dropdown ul {
font: bold 110% Helvetica, Arial, sans-serif; 
width:173px; height:300px; 
overflow:auto; list-style:none; 
border-top:none; 
margin:0;
padding:0; }

.dropdown li {display:inline;margin:0;
padding:0; }

.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; 
padding:5px 0 5px 5px; color:#fff; 
text-decoration:none; 
background:#666; 
width:148px;margin:0;
border-bottom: 2px solid #ccc;
}

.dropdown a:hover {
background:#000; 
color:#fff; 
text-decoration:none;border-bottom: 2px solid #ccc;}

.dropdown .underline {border-bottom:1px solid #b9d6dc}



#announce { 
background:#eeeeee url("/Portals/0/announce_back.gif")  repeat-y left top; 
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:15px;}

td.Normal {color:#5A5A5A; font: bold 80%  Arial, sans-serif;

padding:5px 5px 3px 0;

margin-left:3px;
 }

td.Normal:hover {background: #fff;}

hr.spacer {
  border: 0;
  width: 100%;
color: #e3dfdf;
background-color: #e3dfdf;
height: 3px;clear:both;
}

hr.spacer2 {
  border: 0;
  width: 100%;
color: #B9C9E5;
background-color: #B9C9E5;
height: 3px;
}



#main_content_intro {
background:#f3f7ee url("/Portals/0/main_intro_back.gif")  repeat-x left top; 
border:1px solid #ccc; margin-top:25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main_content_intro p {color:#000; 
font: normal 120%  Arial, sans-serif; line-height:1.3em; margin:5px; padding:0;}

#main_content_intro img {margin:10px 10px 10px 5px; float:left; border:none;}


h2.mayor  {color:#6C2119; 
font: normal 160%   Arial, sans-serif;  margin:5px 5px 10px 5px; padding:0;}



 .dropcap

      { color: #333;  
font: normal 220% Arial, sans-serif;  line-height: 83%; float: left;
 margin:0 3px 0 0; 
background:#fefefe url("/Portals/0/solid_back.gif") repeat-x left -10px;
border:1px solid #ccc; padding:5px;-moz-border-radius: 4px;
-webkit-border-radius: 4px;}


h2.header {color:#679B62;font: normal 180% Arial, sans-serif; 
margin:0 0 5px 0; padding:0;border-bottom:1px solid #ccc;
background:#fff url("/Portals/0/header_back.gif")  repeat-x left bottom;}

h2.header2 {color:#15171F;font: bold 160%  Arial, sans-serif; 
margin:15px 0 5px 0; padding:0;border-bottom:1px solid #ccc;
background:#fff url("/Portals/0/header_back.gif")  repeat-x left bottom;clear:both;}

h2.header3 {color:#ff0000;font: bold 200% Arial, sans-serif; 
margin:5px 0 5px 0; padding:0;border-bottom:1px solid #ccc;
background:#fff url("/Portals/0/header_back.gif")  repeat-x left bottom;}



a#dnn_dnnSEARCH_cmdSearch {color:#1C3964;
background:#f5f4f4 url("/Portals/0/a_search_back.gif")  no-repeat left center;
padding:3px 3px 3px 17px;border:2px solid #98A7BF;
letter-spacing:.1em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

a#dnn_dnnSEARCH_cmdSearch:hover {color:#000;
background:#f5f4f4 url("/Portals/0/a_search_back.gif")  no-repeat left center;}


#round_home {
background: #ADBBD6 url("/Portals/0/round_home_back.gif")  no-repeat left bottom; 
width:182px;height:25px; float:left;}


.mattblacktabs{
width: 990px;
overflow: hidden;
background: #fff url("/Portals/0/mattblacktabs_back.gif") repeat-x left top;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.mattblacktabs li{
font: bold 70%  Verdana, Arial, sans-serif;
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:15px 10px 15px 10px; 
color: #660A3A;
background: transparent; 
}

.mattblacktabs li a:visited{
color: #660A3A;text-decoration: none;
}

.mattblacktabs li a:hover{color: #660A3A;
background: #F1EEEE; text-decoration: none;
}

.mattblacktabs li a#current
   { color: #000;
background: transparent url("/Portals/0/mattblacktabs_current_back.gif") no-repeat center bottom;   }
   
   
.mattblacktabs li a#current:hover
   { color: #000;background: transparent url("/Portals/0/mattblacktabs_current_back.gif") no-repeat center bottom;
 }

.mattblacktabs li a#current2
   { color: #000;
background: transparent url("/Portals/0/mattblacktabs_current_back2.gif") no-repeat center bottom;   }
   
   
.mattblacktabs li a#current2:hover
   { color: #000;background: transparent url("/Portals/0/mattblacktabs_current_back2.gif") no-repeat center bottom;
 }


.mattblacktabs li a#current3
   { color: #000;
background: transparent url("/Portals/0/mattblacktabs_current_back3.gif") no-repeat center bottom;   }
   
   
.mattblacktabs li a#current3:hover
   { color: #000;background: transparent url("/Portals/0/mattblacktabs_current_back3.gif") no-repeat center bottom;
 }

.mattblacktabs li a#current4
   { color: #000;
background: transparent url("/Portals/0/mattblacktabs_current_back4.gif") no-repeat center bottom;   }
   
   
.mattblacktabs li a#current4:hover
   { color: #000;background: transparent url("/Portals/0/mattblacktabs_current_back4.gif") no-repeat center bottom;
 }

.mattblacktabs li a#current5
   { color: #000;
background: transparent url("/Portals/0/mattblacktabs_current_back5.gif") no-repeat center bottom;   }
   
   
.mattblacktabs li a#current5:hover
   { color: #000;background: transparent url("/Portals/0/mattblacktabs_current_back5.gif") no-repeat center bottom;
 }

.mattblacktabs li a#current6
   { color: #000;
background: transparent url("/Portals/0/mattblacktabs_current_back6.gif") no-repeat center bottom;   }
   
   
.mattblacktabs li a#current6:hover
   { color: #000;background: transparent url("/Portals/0/mattblacktabs_current_back6.gif") no-repeat center bottom;
 }




.glossymenu{
margin:5px 0 0 0;
padding: 0;
overflow:hidden;
background:#fff url("/Portals/0/glossy_menu_back.gif") repeat-x left bottom;

}



.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: #E0E8F5;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fff;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/

margin: 0 0 0 0;
padding: 0;
}



.glossymenu a.menuitem{
background: #EDF0F5;
font: bold 100% Arial, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0 4px 7px;

text-decoration: none;
margin: 0 0 3px 0;
border: 1px solid #B4C6ED;

}

.glossymenu div.submenu ul li{
list-style-type: none;

font: normal 100% Arial, Helvetica, sans-serif;
padding:0;

line-height:1em;
}

.glossymenu div.submenu ul li a
{color:#000; background: #fefefe;display: block;width:100%;margin:0 0 0 0; 
padding:5px 0 5px 5px;}

.glossymenu div.submenu ul li a:hover
{color:#000; background: #CED6E0;text-decoration:none;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font: bold 70%  Verdana, Arial, sans-serif;
line-height:23px;
z-index:100;
background-color: white;
width: 230px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a:link{
text-align:left;
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc; 
padding: 2px 0;
text-decoration: none;
color: #660A3A;

}

.dropmenudiv a:visited{

text-align:left;
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc; 
padding: 2px 0;
text-decoration: none;
color: #660A3A;

}



.dropmenudiv a:hover{ 
color: #660A3A;background: #F1EEEE;text-decoration: none;
}


h2.translate {color: #000;font: bold 120%  Arial, sans-serif;
text-align:center; 
margin:0 0 5px 0;padding:0;}

#translate {background: #eee url("/Portals/0/translate_back.gif")  repeat left top; 
margin:15px 0 0 0;padding:10px;border:1px solid #ADB9DB;}

p.info {color: #000;font: normal 100%  Arial, sans-serif;
text-align:left; 
margin:0;padding:0 0 0 5px;background:#eee;}



h2.jump {font: bold 120% Arial, sans-serif; text-align:left; color:#333; margin:5px;}

#jump {background: #eee; border:1px solid #ccc;-moz-border-radius: 5px;
-webkit-border-radius: 5px; width:175px;}

#jump ul {font: bold 100% Arial, sans-serif; color: #333; margin:0 0 0 10px; padding:0;}

#jump  li
 {  list-style-type: disc;  list-style-position: inside; margin:5px 0 0 0; padding:0;  }

#jump  li a
  {  background: #eee;   text-decoration: underline;}

#jump  li a:link   { color: #000 }
#jump  li a:visited   {  color: #000 }

#jump  li a:hover
     { color: #000; background-color: #f9f9f9; text-decoration: none;}




h2.did {font: bold 120% Arial, sans-serif; text-align:center; color:#333; 
margin:5px; border:1px solid #ccc;}

#did { border:1px solid #ccc;-moz-border-radius: 5px;
-webkit-border-radius: 5px; margin:25px 0 0 0;
background:#fff url("/Portals/0/living_back.gif")  repeat-x left top;}

#did ul {font: bold 100% Arial, sans-serif; color: #555353; margin:0 0 0 10px; padding:0;}

#did li
 {  list-style-type:none; margin:5px 5px 0 0; padding:0; 
border-bottom:1px solid #ccc; }

#did  li a
  {  background: #eee;   }

#did li a:link   { color: #000 }
#did li a:visited   {  color: #000 }

#did li a:hover
     { color: #000; background-color: #f9f9f9; text-decoration: underline; }




#weather {width:340px; float:left;}





h2.suggest {color:#333; font: bold 120% Arial, sans-serif; text-align:left; 
margin:5px 0 0 0;padding:0;}

p.suggest {font:normal 100%  Arial, Helevetica, sans-serif;
margin:0 0 0 0;padding:0;}



h2.bus {color:#000; font: bold 120% Arial, sans-serif; text-align:left; 
margin:25px 0 0 0;padding:0;}

p.bus {font:normal 110%  Arial, Helevetica, sans-serif;
margin:0 0 0 0;padding:0;}


span.route {color:#0F0F46;background:#F7F7F7;}


span#time_stamp   {color: #666; 
font: bold 70% "Trebuchet MS", Arial, Helevetica, sans-serif; 
margin-right:240px;
text-transform:uppercase; letter-spacing: .1em;}

p.park {color: #333; 
font:normal 110%  Arial, Helevetica, sans-serif;line-height:1.5em; 
background:#FAFAFA url("/Portals/0/park_back.gif")  no-repeat left top;
padding:5px; border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

h2.parks2  {color: #0c2b03; 
font:bold 110%  Arial, Helevetica, sans-serif;margin:20px 0 0 0; padding:0;
border-bottom:1px solid #ccc;}


h2.quick  {color: #fff; 
font:bold 140%  Arial, Helevetica, sans-serif;margin:15px 0 0 0; 
text-align:center;
padding:3px;
border:1px solid #ccc;
background:#1c6977 url("/Portals/0/h2_recycle_back.gif")  repeat-x left top}

ul li.custom
{
	 list-style-type: none;font: normal 100%  Arial, sans-serif;
margin:5px 0 0 0;padding:0;line-height:1.5em;
}

ul.custom
{
	
margin:0 0 10px 0;padding:0;
}

ul li.custom6
{
	 list-style-type: none;font: bold 110% Helvetica, Arial, sans-serif; 
margin:5px 0 0 5px;padding:0;line-height:1.5em;
background: transparent url("/Portals/0/custom6_back.gif") no-repeat left center;
}

ul.custom6
{
	
margin:0 0 10px 0;padding:0;
}

ul.custom6 li a {padding:0 0 0 10px;display:block;width:155px;}





ul li.custom8
{
	 list-style-type: none;font: bold 110% Helvetica, Arial, sans-serif; 
margin:5px 0 0 5px;padding:0;line-height:1.5em;

}

ul.custom8
{
	
margin:0 0 10px 0;padding:0;
}

ul.custom8 li a {padding:0;display:block;width:165px;}




h2.park_float  {color: #fff; 
font:bold 130%  Arial, Helevetica, sans-serif;margin:0; 
text-align:center;
padding:3px;
border:1px solid #ccc;
background:#235D0F url("/Portals/0/h2_park_float_back2.gif")  repeat-x left top;
}


#park_float {width:160px; float:left; margin:0 15px 15px 0;
padding:0;display:inline;}


ul li.custom3
{
	 list-style-type: none;font: normal 100%  Arial, sans-serif;
margin:5px 0 0 0;padding:0 0 0 7px;line-height:1.3em;
background: transparent url("/Portals/0/custom3_back.gif")  no-repeat left center;
}

ul li.custom4
{
	 list-style-type: none;font: normal 110%  Arial, sans-serif;
margin:5px 0 0 0;padding:0 0 0 7px;line-height:1.3em;
background: transparent url("/Portals/0/custom3_back.gif")  no-repeat left top;
border-bottom: 1px solid #ccc; display:block;
}

ul.custom3 
{
	
margin:0 0 0 5px;padding:0;
}


h2.parks3  {color: #666; 
font:bold 120%  Arial, Helevetica, sans-serif;margin:15px 0 15px 0; padding:0;
clear:both;
}



p.solid {color: #000; 
font:normal 110%  Arial, Helevetica, sans-serif;line-height:1.3em; 
background:#FAFAFA url("/Portals/0/solid_back.gif") repeat-x left top;
padding:5px;margin:15px 0 15px 0 ; border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

div#photo {
background:#FAFAFA url("/Portals/0/solid_back.gif") repeat-x left top;
 border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

p.photo{color: #000; text-align:center;
font:normal 80%  Arial, Helevetica, sans-serif;line-height:1.3em; 
background:#FAFAFA url("/Portals/0/solid_back.gif") repeat-x left top;
padding:5px;margin:5px ; border:1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}


#emergency {text-align:left; background:#FAFAE8 url("/Portals/0/emergency_back.gif") repeat left top;
border:2px solid #dde91e;width:100%;}

#emergency p {padding:5px;line-height:1.5em;}


h2.recycle_float   {color: #fff; 
font:bold 150%  Arial, Helevetica, sans-serif;margin:10px 0 0 0; 
text-align:center;
padding:3px;
border:1px solid #ccc;
background:#1c6977 url("/Portals/0/h2_recycle_back.gif")  repeat-x left top;
}


#recycle {width:260px; float:left; margin:0 15px 15px 0;
padding:0;display:inline;}



ul li.custom5
{
	 list-style-type: none;font: normal 140%  Arial, sans-serif;
margin:0;padding:0;line-height:1.5em;

}

ul li.custom5 ul
{
	 
margin:0 0 0 10px;padding:0;font:normal 70%  Arial, Helevetica, sans-serif;

}



ul li.custom5 ul li a {color: #666;display:block;
border-bottom: none;
background: #fff url("/Portals/0/custom3_back.gif")  no-repeat left center;
margin:0;padding:0 0 0 10px;}

ul li.custom5 ul li a:visited {color: #666; display:block; 
border-bottom: none;
background: #fff url("/Portals/0/custom3_back.gif")  no-repeat left center;
margin:0;padding:0 0 0 10px; }

ul li.custom5 ul li a:hover {color: #fff; display:block; width: 300px;font-weight:bold;
border-bottom: none; background: #5F74A0; text-decoration:none;
margin:0;padding:0 0 0 10px; }




ul li.custom5 a {color: #000;display:block; width: 300px;
border-bottom: 1px solid #ccc;
background: #fff url("/Portals/0/custom3_back.gif")  no-repeat left center;
margin:0;padding:0 0 0 10px; }

ul li.custom5 a:visited {color: #000; display:block; width: 300px;
border-bottom: 1px solid #ccc; 
background: #fff url("/Portals/0/custom3_back.gif")  no-repeat left center; }


ul li.custom5 a:hover {color: #fff; display:block; width: 300px;font-weight:bold;
border-bottom: 1px solid #ccc; background: #5F74A0; text-decoration:none; }

ul li.custom5 li a {color: #666;display:block;
border-bottom: 1px solid #ccc;
background: #fff url("/Portals/0/custom3_back.gif")  no-repeat left center;
margin:0;padding:0 0 0 10px;}

ul li.custom5 li a:visited {color: #666; display:block; 
border-bottom: 1px solid #ccc; 
background: #fff url("/Portals/0/custom3_back.gif")  no-repeat left center;
margin:0;padding:0 0 0 10px; }

ul li.custom5 li a:hover {color: #fff; display:block; width: 300px;font-weight:bold;
border-bottom: 1px solid #ccc; background: #5F74A0; text-decoration:none;
margin:0;padding:0 0 0 10px; }

h2.faq  {color: #AF1717; 
font:bold 160%  Arial, Helevetica, sans-serif;margin:15px 0  5px 0; padding:0;

}

h3.faq  {color: #050D36; 
font:bold 130%  Arial, Helevetica, sans-serif;margin:10px 0  0 0; padding:0;

}

p.faq  {color: #000; 
font:normal 110%  Arial, Helevetica, sans-serif;margin:0 0 10px 0; padding:0; 
line-height:1.3em;

}

p.top  {color: #000; text-align:right;
font:bold 110%  Arial, Helevetica, sans-serif;margin:0 0 10px 0; padding:0; 
line-height:1.3em;background:#E8E5AD;

}

a#dnn_ctr3636_Feedback_cmdSend {color:#1C3964;
font:bold 80%  Verdana,Arial, Helevetica, sans-serif;
background:#fff url("/Portals/0/search_back.gif")  repeat-x left bottom;
padding:3px;border:2px solid #98A7BF;
letter-spacing:.1em;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;text-decoration:none;
}

a#dnn_ctr3636_Feedback_cmdSend:hover {background:#fff }



h2.blue_clear  {color: #7E0803; 
font:bold 150%  Arial, Helevetica, sans-serif;margin:15px 0  5px 0; padding:0;clear:both;

}



A.SkinObject:hover    {
    text-decoration:    underline;
    color:#0000ff;
}


a.ig_lgbluelink {display:none;}



#favorites ul { /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;background: #fff;
}

#favorites ul li {
list-style-type: none;
background: #fff url("/Portals/0/custom3_back.gif") no-repeat left center;
margin-top:3px;
}

#favorites ul li a {

font: bold 100% Helvetica, Arial, sans-serif; 
color: #000;
text-decoration: none;
padding: 2px 0 0 8px;

display:block;width:175px;}

}


#favorites ul li a:visited {

font: bold 100% Helvetica, Arial, sans-serif; 
color: #000;
text-decoration: none;
padding: 2px 0 0 8px;


}

#favorites ul li a:hover {

color: #000;text-decoration:underline;
}



#favorites h2 {color: #fff; 
font:bold 140%  Arial, Helevetica, sans-serif;margin:0; 
text-align:center;
padding:3px;
border:1px solid #ccc;
background:#545050 url("/Portals/0/favorites_h2_back.gif")  repeat-x left top;
}



.xsToolbarBackgroundTop{	border-bottom: #a1a1a1 1px solid;	
border-top: #a1a1a1 1px solid;	width: 100%;	
height: 26px;	padding-bottom: 0px;	margin-bottom: 3px;	
font-family: Tahoma;	font-size: 11px;	
color: #242424;	
background:#FAFAFA url("/Portals/0/solid_back.gif") repeat-x left top;	}
.xsToolbarBackgroundBottom{	border: #a1a1a1 1px solid;	
border-right: none;	border-left: none;	
width: 100%;	height: 18px;	padding-top: 0px;	
margin-top: 2px;	font-family: Tahoma;	font-size: 11px;	
font-weight: bold; 		color:  #242424;	text-align: center;	
background-color: #f0f0f0;	}
.xsToolbarLeft {    padding-right: 5px;	}
.xsToolbarRight {    padding-left: 5px;}
.xsStatusBar{	border-top: #a1a1a1 1px solid;	
border-bottom: #a1a1a1 1px solid;	
margin: 0;	padding: 0;	height: 26px;			
background:#FAFAFA url("/Portals/0/solid_back.gif") repeat-x left top;	}

div.selrow {    font-family:Verdana,Arial;   
 font-size:8pt;    color:#242424;   
 text-decoration:none;    cursor:pointer;   
 font-weight:bold;    border:#41DC45 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px}



UL LI   {
    list-style-type:  disc;font:normal 110%  Arial, Helevetica, sans-serif;lline-height:1.5em;
}


a.button:link {color: #000; 
font:normal 130%  Arial, Helevetica, sans-serif;
margin:10px 0 0 0; 
padding:10px;
border:1px solid #ccc;
background:#eee;}


a.button:visited {color: #000; 
font:normal 130%  Arial, Helevetica, sans-serif;
padding:10px;margin:10px 0 0 0; 
border:1px solid #ccc;background:#eee;}

a.button:hover {color: #ff0000; 
font:normal 130%  Arial, Helevetica, sans-serif;
padding:10px;margin:10px 0 0 0; 
border:1px solid #ccc;background:#fff;text-decoration:none;}



#NavigationToolbar a:link {display:inline;}

#NavigationToolbar a:visited {display:inline;}

#dnn_Header {position:relative;}

#share {position:absolute; top:100px;right:100px;background:#89D189;width:100px;height:20px;}



span#bread {float:left;

color:#ccc;
background:#5F4D3B;
 border-left:1px solid #666;
 border-right:1px solid #666; border-top:1px solid #666;
-moz-border-radius-topright: 3px;


-webkit-border-top-right-radius: 3px;margin0;padding:0 5px 0 5px;}

span#bread a:link {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}


span#bread a:visited {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread a:hover {color: #fff; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread_2 {float:left;

color:#ccc;
background:#5F7639;
 border-left:1px solid #666;
 border-right:1px solid #666; border-top:1px solid #666;
-moz-border-radius-topright: 3px;


-webkit-border-top-right-radius: 3px;margin0;padding:0 5px 0 5px;}

span#bread_2 a:link {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}


span#bread_2 a:visited {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread_2 a:hover {color: #fff; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread_3 {float:left;

color:#ccc;
background:#557E79;
 border-left:1px solid #666;
 border-right:1px solid #666; border-top:1px solid #666;
-moz-border-radius-topright: 3px;


-webkit-border-top-right-radius: 3px;margin0;padding:0 5px 0 5px;}

span#bread_3 a:link {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}


span#bread_3 a:visited {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread_3 a:hover {color: #fff; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread_4 {float:left;

color:#ccc;
background:#7E6F6F;
 border-left:1px solid #666;
 border-right:1px solid #666; border-top:1px solid #666;
-moz-border-radius-topright: 3px;


-webkit-border-top-right-radius: 3px;margin0;padding:0 5px 0 5px;}

span#bread_4 a:link {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}


span#bread_4 a:visited {color: #ccc; font:normal 70%   Arial, Helevetica, sans-serif;
}

span#bread_4 a:hover {color: #fff; font:normal 70%   Arial, Helevetica, sans-serif;
}

#facebox .b {
  background:url(/Portals/0/b.png);
}

#facebox .tl {
  background:url(/Portals/0/tl.png);
}

#facebox .tr {
  background:url(/Portals/0/tr.png);
}

#facebox .bl {
  background:url(/Portals/0/bl.png);
}

#facebox .br {
  background:url(/Portals/0/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}




h1.facebox {color: #000; 
font:bold 120%  Arial, Helevetica, sans-serif; }

p.facebox {color: #000; 
font:normal 100%  Arial, Helevetica, sans-serif;line-height:1.3em; }


p {color: #000; 
font:normal 110%  Arial, Helevetica, sans-serif;line-height:1.3em; 
padding:0; margin:10px 0 10px 0;}



h2.generic {font: bold 120% Arial, sans-serif; text-align:left; color:#052150; 
margin:5px 0 0 0;padding:0;}


#dnn_ctr411_Events_EventDetails_lblCreatedBy {display:none;}

#dnn_ctr411_Events_EventDetails_CreatedBy {display:none;}


#dnn_ctr411_Events_EventDetails_lblOn {display:none;}


#dnn_ctr411_Events_EventDetails_CreatedDate {display:none;}


	h2.community {color:#000;
				font: bold 160% Arial, sans-serif;text-transform:capitalize; 
border-top:1px solid #000;border-bottom:1px solid #000;padding:10px 0 10px 0;
margin-top:15px;}
		

		p.community {color: #000; 
font:normal 110%  Arial, Helevetica, sans-serif;line-height:1.3em; 
padding:0 0 0 20px; margin:10px 0 10px 0;
background:#fff url("/Portals/0/comm_p_back.gif")  no-repeat left top}


p.community_contact {text-align:center;}
	
	div#community_contact {width:170px; border:1px solid #000;background:#fff;margin-top:20px;}


UL LI LI {
    list-style-type:    circle;
}

UL.custom3 LI LI {
  color:#ccc;  list-style-type:    none;
}

UL.custom3 ul  {
    margin:0;
}

ol LI   {
   font:normal 110%  Arial, Helevetica, sans-serif;line-height:1.5em;
}


li.plain {  list-style-type:    none; margin:0;padding:0;line-height:1.5em;}


ul.rss-items {padding:10px 10px 10px 5px;margin:0;}



li.rss-item {color: #000; 
font:normal 110%  Arial, Helevetica, sans-serif;line-height:1.3em; margin-bottom:5px;
list-style: none;padding:0 0 0 15px;
background:transparent url("/Portals/0/rss_item_back.gif")  no-repeat left center
}




.rss-title {display:none;}



#rss {width:330px; margin-top:5px; 
background: #F0F5F0  url("/Portals/0/rss_back.gif")  repeat-x left top;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius:  3px;}

#rss2 {width:100%; margin-top:-5px; 
background: #F0F5F0  url("/Portals/0/rss_back.gif")  repeat-x left top;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius:  3px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { display: block;  }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 13px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }

a#active {color:#000;font-weight:bold;background:#F5FAFA;
border-bottom:1px dashed #000;}

span.title {display:none;}


#hor-minimalist-a
{
	font-family: Arial, Helvetica, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 5px;
	width:590px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	padding: 10px 0 5px 8px;
	border-bottom: 2px solid #ccc;
text-align: center;
	
}
#hor-minimalist-a td
{
	color: #031229;
	padding: 9px 8px 9px 8px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;
}

 .odd
{
	background: #f9f7f7; 
	
}



div#table {line-height: 1.6em;}

p.align_right {text-align: right;}

textarea{
	overflow:auto;
}

a:active, a:focus{
	outline:none;
}


#government {margin:10px 0 10px 0;
background:transparent url("/Portals/0/government_back.gif")  no-repeat right bottom; 

}

#bus {
background:transparent url("/Portals/0/bus_icon.gif")  no-repeat right top; 

}





#surround_shadow {width:1010px;
background:#DCDCE7 url("/Portals/0/surround_shadow_back_2.gif")  repeat-y left top;
margin:0 auto;}


#mayor_links  { background:#fff;margin:0 0 0 15px;
border:1px solid #eee;clear:both;}

h2.living {font: bold 200% Arial, sans-serif; text-align:left; color:#04274a; 
padding:10px 10px 10px 0;
}

		h3.living {font: bold 150% Arial, sans-serif; text-align:left; color:#04274a; 
padding:5px 10px 0 0;margin:0;
}

h2.living_2 {font: bold 200% Arial, sans-serif; text-align:left; color:#942E20; 
padding:0 0;clear:both;margin:10px 0 0 0;
}
		
		
#living {float:left;margin:10px;
background:#fff url("/Portals/0/living_back.gif")  repeat-x left top;
padding:3px;
border-right:1px solid #fff;
 -moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
display:inline;}


#business {float:left;
background:#fff;
margin:10px 10px 20px 5px;

display:inline;}



		h3.business {font: bold 150% Arial, sans-serif; text-align:left; color:#0F270F; 
padding:0 10px 0 0;margin:0;
}


h3.business A:link  {
  color: #0F270F;text-decoration:none;
}

h3.business A:visited   {    color: #0F270F;text-decoration:none;
}



h3.business A:hover {  color: #0F270F;text-decoration:underline;
}



p.nashua {  color:#D8F5DE; font: normal 120% "Trebuchet MS", Arial, sans-serif;
text-align:left; 
padding:10px;margin:10px 10px 15px 0;
background: #2E672A url("/Portals/0/p_nashua_back.gif")  repeat left top;
border:6px double #5f9857;
line-height:1.3em;
}



p.nashua a:link  {
color: #D8F5DE; text-decoration:underline;
}

p.nashua a:visited   {color: #D8F5DE; text-decoration:underline;
}

p.nashua a:hover    {color: #D8F5DE; text-decoration:none;
}

span#nashua {color:#fff;font-weight:bold;text-size:130%;}

#living img {float:right;margin:0 5px 5px 5px; border:2px solid #ccc;
-moz-box-shadow: 3px 3px 8px #666;
	-webkit-box-shadow: 3px 3px 8px #666;
	box-shadow: 3px 3px 8px #666;

}

#business img {float:right;margin:0 5px 5px 5px; border:2px solid #ccc;
-moz-box-shadow: 3px 3px 8px #666;
	-webkit-box-shadow: 3px 3px 8px #666;
	box-shadow: 3px 3px 8px #666;

}



#living_related {margin-top:0;}

#living_surround {margin:0; 
background: #fff url("/Portals/0/living_surround_back.gif")  repeat-x left top;
overflow:auto;height:100%;
border-right:1px solid #fff;
 -moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;}




h2#go_to  {color: #fff; 
font:bold 140%  Arial, Helevetica, sans-serif;margin:30px 0 15px 0; 
text-align:center;
padding:3px;
border:1px solid #ccc;
background:#6D893E url("/Portals/0/go_to.gif")  repeat-x left top}


h2#red  {color: #fff; 
font:bold 140%  Arial, Helevetica, sans-serif;margin:30px 0 15px 0; 
text-align:center;
padding:3px;
border:1px solid #ccc;
background:#CC3333 url("/Portals/0/h2_red_back.gif")  repeat-x left top}



#go_to ul {margin:-5px 0 0 3px;
padding:0 0 10px 0;
}

#go_to li {padding:0;margin:6px 0 0 0;
background: transparent url("/Portals/0/go_to_li_back.gif")  no-repeat left center;}



#go_to li a { margin:0 0 0 5px;padding:0 0 0 5px;}


 p#source {color: #555353; 
font:normal 90%  Arial, Helevetica, sans-serif;
font-style:italic; margin:10px;}



.box5 { width: 630px;
  background: #fff url(/Portals/0/box_4_back.gif) no-repeat bottom left;
 margin:20px 5px 0 10px;float:left;display:inline;overflow:auto;}	

.box5 h3 {
  margin: 0 0 10px 0;
  padding: 13px 8px 4px 16px;
  color: #55663A;
 font: bold 150% Arial, Helvetica, sans-serif;
 
  background: url(/Portals/0/box_3_h3_back.gif) no-repeat top left;
  }

  
  .box5 p {
  margin: 0 10px 20px 15px;
  padding: 0;
   color: #0F2917;
 font: normal 120% Arial, Helvetica, sans-serif;line-height:1.3em;
  
  }
 
 .box5 img {float:right;border:1px solid #fff; margin:0 15px 15px 10px;

-moz-box-shadow: 3px 3px 8px #666;
	-webkit-box-shadow: 3px 3px 8px #666;
	box-shadow: 3px 3px 8px #666;}
 
 .box5 img#collapse {float:left;border:none; margin:0 0 15px 15px;}



.box5 h3 A:link  {
  color: #663EA8;text-decoration:none;
}

.box5 h3 A:visited   {    color: #663EA8;text-decoration:none;
}



.box5 h3 A:hover {  color: #663EA8;text-decoration:underline;
}





p.arts_quote {color:#6e3c07;font: normal 150% Arial, Helvetica, sans-serif;
background:transparent url("/Portals/0/p_arts_quote_back.gif") no-repeat left top;
line-height:1.3em;
padding:10px;
}

p.henry {color:#666;text-align:right;
font: normal 90% Arial, Helvetica, sans-serif;
line-height:1.3em;
padding:5px;margin-top:-15px;

}

img#no_float {float:none;margin:15px 5px 5px 5px;border:none;
-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;}


p.arts {color:#6e3c07; font: normal 150% Arial, Helvetica, sans-serif;
line-height:1.3em;
background:#d7d00d url("/Portals/0/p_arts_back.gif") repeat-x left top;
padding:10px;
border:1px solid #b28657;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;


}

#arts {
line-height:1.3em;
background:#B8D7D2 url("/Portals/0/arts_back.gif") repeat-x left top;

border:1px solid #8EB9B2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#pull_quote {float:right;
color:#172E58; font: normal 150% Arial, Helvetica, sans-serif;
line-height:1.3em;width:250px;padding:10px;
border-left:2px solid #ccc;
margin:5px;}




/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 15px 0 1px;list-style: none;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: #fff;list-style: none;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;list-style: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

  .ui-tabs-nav a:hover  { color: #27537a;text-decoration: none;}

.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
border-top:1px solid #97A5B0;
border-right:1px solid #97A5B0;
border-left:1px solid #97A5B0;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav, .ui-tabs-selected a,  .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;    text-decoration: none;    

}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;

}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;color: #000;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited 
{ /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active 
{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#container-1 {margin:20px 0 20px 0;}


#dnn_sitemap a:link {font: normal 150% Arial, Helvetica, sans-serif;}


a#ctlURL_cmdSave {font: normal 100% Arial, Helvetica, sans-serif; }





/* Styles for Park Filter Search*/

.qs_input {color:#666;}
.qs_label  {color:#000; font-size:100%;}
		
		
.odd, .r1 { background: #fff; }
.even, .r2 { background: #f7f7f7; }

form.quicksearch label { display: block; }
form.quicksearch label span { color: #666; font-size: 93%;}
form.quicksearch textarea { width: 100%; }
form.quicksearch fieldset { border: 10px solid #f7f7f7; background: #fff; 
padding: 20px; margin: 0; }

form.quicksearch {padding:10px; 
background: #EDE8CE url("/Portals/0/quicksearch_back.gif") repeat-x left top;margin:0 0 5px 0;
border:1px solid #D8CFA3;}
form.quicksearch label { display: inline; }
form.quicksearch input { margin-left: 5px; width: 500px; border-top:1px solid #666;
border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #666}
form.quicksearch img { vertical-align: middle; margin-left: 5px; }


#table_example { width: 100%; border-collapse: collapse; }
#table_example thead th { color: #fff; text-align:center;
font-size:120%;background: #333; border-right:1px solid #fff;
border-left:1px solid #fff;}
#table_example th, #table_example td {font: normal 70% Arial, Helvetica, sans-serif; 
color:#000;text-align: left;border-bottom: 1px solid #ccc; 
padding: 5px; }

#table_example th {font-weight:bold;}

#faq {display:none;}


#vision {
background:#f6fafc url("/Portals/0/vision_back.gif")  repeat-x left top; 
border:1px solid #8A95BE; margin-top:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#vision p {color:#000; 
font: normal 120%  Arial, sans-serif; line-height:1.3em; margin:5px; padding:0;}

#vision img {margin:5px; float:none; border:none;}

#citysend {color:#000; text-align:left;
font: normal 130%  Arial, sans-serif; line-height:1.3em; margin:5px;
 padding:0;background:#eee;overflow:hidden;}

#meter {width: 400px;height: 150px;
background:#fff url("/Portals/0/Transportation/meter.gif")  no-repeat right top;
}

#nts {width: 400px;height: 150px;
background:#fff url("/Portals/0/Transportation/nts.gif")  no-repeat right top;
}

#summary img {float:left;margin:10px 10px 10px 0;border:none;}

#summary p {color:#000; text-align:left;
font: normal 90%  Arial, sans-serif;}


div.alert {font: normal 120%  Arial, sans-serif;margin:30px 10px 10px 10px;
background:#fff url("/Portals/0/alerts_back.gif")  repeat-x left bottom;}

div.alert h3 {color:#000; text-align:left;
font: normal 150%  Arial, sans-serif;margin:0 0 10px 0; padding:5px; 
background:#fff url("/Portals/0/alerts_back.gif")  repeat-x left bottom;
border-bottom:1px solid #ccc;}

div.alert p {color:#000; text-align:left;
font: normal 100%  Arial, sans-serif;margin:5px;line-height:1.5em;
}


h3#streets_alert {
background:#fff url("/Portals/0/streets_alert_back.gif") no-repeat left center;
padding-left:35px;}

h3#waste_alert {
background:#fff url("/Portals/0/waste_alert_back.gif") no-repeat left center;
padding-left:35px;}


h3#parks_alert {
background:#fff url("/Portals/0/parks_alert_back.gif") no-repeat left center;
padding-left:35px;}

h3#fire_alert {
background:#fff url("/Portals/0/fire_alert_back.gif") no-repeat left center;
padding-left:35px;}

h3#schools_alert {
background:#fff url("/Portals/0/schools_alert_back.gif") no-repeat left center;
padding-left:35px;}

h3#police_alert {
background:#fff url("/Portals/0/police_alert_back.gif") no-repeat left center;
padding-left:35px;}


h3#health_alert {
background:#fff url("/Portals/0/health_alert_back.gif") no-repeat left center;
padding-left:35px;}

h3#city_alert {
background:#fff url("/Portals/0/city_alert_back.gif") no-repeat left center;
padding-left:35px;}

h3#library_alert {
background:#fff url("/Portals/0/library_alert_back.gif") no-repeat left center;
padding-left:35px;}


p#updated {font: bold 100%  Arial, sans-serif;color:#000;
float:right; margin:15px 20px 0 0;background:#ebfcfb;border:1px solid #d9efee;
padding:5px;
display:inline;}

p#red {color: #310303; font: normal 130% Arial, Helvetica, sans-serif;
 background:#F7E3E3  url("/Portals/0/alert_home.gif")  no-repeat left center; 
padding:10px 10px 10px 55px;margin:10px 0 10px 0;border:1px solid #C16A6A;
line-height:1.3em;}

p.yellow {color: #310303; font: normal 110% Arial, Helvetica, sans-serif;
 background:#F7F5E3; 
padding:10px;margin:10px 0 10px 0;
border:1px solid #EAE8C9;line-height:1.3em;}


#wrapper_web_inside {width: 848px;height:168px;
background:#fafafb url(/Portals/0/left_info_column_back.gif) repeat-x left bottom; 
margin:17px 0 0 70px;border:2px solid #A2B7D8;float:left;display:inline;}
 

 
 /*
 * Color, Border, and Button Rules
 */  
.contentslider {
  padding:0; /* This acts as a border for the content slider */
  background:transparent; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:transparent; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:20px; /* Should be as wide as the button graphic being used */
  background:transparent; /* This will probably match the contentslider bg color */
}

/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */


.cs_article .readmore {
  font-size:80%;
}

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

 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 **************************************************

 */
.contentslider {
  position:relative;
  display:block;
 width: 848px;height:168px;
  margin:0 auto;
  
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  top:0;
  left:0;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;

width: 848px;height:168px;

}

.left_info_column  {float:left; width:210px; height: 168px;
background:#fafafb url(/Portals/0/left_info_column_back.gif) repeat-x left bottom;
overflow:hidden;border-left:1px solid #F3F5FA;}




.left_info_column  p {color:#4B4B4B; font: normal 110% Arial, Helvetica, sans-serif; 
text-align:left;margin:10px 15px 10px 10px;line-height:1.3em;}

.left_info_column  h2.work_info {color:#333; font: normal 140% Arial, Helvetica, sans-serif; 
text-align:left;margin:15px 15px 5px 10px;}

.left_info_column img {float:left;
border:2px solid #ccc;margin:10px 5px 5px 10px;padding:0;
}

.left_info_column img:hover {float:left;
border:2px solid #A2B7D8;margin:10px 5px 5px 10px;padding:0;
}

.left_info_column img#no_float {float:none;
border:2px solid #ccc;margin: 10px 5px 0 5px;padding:0;
}


.right_image_column {float:left; width:621px; height: 346px; 
background:transparent;overflow:hidden;}


.cs_article h2 {

}


.cs_article .readmore {
  display:block;
  width:26%;
  margin:0 6% 1% 68%;
  text-align:right;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:168px;
  padding:0;
  z-index:10000;
}
.cs_leftBtn {
  left:-30px;
  outline:0;
}
.cs_rightBtn {
  right:-30px;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:0;
  margin:0;
}


#marker {position: relative; z-index: 0;}

#marker_2 {position: relative; z-index: 0;}

a#feedback {color:#eee;position: absolute; top: 0; right: 15px; z-index: 100;
background:#666;padding:5px;border:none;}



span #dnn_ctr3650_Events_EventDetails_Panel1 {display:none;}





/* ================================
    CSS STYLES FOR NTS
   ================================
*/   


/* img, div { behavior: url(http://www.nashuanh.gov/portals/0/iepngfix.htc); } */

#alert_nts {

	background-color:#3b3b3b;
	
	margin-left:20px;
	text-align:left;
	width: 480px;
	}
	
#center_col_body #alert_nts p {
	color:#FFFFFF;
	margin:0px;
	padding:5px;
	}
	
#center_col_body #alert_nts p a {
	color:#FFFFFF;
	text-decoration:underline;
	margin:0px;
	padding:0px;
	}
	
#fpo {
	height:140px;

	
	}

#master {
	width:990px;

	margin-left:auto;
	margin-right:auto;
	}
	
#nav_top {
	height: 42px;
	margin:0;
	overflow:hidden;
	background-image:url(/Portals/0/structure_05.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 680px;
	}
	
#nav_bottom {
	height: 56px;
	font-family: 'Verdana';
	font-size:13px;
	margin:0px;
	padding:0px 0px 0px 153px;
	background-image:url(/Portals/0/structure_09.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
#left {
	font-family:'Arial';
	width:204px;
	float:left;position:relative;
	}
	
#trip_plan {
text-align:left;
	font-family: 'Verdana';
	width:164px;
	padding:10px 15px 10px 15px;
margin-bottom:10px;
	}
	
#trip_plan h1 {
text-align:left;
	font-size:110%;
	color:#00529b;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#trip_plan p {
	font-size:10px;
	color:#333333;
	margin:0px 0px 0px 0px;
	}

#left_col_body {
	background-image:url(/Portals/0/tripplanner_21.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	}

#left_col_body p.markie_says {
	font-size:14px;
	font-weight: bold;
	font-style:italic;
	color:#00529b;
	margin:0px 30px 0px 30px;
	padding:0px;
	text-decoration:none;
	}	

#left_col_body p.markie_says a:link, #left_col_body p.markie_says a:visited {
	color:#00529b;
	text-decoration:none;
	}
	
#left_col_body p.markie_says a:hover {
	color:#00529b;
	text-decoration:underline;
	}
	
#left_col_top {
	overflow:hidden;
	height:16px;
	background-image:url(/Portals/0/caps_11.png);
	background-position:right;
	background-repeat:no-repeat;
	}	
	
#left_col_base {
	height:20px;
	background-image:url(/Portals/0/structure_23.png);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#right {
	width:251px;
	float:right;position:relative;
	}
	
#right p.text_size {
	font-family:'Verdana';
	color:#ffffff;
	font-size:15px;
	text-align:center;
	margin:0px;
	padding:0px;
	}
	
#right p.text_size a:link, #right p.text_size a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
#right p.text_size a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
#right_col_body {
	
	overflow:hidden;
	width:251px;
	background-image:url(/Portals/0/structure_16.png);
	background-position:left;
	background-repeat:repeat-y;
	}
	
#right_col_body a img {border: 1px solid #00529b;
	
	}
	
#right_col_top {
	overflow:hidden;
	height:16px;
	background-image:url(/Portals/0/caps_13.png);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#right_col_base {
	height:17px;
	background-image:url(/Portals/0/structure_21.png);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#center {	
text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	width:534px;
	float:left;position:relative;
	}
	
#center p.footer {
	font-family:'Verdana';
	color:#ffffff;
	font-size:11px;
	text-align:center;
	margin:0px 0 20px 0;
	padding:0px;
	}
	
#center p.footer a:link, #center p.footer a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
#center p.footer a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	
#center_col_body {
	width:534px;
	overflow:hidden;
	padding-bottom:0px;
	background-image:url(/Portals/0/structure_18.png);
	background-position:left;
	background-repeat:repeat-y;
	}
	
#center_col_body p {
	font-size:13px;
	color:#333333;
	margin:10px 20px 0px 20px;
	padding:0px;
	}
	
#center_col_body p a:link, #center_col_body p a:visited {
	font-weight:bold;
	color:#00529b;
	text-decoration: none;
	}
	
#center_col_body p a:hover {
	color:#00529b;
	text-decoration: underline;
	}
	
#center_col_body ul li {
	font-size:13px;
	color:#333333;
	margin:0px 25px 10px 20px;
	padding:0px;
	}
	
#center_col_body ul li a:link, #center_col_body ul li a:visited {
	font-weight:bold;
	color:#00529b;
	text-decoration:none;
	}
	
#center_col_body ul li a:hover {
	color:#00529b;
	text-decoration:underline;
	}
		
#center_col_body h1 {
	font-size:16px;
	color:#00529b;
	margin: 0px 20px 10px 20px;
	padding:0px;
	}
	
#center_col_body h2 {
	font-size:14px;
	color:#00529b;
	margin: 10px 20px 10px 20px;
	padding:0px;
	}
	
#center_col_body h3 {
	font-size:13px;
	color:#00529b;
	margin: 15px 20px 10px 20px;
	padding:0px;
	}
	
#center_col_body h2.table {
	font-size:14px;
	color:#00529b;
	margin: 10px 20px 5px 20px;
	padding:0px;
	}
	
#center_col_body p.table_body {
	font-size:13px;
	color:#333333;
	margin:0px 20px 5px 20px;
	padding:0px;
	}
	
#center_col_top {
	overflow:hidden;
	height:16px;
	background-image:url(/Portals/0/caps_12.png);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#center_col_base_home {
	height:125px;

	background-image:url(/Portals/0/markielayingdown.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	

	}
	
#center_col_base {
	height:40px;
	background-image:url(/Portals/0/structure_24.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:10px;
	}

#center_col_base p.bread_crumbs {
	font-size:14px;
	color:#00529b;
	margin:0px 20px 0px 20px;
	}
	
#center_col_base p.bread_crumbs a:link, #center_col_base p.bread_crumbs a:visited {
	text-decoration: underline;
	color:#00529b;
	}

a img  {
	border:none;
	padding:0px;
	margin:0px;
	}
	
.float_right {
	float:right;margin:0 6px 0 0;
	}
	
#center_col_base_home p.bread_crumbs {
	font-size:14px;
	color:#00529b;
	margin:0px 20px 0px 20px;
	}
	
#center_col_base_home p.bread_crumbs a:link, #center_col_base_home p.bread_crumbs a:visited {
	text-decoration: underline;
	color:#00529b;
	}
	
#social_media {
	text-align:center;
	margin-top:5px;
	}

#tips {
	width:103px;
	height:255px;
	float:right;
	background-image:url(/Portals/0/markie_tips.png);
	background-repeat:no-repeat;
	}
	
#image {
	float:left;
	width:275px;
	padding-left:25px;
	margin-right:10px;
	}

.form {
	margin-top:10px;
	}


.ddsmoothmenu{
font-weight: bold;
font-size: 100%;

/*background of menu bar (default state)*/
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;text-align:left;
/*background of menu items (default state)*/
color: white;
padding: 8px 16px 8px 16px;
border-right: 1px solid #FFFFFF;
color: #FFFFFF;
text-decoration: none;

}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: white;
}

.ddsmoothmenu ul li a:hover{
/*background of menu items during onmouseover (hover state)*/
color: #ffde55;text-decoration: none;

}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 150px; /*width of sub menus*/
padding: 7px 0px 7px 13px;
margin-top: 0px;
background-color:#0b78d9;
border:none;
}

.ddsmoothmenu ul li ul {
border:1px solid #00529b;
background-color:#0b78d9;
}

.ddsmoothmenu UL LI LI {
    list-style-type:    none;
}



/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: grey;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/* ================================
   END CSS STYLES FOR NTS
   ================================
*/  

p.right {float:right; margin:15px;display:inline;}

p#breadcrumb {font: normal 60% Arial, Helvetica, sans-serif; margin:0;
padding: 0 20px 10px 20px;}

p#breadcrumb a:link, p#breadcrumb a:visited {
font: bold 90% Arial, Helvetica, sans-serif; 
	text-decoration:underline;
background:#fff;
	}


#a_center  {text-align: left; font: normal 100% Arial, Helvetica, sans-serif;font-style:italic }

	#easyTooltip{

font: bold 80% Arial, Helevetica, sans-serif;

text-align:left;

	padding: 10px;

	border:1px solid #a75f0d;

	background:#ce7612 url("/Portals/0/tooltip_back.gif") repeat-x bottom left;

	color:#fff;

	

	line-height:1.5em;

	}



h2.expand {font: normal 120% Arial, Helvetica, sans-serif; 
text-align:left;margin:0;padding:0;
background:#eee;}

h2#expand {font: normal 14px Arial, Helvetica, sans-serif; 
text-align:left;margin:0 10px 0 15px;padding:0;
background:#eee;}




h2.posted {font: normal 80% Arial, Helvetica, sans-serif; 
text-align:right;margin:20px 0 0 0;padding:0;}



h2#posted {font: normal 10px Arial, Helvetica, sans-serif; 
text-align:right;margin:20px 10px 0 0;padding:0;}

.expand a:link, .expand a:visited {
margin:0;padding:10px;  border:1px solid #ccc;

  background-image:url(/Portals/0/arrow-down.gif);   background-repeat:no-repeat;
   background-position:98% 50%;text-decoration:none;
}


.expand a:hover {
background-color:#eae4d9;
color:#ff0000;
text-decoration:none;
}




.expand a.open:link, .expand a.open:visited {
color:black;
  background-image:url(/Portals/0/arrow-up.gif);   background-repeat:no-repeat;
   background-position:98% 50%;text-decoration:none;
}

.expand a.open:link {background-color:#eae4d9;}


p.switch {text-align:right; margin:0 10px 0 0}

p#switch {font: normal 100% Arial, Helvetica, sans-serif; text-align:right; margin:15px 25px 0 0}

div.collapse {color:#000; font: normal 100% Arial, Helvetica, sans-serif;margin:15px; }

div#collapse p {margin:0 10px 0 10px;padding:0; }

div.collapse img {float:left;border:none;margin:10px;}

p#more_announce {text-align:right;margin:10px;}

h2.announcements {color:#15171F;font: bold 160% Arial, sans-serif; 
margin:25px 0 5px 0; padding:0;border-bottom:1px solid #ccc;
background:#fff url("/Portals/0/header_back.gif")  repeat-x left bottom;clear:both;}