html body {
	font-size:70.5%;
	font-style:normal;
	line-height: 1.3em;
	background-color:#1f1f1f;
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin-top:0;
	margin-bottom:0;
	font-family: "Arial";
}

h1
{
    font-family:Arial;
    color: Gray;
    text-align:center;
    margin-top:35px;  
    
    }


#wrapper11a {
	border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin: 0 auto;
    padding-bottom:2px;
    padding-bottom:5px;
	    width:900px;
	height:790px;
	    background-color:#ffffff;
	    overflow:hidden;
}

#bigo
{

    padding: 35px 0px 0px 0px;

    
}




#hometopleft
{
margin-left:5px;
	margin-top:15px;
   width:580px;
	height:216px; 
    float:left;
    padding: 3px 3px 3px  3px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
     color:#8c8c8c;
    
}




#hometopright
{
    margin-left:-30px;
	margin-top:0px;
   width:330px;
	height:239px; 
    float:right;
    padding: 1px 1px 1px 1px;
    color:#8c8c8c;
   

}



#homerow2RBV
{
    margin-left:5px;
	margin-top:40px;
     padding: 10px 5px 5px 0px;
     border-right: 1px solid #cccccc;
   width:90px;
	height:240px; 
    float:left;
    color:#8c8c8c;
    
}

#homerow2LookingFor
{
     margin-left:5px;
	margin-top:40px;
     padding: 0px 5px 0px 0px;
   width:160px;
	height:245px; 
    float:left;
      color:#8c8c8c;
    
}
#homerow2MCVision
{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-left:5px;
	margin-top:40px;
     padding: 0px 5px 5px 5px;
   width:211px;
	height:240px; 
    float:left;
      color:#8c8c8c;
    
}
#homerow2Social
{
     margin-left:5px;
	margin-top:40px;
     padding: 0px 5px 5px 0px;
   width:218px;
	height:240px; 
    float:left;
      color:#8c8c8c;
    
}



.homelist {

    color:#8c8c8c;

}

.homelist p{
    
    
    color:#8c8c8c;
   
}

.homelist a {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}
.homelist li{
    list-style:square inside;
    margin-left:13px;
    color:#8c8c8c;
    list-style-position: outside;
    padding-top:11px;
}

.homelist ul li a 
{
    
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;

}

.homelist li a:link {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

.homelist li a:visited, hover, active {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

.homelist li a:hover {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

.homelist li a:active {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}




#wrapper {
	margin: 0 auto;
	padding-bottom:5px;
	width:900px;
	height:100%;
	background-color:#eeeeee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	overflow:hidden;
}

.top {
    width:900px;
    height:30px;
    margin:auto;
    background-color:#FFFFFF;
    float:none;
}

.es {
	margin-top:5px;
	margin-left: 10px;
	font:Arial, Verdana;
	font-size:9px;
	font-style:normal;
	width:60px;
	height:25px;
	background-color:#FFFFFF;
	float:left;
}

.search {
    margin-top:2px;
	font: "Arial Black";
	font-size:1.0em;
	font-style:normal;
}

.input {
	margin:1px 5px 0 5px;
	padding: 2px;
	height:13px;
	border: 1px solid #000;
	background-color: #FFFFFF;
}
.input:hover {
	margin:1px 5px 0 5px;
	padding: 2px;
		height:13px;
	border: 1px solid #000;
	background-color: #f8f8f8;
}
.button {
    border: none;
    background: none;
	margin-top:-2px;
	padding: 1px;
	width:25px;
    font-weight:bold;
	font-size:1.0em;
	color:#FFFFFF;
}
.button:hover {
    border: none;
    padding: 1px;
    font-weight:bold;
	font-size:1.0em;
	color:#FFFFFF;
}
label {
    display: block;
    width: 100px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }

/* Header*/
#header{
  top:25px;
  margin:auto;
  width:900px;
 }
 
  #headerm1{
  top:25px;
  float: left;
  margin:auto;
  width:60px;
 }
  #headerm2{
  top:25px;
  float: left;
  margin:auto;
  width:840px;
 }

