/* Generic HTML Styles */

body {padding:1%; margin:0; font-size:75%; color:#333; font-family:Arial, Helvetica, sans-serif;}
a {color:blue;} a:hover, a:active, a:focus {color:blue;}
input, textarea, select { background:#F6F2E7; border:1px solid #C7C3B8; font-family: verdana; font-size:80%; color:#716D60; margin:0; padding:2px; }
form {margin:0;}


h1
{
    width:100%;
    font-size:150%;
    font-weight:bolder;
    float:left;
    margin:0px, 0px 0px 0px;
    padding:0px;
    line-height:normal;
    }
    
h2
{
    width:100%;
font-size:125%;
font-weight:bold;
	margin:0px, 0px 0px 0px;
   padding:0px

}  
  

  
h3
{
    width:100%;
font-size:110%;
font-weight:bold;
    margin:0px, 0px 0px 0px;
    padding:0px;
}  

.texttwocolumns
{
float:left;
padding:5px 5px 5px 0px;
width:48%;
}

    
/* Header Styles */

#logo {float:left; margin:0px 0px 0px 30px;}
#utility {float:right; padding:10px;}
#utility a {color:#000; text-decoration:none;}
#utility a:hover, #utility a:focus, #utility a:active {text-decoration:underline;}

#greentopbar
{
width:100%;
height:30px;
background-color:#99cc33;    
    }
    
    
    
/* horizontal menu styles below here */
#topmenus
{
width:100%;
height:35px;
background-color:#ffffff;
float:left;
text-align:center;    
    }  
      
ul.menu1 { padding:0; height:18px; margin:1px 0px 0px 0px; list-style-type:none; width:55%; float:left; background-color:#000000;}
ul.menu1 li { width:auto; float:left; background:#000000; margin-right:2px; text-align:center; color:#ffffff; }
ul.menu1 li a { border-left-style:solid; border-left-width:2px; display:block; padding:2px 5px 2px 5px; text-decoration:none; font-weight:bold; color:#ffffff; }
ul.menu1 li a:hover, ul.menu1 li a:active, ul.menu1 li a:focus {color:#ffffff; text-decoration:underline;}
ul.menu1 li.home {width:8%; margin-right:0px; text-align:center; background-color:#339933; }
ul.menu1 li.home a { border:none; display:block; text-decoration:none; color:#FFFFFF; font-weight:bold;}
ul.menu1 li.home a:hover, ul.menu1 li.home a:active, ul.menu1 li.home a:focus {color:#FFFFFF;}
ul.menu1 li.atoz {width:10%; margin-right:0px; text-align:center; background-color:#000000; }
ul.menu1 li.news {width:8%; margin-right:0px; text-align:center; background-color:#000000; }
ul.menu1 li.events {width:10%; margin-right:0px; text-align:center; background-color:#000000; }
ul.menu1 li.faqs {width:34%; margin-right:0px; text-align:center; background-color:#000000; }
ul.menu1 li.links {width:15%; margin-right:0px; text-align:center; background-color:#000000; }
ul.menu1 li.contactus {width:14%; margin-right:0px; text-align:center; background-color:#000000; }


    
ul.menu2 { padding:0; height:18px; margin:1px 0px 0px 0px; height:15px; list-style-type:none; width:55%; float:left; background-color:#CCCBB6;}
ul.menu2 li { width:%; float:left; background:#CCCBB6; margin-right:2px 0px 2px 0px; text-align:center; color:#000000; }
ul.menu2 li a { border-left-style:solid; border-left-width:2px; border-left-color:#ffffff; display:block; padding:2px 0px 2px 0px; text-decoration:none; font-weight:bold; color:#000000; }
ul.menu2 li a:hover, ul.menu2 li a:active, ul.menu2 li a:focus {color:#000000; text-decoration:none;}

ul.menu2 li.aboutthecentre { border-style:none; width:40%;}
ul.menu2 li.aboutthecentre a { border-style:none; width:100%; color:#000000; background-color:#CCCBB6;}
ul.menu2 li.aboutthecentre a:hover, ul.menu2 li.home a:active, ul.menu2 li.home a:focus { border-style:none; width:100%; color:#ffffff; background-color:#C12283;}
ul.menu2 li.aboutthecentreselected  a {border:none; width:40%; color:#ffffff; background-color:#C12283;}

ul.menu2 li.leisure { width:20%;}
ul.menu2 li.leisure a {width:100%;  color:#000000; background-color:#CCCBB6;}
ul.menu2 li.leisure a:hover, ul.menu2 li.leisure a:active, ul.menu2 li.leisure a:focus {width:100%; color:#ffffff; background-color:#FF3333;}
ul.menu2 li.leisureselected { width:20%; }
ul.menu2 li.leisureselected a {width:100%; color:#ffffff; background-color:#FF3333;}

ul.menu2 li.health { width:20%;}
ul.menu2 li.health a {width:100%; color:#000000; background-color:#CCCBB6;}
ul.menu2 li.health a:hover, ul.menu2 li.health a:active, ul.menu2 li.health a:focus {width:100%; color:#ffffff; background-color:#0066CC;}
ul.menu2 li.healthselected { width:20%; }
ul.menu2 li.healthselected a {width:100%; color:#ffffff; background-color:#0066CC;}
ul.menu2 li.healthselected a:hover {width:100%; color:#ffffff; background-color:#0066CC;}

ul.menu2 li.libraryservices { width:19%;}
ul.menu2 li.libraryservices a {width:100%;  color:#000000; background-color:#CCCBB6;}
ul.menu2 li.libraryservices a:hover, ul.menu2 li.libraryservices a:active, ul.menu2 li.libraryservices a:focus {width:100%; color:#ffffff; background-color:#E56717;}
ul.menu2 li.libraryservicesselected { width:19%; }
ul.menu2 li.libraryservicesselected a {width:100%;color:#ffffff; background-color:#E56717;}

ul.menu2 li.healthandwellbeing a:hover, ul.menu2 li.healthandwellbeing a:active, ul.menu2 li.healthandwellbeing a:focus {color:#ffffff; background-color:#C12283;}
ul.menu2 li.healthandwellbeingselected a {color:#ffffff; background-color:#C12283;}
ul.menu2 li.synergygroups a:hover, ul.menu2 li.synergygroups a:active, ul.menu2 li.synergygroups a:focus {color:#ffffff; background-color:#571B7E;}
ul.menu2 li.synergygroupsselected a {color:#ffffff; background-color:#571B7E;}


#search
{float:right; 
 text-align:right; 
 padding:5px 10px 0px 0px; 
 width:40%; 
 height:35px;
 margin: 0px 0px 0px 0px;
 background:#99cc33 bottom left no-repeat;
 background:#99cc33 url(/images/search_corner_left.jpg) bottom left no-repeat;*/
 }
/* horizontal menu styles above here */


/* Vertical Menu Styles */

.leftmenus
{
    width:15%;
    float:left;
    margin:0px 0px 0px 0px;
    }
.rightmenus
{
    width:15%;
    float:right;
    }
ul.menu { margin:0; padding:5px 0px 15px 0px; list-style-type:none; float:left; width:100%; }
ul.menu li.header {padding: 3px 0px 3px 5px; background:#CCCBB6; color:#393939; font-weight:bold; border:0;}
ul.menu li.aboutthecentre {padding: 3px 0px 3px 5px; background:#C12283; color:#ffffff;  font-weight:bold; border:0;}
ul.menu li.health {padding: 3px 0px 3px 5px; background:#0066CC; color:#ffffff;  font-weight:bold; border:0;}
ul.menu li.leisure {padding: 3px 0px 3px 5px; background:#FF3333; color:#ffffff;  font-weight:bold; border:0;}
ul.menu li.libraryservices {padding: 3px 0px 3px 5px; background:#E56717 ; color:#ffffff;  font-weight:bold; border:0;}
ul.menu li.healthandwellbeing {padding: 3px 0px 3px 5px; background:#C12283; color:#ffffff;  font-weight:bold; border:0;}
ul.menu li.synergygroups {padding: 3px 0px 3px 5px; background:#571B7E; color:#ffffff;  font-weight:bold; border:0;}
ul.menu li {padding:3px 0px 3px 10px; margin-bottom:2px; border-bottom-style:solid; border-bottom-style:dashed; border-bottom-width:1px; border-bottom-color:#CCCBB6; background-color :#ffffff;}
ul.menu li a {display:block; text-decoration:none; color:#000;}
ul.menu li a:hover, #left li a:active, #left li a:focus {text-decoration:underline; color:#000000; } 


/* Main Content Styles */

.textbold
{
    font-weight:bold;}
    
    
#content {padding:15px 5px 5px 15px; width:65%; float:left;}



/* styles for bottom menus below here */


#bottommenu
{
width:100%;
background-color:#ffffff;
float:left; 
    }    
ul.bottommenu { padding:0; margin:15px 0px 0px 0px; list-style-type:none; width:%; float:left; }
ul.bottommenu li { width:%; float:left; background:#ffffff; margin-right:2px; text-align:center; color:#6D7F97; border-right-style:solid; border-right-width:1px; border-right-color:#6D7F97;}
ul.bottommenu li a { display:block; padding:2px 5px 2px 5px; text-decoration:none; font-weight:bold; color:#6D7F97; }
ul.bottommenu li a:hover, #menu1 li a:active, #menu1 li a:focus {color:#6D7F97; text-decoration:underline;}


/* styles for bottom menus above here */


#bottomaddress
{
width:100%;
float:left;
color:#000000; 
margin:5px 0px 0px 0px; 
padding:0px 0px 0px 5px; 
    }


/*-------------------------*/
/* atoz styles below here */

#atoz
{
border-style:solid;
width:150px;
border-color:#000000;
border-width:2px;
float:right; 
padding:5px;   
    }




.atozletter
{
border-style:solid;
border-color:#000000;
border-width:1px;
text-align:center;
font-weight:bolder;
width:12px;
height:12px; 
float:left; 
margin:0px 1px 0px 1px;  
font-size:80%;
    }
    
.atozletter a
{
color:#000000;
text-decoration:none;    
    }
    
.atozletter a:hover
{
color:blue;
text-decoration:none;    
    }
    
/************** #a to z column styles **************/




.a_to_zrow   
{
width:100%;
margin:0px;
padding:0px 0px 10px 0px;
float:left;
vertical-align:top;
border:none;
}

.atozcolumnone
{
float:left;
padding:0px 2px 0px 0px;
margin:0px;
width:50%;
}

.atozcolumntwo
{
float:left;
padding:0px 2px 0px 0px;
margin:0px;
width:20%;
}

.atozcolumnthree
{
float:left;
padding:0px 2px 0px 0px;
margin:0px;
width:20%;
}    

/*-------------------------*/
/* atoz column styles above here */       


/*-------------------------*/
/* This style is used for different browsers where and extra line break is needed for Mozilla, Netscape and Opera, but not IE */
br.menubreak
{
    line-height:50%;
    }     
	
	#park
{
		border:1px solid #000000;
		border-collapse:collapse;
		valign:top;
}

td.park,th.park
{
		border:1px solid #000000;
		border-collapse:collapse;
		padding:5px;
		valign:top;
}	

thead.park th.park
{
background:#E4E0D5;
speak-header: always;
valign:top;
}

caption.park{
		background:#000000;
		font-size:110%;
		font-weight:bold;
		font-color: ffffff;
		border:1px solid #000000;
		border-bottom:none;
		padding:5px;
		text-align:left;
		color: #ffffff;
		valign:top;
	}
	
	/************** .image styles ***************/

img.left 
{
float:left;
margin:0px 10px 0px 0px;
padding:0px;
border-style:solid;
border-width:1px;
border-color:#000000;
}

img.right
{
float:right;
margin:0px 0px 0px 10px;
padding: 0px;
border-style:solid;
border-width:1px;
border-color:#000000;
}

img.noborder
{
float:left;
margin:0px 10px 0px 0px;
padding: 0px;
border-style:none;
}

img.noborderright
{
float:right;
margin:0px 0px 0px 10px;
padding: 0px;
border-style:none;
}

img
{
border-style:none;
}


/* styles for boxs on homepage */

.homepagetopboxs
{
    float:left;
width:500px;
height:114px;
margin:0px;
background:url(/images/HomePageTopBoxes.jpg) top right no-repeat;
    }
    
.homepagebottomboxs
{
    float:left;
width:500px;
height:114px;
margin:0px;
background:url(/images/HomePageBottomBoxes.jpg) top right no-repeat;
    }    
    
.homepageboxleft
{
    float:left;
width:150px;
height:114px;
padding:5px 10px 0px 18px;

    }    

.homepageboxright
{
    float:right;
width:140px;
height:114px;
padding:5px 5px 0px 0px;

    } 

.homepageboxstext
{
    padding:0;
    float:left;
    width:140px;
    color:#000000;
}