/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   margin: 0px;
   font-family: verdana, arial, helvetica, sans-serif;
   text-align: center;
   /* font-size: 62.5%; */
   font-size: 12px;
   line-height: 140%;
   color: #fff;
   background-color: #000;
}

a:link, a:visited { color: #39F; text-decoration: underline; }
a:hover, a:active { color: #999; text-decoration: none; }

h1
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 14px;
   color: #ffde40;
   margin: 0px 0px 14px 0px;
   padding: 0px;
}

h2
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 14px;
   color: #FFD34B;
   margin: 0px 0px 14px 0px;
   padding: 0px;
}

img { border: 0px; }

form 
{
   display: inline;
   margin: 0px;
   padding: 0px;
}

table.cmnTable{ 
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}

.tableCell{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 11px;
   color: #000000;
}
/*------------------------------------------------------------
   Page Sections
------------------------------------------------------------*/
#homePage, #subPage, #deptPage, #detailPage, #infoPage
{
   width: 702px;
   margin: 30px auto 30px auto;
   padding: 0px;
   text-align: left;
   background-color: #000;
}

#header
{
   margin-bottom: 4px;
}

#homePage #more a:link, #homePage #more a:visited { color: #008000; text-decoration: underline; }			/** USED FOR <<< MORE WORDS **/
#homePage #more a:hover, #homePage #more a:active { color: #008000; text-decoration: underline; }

/*------------------------------------------------------------
   Nav Bar
------------------------------------------------------------*/
#nav
{
   margin: 0px;
   padding: 6px 0px 6px 0px;
   background-color: #000;
   /* height: 16px; */
   float: none;
   /* float: left; -- this way previously */
}

#nav ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   /* background-color: #222; */
}

#nav li
{
   display: inline;
   font-size: 12px;
}

#nav li a
{
   margin: 0px 0px 0px 7px;
   padding: 6px 13px 6px 7px;
   text-decoration: none;
}

#nav li.active a
{
   color: #fff;
   background-color: #1C1C1C;
   background-image: url(../_images_/tabFlap.gif);
   background-repeat: no-repeat;
   background-position: right;
   text-decoration: none;   
}

#nav a:link, #nav a:visited { color: #999; text-decoration: none; }
#nav a:hover, #nav a:active { color: #39F; text-decoration: underline; }


#searchBox
{
   width: 156px;
   height: 23px;
   float: right;
}

#searchBox #inputBox
{
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 9px;
   margin: 0px;
   padding: 0px;
   width: 116px;
   height: 15px;
   border: solid 1px #999;
}

#searchBox #goButton
{
   margin: 0px;
   padding: 0px;
}

/*------------------------------------------------------------
   Subnav Bar (left hand side of page)
------------------------------------------------------------*/
#subnavBar
{
   padding: 0px;
   float: left;
}

#subnav
{
   list-style-type: none;
   margin: 0px 0px 10px 15px;
   padding: 0px;
   width: 165px;
   /* background-color: #000; */
}

#subnav2
{
   list-style-type: none;
   padding: 0px 0px 0px 20px;
   margin: 3px 0px 7px 0px;
}

#subnav li, #subnav2 li
{
   font-size: 12px;
   line-height: 160%;
   border-bottom: 1px solid #b1b1b1; 
   padding: 8px;
}

#subnav li a { color: #50a7e8; text-decoration: none; }
#subnav2 li a { color: #50a7e8; }
#subnav li.active a { color: #FFFFFF; text-decoration: none}
#subnav2 li.active a { color: #C7A63F; }

#subnav a:link, #subnav a:visited { color: #50a7e8; text-decoration: none}
#subnav a:hover, #subnav a:active { color: #FFFFFF; text-decoration: none}

#subnav2 a:link, #subnav2 a:visited { color: #50a7e8; }
#subnav2 a:hover, #subnav2 a:active { color: #C7A63F; }

#subnavBar #formsNboards a:link, #subnavBar #formsNboards a:visited { color: #FFFFFF; text-decoration: none}
#subnavBar #formsNboards a:hover, #subnavBar #formsNboards a:active { color: #50a7e8; text-decoration: none}