/*Navigation---------------------------------------------------------------------------------------Navigation*/

.ddsmoothmenu{
border-top: solid 1px #fff;
font: bold 11px arial;
background: #14331d; /*background of menu bar (default state)*/
background-color:#14331d;
width: 1100px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu 
{
font: bold 10px arial;
}
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
background: #14331d; /*background of menu bar (default state)*/

}

/*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;
background-image:url(../images/com-navi.jpg) center center repeat-x;
background: #14331d; /*background of menu items (default state)*/
color: #fff;
padding: 8px 20px;
border-right: 1px solid #fff;
text-decoration: none;

}

@media screen and (-webkit-min-device-pixel-ratio:0){
.ddsmoothmenu ul li a 
{
padding: 8px 28px 8px 27px;
text-align:center;

}
}

* 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: #fff;
}

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

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: #fff;
}
	
/*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 11px arial;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


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

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

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

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

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

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

/* Marquee------------------------------------------------------------------------------------------------------------------ Tier 1*/


#marquee {
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	background-color:#eeeeee;
	width: 888px;
	height: 10px;
	padding-bottom:5px;
	float:none;
}

/* Tier 1------------------------------------------------------------------------------------------------------------------ Tier 1*/

#tier1 {
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	width: 888px;
	height: 322px;
	padding-bottom:5px;
	float:none;
}

.bizreskids {
	margin-top:10px;
	margin-left:10px;
	background-color:#000;
	width:268px;
	height:306px;
	float:left;
	display:inline;
}

.news {
	margin-top:10px;
	margin-left:5px;
	background-color:#FFFFFF;
	width:317px;
	height:306px;
	float:left;
	display:inline;
}

.glossymenu {
	margin-top:10px;
	margin-left:5px;
	background-color:#FFFFFF;
	width:272px;
	height:306px;
	float:left;
	display:inline;
}

#brkdivcontainer {
    border:1px 0 0 1px solid #fff; 
    width:263px;
    height: 305px; 
    background-color: #000;
    padding: 0;
    border:1px #fff solid;
}

#new-brk{
width:263px;
height:100%;
}
.new-brk{
width:263px;
height:101px;
float:left;
}

ul.tabs li a {   
    background-image:url(../images/tab_off.jpg);   
    background-repeat:repeat-x;     
    background-position:bottom bottom;   
}   
ul.tabs li a.active {   
    background-image:url(../images/tab_on.jpg);   
    background-repeat:repeat-x;   
    background-position:top;    
}   
.content-brk {   
    background-image:url(../images/content_bottom.jpg);   
    background-repeat:repeat-x;     
    background-position:bottombottom;    
}

/*News | City Services | Phone Numbers | What's New */


/*///////////// Tabs Code ////////////*/


/*Example for a Menu Style*/

.menu {
	background-color:#524a37;
	background-image:url(../images/headers/news-header.jpg);
	background-repeat:repeat-x;
	font-size:.8em;
	color:#FFFFFF;
	height: 11px;
	padding:6px 5px 5px 5px;
	width:308px;
	margin: 0;
}

.menu ul {
	margin:0px; 
	padding:0px; 
	margin-right:1px;
	list-style:none; 
	text-align:center;
}

.menu li {
	display:inline; 
	line-height:10px;
}

.menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	height:28px;
	padding:5px;
	width:308px; 
}

.menu li a.tabactive {
	background-color:#CC3300;
	background-image:url(../images/headers/news-header-ro.jpg);
	background-repeat:repeat-x;
	height:38px;
	width:308px;
}

#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
    width:297px;
    height: 275px;
    text-align:left;
    padding:5px 10px 10px 5px; 
	font-size: 1.0em;
    margin:0 0 0 10px;
}

.tabcon {

    color:#8c8c8c;

}

.tabcon p{
    
    
    color:#8c8c8c;
   
}

.tabcon a {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}


.tabcon li{
    list-style:square inside;
    margin-left:-10px;
    color:#8c8c8c;
    list-style-position: outside;
    padding-top:11px;
}

.tabcon ul li a {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;

}

.tabcon li a:link {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

.tabcon li a:visited, hover, active {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

.tabcon li a:hover {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

.tabcon li a:active {
    text-decoration:underline;
	font-size:1.0em;
    color:#4f4f4f;
}

/*-------News Feeds*/
.newsfeed a{
margin: -10px 0 0 255px;
color:#4f4f4f;
float:left;
}

.newsfeedicon
{
margin: -5px 0 0 235px;
float:left;
    
    }
/*------- End of News Feeds*/

/*Accordian Menu*/
.glossymenu{
margin: 10px 0 0 5px;
padding: 0;
width: 272px; /*width of menu*/
height: 306px;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
text-decoration: none;
}

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

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

.glossymenu a.menuitem:hover{
background-image:url(../images/glossyback2.gif);
}

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

.glossymenu div.submenu ul li{
    list-style:square inside;
    margin-left:-10px;
    color:#8c8c8c;
    list-style-position: outside;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 1.0em arial;
	color: #666666;
	text-decoration: none;
	padding: 1px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	color: white;
	background-color: #333333;
}

.eservice
{
    width:250px;
    padding:5px 10px 5px 15px;
	font: normal 2.0em arial;
    color: #666666;
    }
    
.help
{
    padding-right: 10px;
    float:left;
    }


/* Tier 2------------------------------------------------------------------------------------------------------------------Tier 2*/

#tier2 {
	background-color:#000000;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 888px;
	height:294px;
	padding-bottom:5px;	
}

.mckvisi {
	background-color:#333333;
	margin-left:10px;
	margin-top: 10px;
	width: 268px;
	height:279px;
	float:left;
	display:inline;
}

.aroundtown {
	margin-left:5px;
	margin-top:10px;
	width:595px;
	height:260px;
	float:left;
	background-color:#FFFFFF;
	display:inline;
}

.mckv{
background-image:url(../images/headers/mckvisi-header.jpg);
width:258px;
height: 23px;
font-weight:bold;
font-size: 1.2em;
color:#FFFFFF;
padding-left:10px;
padding-bottom:5px;
padding-top:8px;
}

.mckv a{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.mckv a:link{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.mckv a:hover{
font-weight:bold;
color:#2b2b2b;
text-decoration: none;
}

.mckv a:active{
font-weight:bold;
color:#2b2b2b;
text-decoration: none;
}

.mckvideo{
width:236px;
height:179px;
margin: 15px 5px 5px 5px;
padding: 0 5px 5px 5px;
}

.mckvisi-text{
font:"arial";
font-size:1.0em;
color:#ffffff;
margin: 0 0 0 10px;
padding-top:5px;
text-decoration: none;
}

.mckvisi-text a{
font:"arial";
font-size:1.0em;
color:#ffffff;
margin: 0 0 0 10px;
padding-top:5px;
text-decoration: none;
}

.mckvisi-text a:link{
font:"arial";
font-size:1.0em;
color:#ffffff;
text-decoration: none;
}

.mckvisi-text a:hover{
font:"arial";
font-size:1.0em;
color:#ffffff;
text-decoration: underline;
}

.mckvisi-text a:active{
font:"arial";
font-size:1.0em;
color:#ffffff;
text-decoration: underline;
}

.atown{
background-image:url(../images/headers/atown-header.jpg);
width:585px;
height: 23px;
font-weight:bold;
font-size: 1.2em;
color:#FFFFFF;
padding-left:10px;
padding-bottom:5px;
padding-top:8px;
}

.atown a{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.atown a:link{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.atown a:hover{
font-weight:bold;
color:#4d230b;
text-decoration: none;
}

.atown a:active{
font-weight:bold;
color:#4d230b;
text-decoration: none;
}


#atown-container {
	width:123px;
	height:258px;
	background-color:#FFFFFF;
	float:left;
	margin-top:5px;
	margin-left:6px;
	margin-right:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	display:inline;
}

#atown-container4 {
	width:123px;
	height:258px;
	background-color:#FFFFFF;
	float:left;
	margin-top:5px;
	margin-left:6px;
	margin-right:10px;
	border: none;
	display:inline;
}

#atown-image{
border:1px solid #4f4f4f;
width: 98px;
height: 100px;
margin:25px 3px 3px 3px;
}

#atown-text{
width:107px;
height:94px;
padding:3px;
font: normal 1.0em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
}

#atown-text a{
font: normal 1.0em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
font-style: italic;
}

#atown-text a:link{
font: normal 1.0em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
font-style: italic;
}