#subnavBar #formsNboards
{
   margin: 20px 0px 0px 0px;
   padding: 20px 0px 0px 15px;
   width: 165px;
}

#subnavBar #info
{
   margin: 20px 0px 0px 0px;
   padding: 20px 0px 0px 15px;
   width: 165px;
}

/*------------------------------------------------------------
   Sidebar (right hand side of page)
------------------------------------------------------------*/
#sideBar
{
   padding: 5px 0px 0px 0px;
   width: 156px;
   float: right;
   font-size: 11px
}

#sideBar a:link, #sideBar a:visited { text-decoration: none; }
#sideBar a:hover, #sideBar a:active { text-decoration: none; }

#sideBar h2 { margin: 15px 0px 10px 0px; }
#sideBar #event { margin: 10px 0px 10px 0px; }
#sideBar ul {  margin-left: 0px;  padding-left: 25px; }


#sideBar select
{
   margin-bottom: 12px;
   width: 156px;
}

#sideBar .date { color: #666; }

#sideBar #logo1 
{ 
   margin-top: 9px;
}

#sideBar #logo2
{
   margin-top: 9px;
}

/*------------------------------------------------------------
   Home Page Content
------------------------------------------------------------*/
#homePage #contentFrame
{
   width: 525px;
   float: left;
}

#homePage #news
{
   width: 100%;
   margin: 0px;
   padding: 20px 0px 20px 0px;
   clear: both;
   background-color: #1C1C1C;
}

#homePage #news h1 { margin-left: 25px; }
#homePage #news p { margin: 0px 25px 10px 25px; clear: both; }
#homePage #news .photo { float: left; margin: 0px 15px 15px 0px; }
#homePage #news .date { color: #666; }

#homePage #EventsBox
{
   float: left;
   width: 220px;
   margin-left: 12px;
   margin-right: 2px;
   padding: 5px 10px 5px 10px;
   clear: none;
   background-color: #333232;
}

#homePage #TrafficBox
{
   float: right;
   width: 220px;
   margin-right: 12px;
   padding: 5px 10px 5px 10px;
   clear: none;
   background-color: #333232;
}

#homePage #mayorsBox
{
   float: left;
   width: 523px;
   margin: 5px 0px 0px 0px;
   padding: 10px 0px 10px 0px;
}

#homePage #mayorsBox 
{
   margin-right: 00px;
   border: solid 2px #262626;
}

#homePage #mayorsBox h2 { margin-left: 25px; }
#homePage #mayorsBox p { margin: 0px 25px 10px 25px; }

#homePage #featureBox { float: right; }

/*------------------------------------------------------------
   SubPage Content
------------------------------------------------------------*/
#subPage #contentFrame
{
   background-color: #1C1C1C;
   padding: 20px 0px 20px 0px;
   width: 525px;
   float: left;
}

#subPage #content
{
   margin: 0px 0px 0px 0px;
   padding: 0px;
   border-left: solid 1px #666;
   width: 344px;
   float: right;
}

#subPage #content p { margin: 0px 15px 10px 15px; }
#subPage #content li { margin-right: 15px; }
#subPage #content h1 { margin-left: 15px; }
#subPage #content h2 { margin: 20px 0px 14px 15px; }

#subPage #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 15px 15px 15px;
   width: 120px;
}

#subPage #content .photo img { margin-bottom: 8px; }

/*------------------------------------------------------------
   Department Page Content
------------------------------------------------------------*/
#deptPage #contentFrame
{
   background-color: #1C1C1C;
   padding: 20px 0px 20px 0px;
   width: 525px;
   float: left;
}

#deptPage #content
{
   margin: 0px 0px 0px 0px;
   padding: 0px;
   border-left: solid 1px #666;
   width: 344px;
   float: right;
}

#deptPage #content p { margin: 0px 15px 10px 15px; }
#deptPage #content li { margin-right: 15px; }
#deptPage #content h1 { margin-left: 15px; }
#deptPage #content h2 { margin: 20px 0px 14px 15px; }