#atown-text a:hover{
font: normal 1.0em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#2b2b2b;
text-decoration: underline;
font-style: italic;
}

#atown-text a:active{
font: normal 1.0em "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#2b2b2b;
text-decoration: underline;
font-style: italic;
}

/*Around Town Slider*/

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 595px;
height: 243px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
background:#fff;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: white;
	margin:0px 0px 0px 25px;
	visibility: hidden;
	width: 575px;
	height:231px;
	left: 9px;
	top: -20px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 585px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: inline-block;
border: 1px solid black;
color: #333333;
padding-top: 1px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	color: white;
}


/* Custom Around Town Buttons*/
.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
width:200px;
height:23px;
background: #822b17; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
color: #FFFFFF;
display: block;
float: left;
margin-right: 6px;
margin-top:3px;
font: normal 1.2em Arial ; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

.cssbuttonstoggler a span{
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: #000;
}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
}

#p-select{
margin-top:-8px;
float:right;
background-color: #822b17;
background-image:url(../images/headers/atown-header.jpg);
height: 23px;
padding-bottom:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#p-select {margin-top:-7px;}
}


/* Tier 3------------------------------------------------------------------------------------------------------------------Tier 3*/

#tier3 {
	background-color:#000000;
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 888px;
	height: 299px;
}

.quicklinks {
	margin-left:10px;
	margin-top:10px;
	width:268px;
	height:279px;
	float:left;
	background-color:#FFFFFF;
	display:inline;
}




.greenmckinney {
	margin-left:5px;
	margin-top:10px;
	width:366px;
	height: 129px;
	float:left;
	background-color:#FFFFFF;
	display:inline;
}

.signup {
	margin-left:5px;
	margin-top:6px;
	width:366px;
	height:144px;
	float:left;
	background-color:#FFFFFF;
	display:inline;
}

.publications {
	margin-top:10px;
	margin-left:5px;
	margin-right:10px;
	width:224px;
	height:279px;
	float:right;
   
	background-color:#FFFFFF;
	display:inline;
}


/*McKinney Publications*/
.mags {
margin-left:55px;
margin-top:10px;
}

.mckinneypub{
background-image:url(../images/headers/mckpub-header.jpg);
width:219px;
height: 23px;
font-weight:bold;
font-size: 1.2em;
color:#FFFFFF;
padding-left:5px;
padding-bottom:5px;
padding-top:8px;
}

.mckinneypub a {
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.mckinneypub a:link{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.mckinneypub a:hover{
font-weight:bold;
color:#7a641b;
text-decoration: none;
}

.mckinneypub a:active{
font-weight:bold;
color:7a641b;
text-decoration: none;
}

/*Green McKinney*/

.mckgreen{
background-image:url(../images/headers/greenmck-header.jpg);
width:356px;
height: 23px;
font-weight:bold;
font-size: 1.2em;
color:#FFFFFF;
padding-left:10px;
padding-bottom:5px;
padding-top:8px;
}

.mckgreen a {
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.mckgreen a:link{
font-weight:bold;
color:#FFFFFF;
text-decoration: none;
}

.mckgreen a:hover{
font-weight:bold;
color:#10491e;
text-decoration: none;
}

.mckgreen a:active{
font-weight:bold;
color:#10491e;
text-decoration: none;
}

.leaf{
	width:50px;
	height:48px;
	float:right;
	margin-top:-1px;
	margin-right: 45px;

}

.green-container{
	width:351px;
	height:65px;
	padding:0 0 0 10px;
	position:absolute;
	top: 980px;
}

.greencopy{
	width: 255px;
	height: 80px;
	float:left;
	font-size:1.0em;
	line-height: 1.25;	
	margin-top:6px;
	color: #666666;
}

.greencopy a{
	font-size:1.0em;
	color: #2b2b2b;
	text-decoration: underline;
}



/*Newsletter*/
.newsletter{
background-image:url(../images/headers/signup-header.jpg);
width:356px;
height: 23px;
font-weight:bold;
font-size: 1.2em;
color:#FFFFFF;
padding-left:10px;
padding-bottom:5px;
padding-top:8px;
}

.signup-container{
width:341px;
height:auto;
position:absolute;
top: 1125px;
}

.signcopy{
	padding: 10px;
	width: 235px;
	height: 15px;
	font-size:1.0em;
	color: #666666;
	float:left;
}

.computer{
	margin-left:10px;
	margin-top:0px;
	width:69px;
	height:92px;
	float:left;
}

.signup-btn{
    margin:20px;
    width:99px;
    height:19px;
    float:right;
    
}

.signupform
{
    margin-top: -5px;
    margin-left:10px;
    width:235px;
    height:auto;
    float: left;
    }

/*Quick Links*/
.qlinks{
background-image:url(../images/headers/qlinks-header.jpg);
width:258px;
height: 23px;
font-weight:bold;
font-size: 1.2em;
color:#FFFFFF;
padding-left:10px;
padding-bottom:5px;
padding-top:8px;
}

.ql li{
list-style:square inside;
margin:7px 0 0 -10px;
color:#CCCCCC;
list-style-position: outside;
}

.ql ul li a{
font:"Arial Black";
font-size: 1.0em;
color:#999999;

}

.ql li a:link{
padding-top:5px;
text-decoration:underline;
font-size: 1.0em;
color:#666666;
}

.ql li a:visited{
text-decoration:underline;
font-size: 1.0em;
color:#666666;
}

.ql li a:hover{
text-decoration:underline;
font-size: 1.0em;
color:#666666;
}

.ql li a:active{
text-decoration:underline;
font-size: 1.0em;
color:#666666;
}

/*COM Subpages------------------------------------------------------------------------------------------------------------------COM Subpages */

.crumbs{
font:Arial, Helvetica, sans-serif;
font-size:.875em;
background-color:none;
font-weight:normal;
text-align:left;
color:#2b2b2b;
margin-left:15px;
margin-top:5px;
margin-bottom:5px;
width: 865px;
text-transform:uppercase;
height:15px;
float:none;
}


#com-container{
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	background-color:Transparent;
	width: 888px;
	height: auto;
	padding-bottom:5px;
	float:none;
}

.pg-headers{
	width: 679px;
	height:20px;
	background-image:url(../images/headers/departments/green_header.jpg);
	background-repeat:repeat-x;
	float:left;
	font-size: 1.1em;
	color:#CCCCCC;
	padding:9px 0 1px 8px;
	font-family: "Arial Black";
	font-weight: bold;
	text-transform: uppercase;
}



.pg-corner-parks{
	width: 687px;
	height:100px;
    background-color: #ffffff;
	float:left;
	font-size: 1.1em;
	margin:0 0 0 0;
	padding: 0px 0 0 0px;

}


.subnav{
	width:177px;
	height:100%;
	background-color:#14331d;
	float:left;
	padding:5px;
	margin:0 7px  0 4px;
}

.subnavlinks
{
    font-family:Arial;
    font-weight:bold;
    padding-left:6px;
    font-size:1.0em;
    line-height:25px;
    color:#fff;
    list-style-type: none;
}

.sublinks
{
    font-family:Arial;
    font-weight:normal;
    font-size:1.0em;
    line-height:15px;
    color:#fff;
    text-indent:-2em;
    list-style:square;
    margin:5px 0 0 0;
    list-style-position: inside;
}

.sublinks a
{
    font-family:Arial;
    text-decoration: none;
    font-weight:normal;
    padding-left:4px;
    font-size:1.0em;
    line-height:15px;
    color:#fff;
}


.sublinks a: link
{
    font-family:Arial;
    text-decoration: underline;
    font-weight:normal;
    font-size:1.0em;
    line-height:15px;
    color:#fff;
}

.sublinks a: hover
{
    font-family:Arial;
    text-decoration: underline;
    font-weight:normal;
    font-size:1.0em;
    line-height:15px;
    color:#fff;
}

.sublinks a: active
{
    font-family:Arial;
    text-decoration: underline;
    font-weight:normal;
    font-size:1.0em;
    line-height:15px;
    color:#fff;
}

.content{
width: 667px;
min-height:600px;
padding:10px;
background-color:#ffffff;
float:left;
font:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height: 2.5;	
font-weight:normal;
color:#363636;
}

/*----------------------------------------------------New Subpage Dropdown*/

.arrowlistmenu{
width: 167px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:Arial;
font-weight:bold;
font-size:1.0em;
line-height:1;
color:#fff;
background-color: #14331d;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
margin:5px 0 0 0;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color: #14331d;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
color:#FFF;
line-height:1.5;
list-style-type:square;
margin-top:5px;
margin-left:15px;
list-style-position: inside;
font-family:Arial;
font-weight:normal;
font-size:.9em;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
padding-left: 1em;
text-indent: -1em;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background-color: #14331d !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background-color: #14331d !important;
}

.arrowlistmenu ul li a{
color: #ededed;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-size:1.0em;
}

.arrowlistmenu ul li a:visited{
color: #fff;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#fff;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #14331d;
}

.subexpandable
{
margin-left: 5px;
color:#ff0000;
line-height:1.5;
margin-top:5px;
font-family:Arial;
font-weight:normal;
font-size:1.1em;   
}

/*------------------------------------------------------------------------------------------------------------------------Publication Thumbnails*/

ul.thumbnails a{
display: block;
float:left;
margin:0;
padding: 4px 4px 9px 4px;
border: 1px solid #ccc;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
text-align:center;
}

ul.thumbnails a:hover{
border-color: #ccc;
background-color: #eee;
}

ul.thumbnails a{
width: 160px;
margin-right: 52px;
margin-bottom:15px;
}

ul.thumbnails {
    margin: 0 0 10px 0;
    padding:0;
    float:left;
    text-align: center;
    background:#fff;
    line-height: 1em;
    list-style: none;
    }
   
ul.thumbnails li {
    display:inline;
    margin:0;
    padding:0;
 }
 
 /*------------------------------------------------------------------------------------------------------------------------Annual Thumbnails*/

ul.thumbnail_ar a{
display: block;
float:left;
margin:0;
padding: 4px 4px 9px 4px;
border: 1px solid #ccc;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
text-align:center;
}

ul.thumbnail_ar a:hover{
border-color: #ccc;
background-color: #eee;
}

ul.thumbnail_ar a{
width: 300px;
margin-right: 5px;
margin-bottom: 5px;
}

ul.thumbnail_ar {
    margin: 0 0 10px 0;
    padding:0;
    float:left;
    text-align: center;
    background:#fff;
    line-height: 1em;
    list-style: none;
    }
   
ul.thumbnail_ar li {
    display:inline;
    margin:0;
    padding:0;
 }


/*------------------------------------------------------------------------------------------------------------------------Footer*/
.footer{
background-color:#14331d;
height:30px;
padding:5px;
width:890px;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#FFFFFF;
margin:0 auto;
text-align:center;
clear:both;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom: 1px solid #FFFFFF;
}

.footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#FFFFFF;
text-decoration:underline;
}

/*---------*/