#deptPage #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 15px 15px 15px;
   width: 120px;
}

#deptPage #content .photo img { margin-bottom: 8px; }


/*------------------------------------------------------------
   Detail Page Content
------------------------------------------------------------*/
#detailPage #contentFrame
{
   background-color: #1C1C1C;
   padding: 20px 0px 20px 0px;
   width: 702px;
   float: left;
}

#detailPage #content
{
   color: #FFF;
   background-color: #1C1C1C;
   margin: 0px 25px 0px 0px;
   padding: 20px 0px 20px 0px;
   width: 497px;
   float: right;
}

#detailPage #content h1 
{ 
   color: #ffd46e;
   margin-left: 25px;
   font-size: 14px;
}

#detailPage #content h2
{ 
   color: #ffd46e;
   margin-left: 25px;
   font-size: 14px;
}

#detailPage #content p { margin: 0px 15px 10px 25px; }
#detailPage #content li { margin-right: 15px; }

#detailPage #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 25px 15px 15px;
   width: 120px;
}

#detailPage #content .photo img { margin-bottom: 8px; }

#detailPage #content a:link, #detailPage #content a:visited { color: #39F; text-decoration: underline; }
#detailPage #content a:hover, #detailPage #content a:active { color: #999; text-decoration: none; }



/*------------------------------------------------------------
   Photo Gallery Content
------------------------------------------------------------*/
#photoGallery #contentFrame
{
   background-color: #1C1C1C;
   padding: 20px 0px 20px 0px;
   width: 702px;
   float: left;
}

#photoGallery #content
{
   color: #000;
   background-color: #fff;
   margin: 0px 25px 0px 0px;
   padding: 20px 0px 20px 0px;
   width: 702px;
   float: right;
}

#photoGallery #content h1 
{ 
   color: #06f;
   margin-left: 25px;
   font-size: 14px;
}

#photoGallery #content h2
{ 
   color: #1c1c1c;
   margin-left: 25px;
   font-size: 14px;
}

#photoGallery #content p { margin: 0px 15px 10px 25px; }
#photoGallery #content li { margin-right: 15px; }

#photoGallery #content .photo
{
   font-size: 9px;
   line-height: 120%;
   float: right; 
   margin: 0px 25px 15px 15px;
   width: 120px;
}

#photoGallery #content .photo img { margin-bottom: 8px; }

#photoGallery #content a:link, #photoGallery #content a:visited { color: #39F; text-decoration: underline; }
#photoGallery #content a:hover, #photoGallery #content a:active { color: #999; text-decoration: none; }


/*------------------------------------------------------------
   Info Page Content
------------------------------------------------------------*/
#infoPage #contentFrame
{
   background-color: #fff;
   color: #000;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px 20px 0px;
   width: 702px;
   clear: both;
}

#infoPage h1 
{ 
   color: #06f;
   margin-left: 25px;
}

#infoPage p { margin: 0px 25px 10px 25px; }

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#footer
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   background-color: #000;
   padding-top: 13px;
   width: 100%;
   clear: both;
}

#footer #printIcon, #footer #print, #footer #emailIcon, #footer #email, #footer #links, #footer #copyright
{
   float: left;
   height: 16px;
}

#footer #print { width: 100px; }
#footer #email { width: 150px; }
#footer #copyright { float: right; width: 156px; }

#footer #printIcon, #footer #emailIcon { margin-right: 6px; }
#footer #print, #footer #email, #footer #links, #footer #copyright { margin-top: 3px; }

#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #999; text-decoration: underline; }
.sideLink{
	text-align:center;
}
.sideLink img{
	border:none;
	padding-top:2em;
}
.sectionImg #subPage #contentFrame{
	width: 100%;
}
.sectionImg #subPage #content {
	width: 390px;
	margin-left:148px;
	float:none;
}
.sectionImg #subPage .imgBar {
	float: right;
	width: 155px;
}
.sectionImg #subPage .imgBar img {
	margin-top:13px;
}
.sectionImg #subnav{
	width:134px;
}
.hide_label{
	display: none;
}