/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:70%; color:#00509f; background:url(../_images/general/bg.gif) repeat-x top;}
p { padding-bottom:15px; line-height:15px;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { color:#00509f; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.relbookmark { position:absolute; margin-left: -9999px;}
strong { font-weight:bold;}

/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 140%; color:#ff9204; padding:0px 0px 15px 0px; font-weight:bold; font-family:"Trebuchet MS", Helvetica, sans-serif; text-transform:uppercase;}
h2 { font-size: 120%; font-weight:bold; padding:0px 0px 15px 0px;}
	.search h2 { color:#ff9204;}
	.greenpod h2 { color:#fff;}
	#homecontent .homeright .healthworks h2 { position:absolute; top:0px; left:0px;}
	#homecontent .homeright .excel h2 { float:left; width:86px; height:42px; padding:15px 10px 10px 0px;}
	#rightcol h2 { padding:0px 0px 0px 0px;}
	#content ul.searchresults h2 { font-size:100%; padding:0px 0px 5px 0px;}
h3 { font-size: 100%; font-weight:bold; padding:0px 0px 10px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/
#bubbles { width:100%; background:url(../_images/general/bubbles.gif) no-repeat top center;}
#container { position:relative; width:980px; text-align:left; margin-left:auto; margin-right:auto; background:url(../_images/general/container.gif) no-repeat top center;}
#pagecontent { float:left; width:730px; padding:0px 0px 20px 10px;}

ul.sitebranding { float:left; width:262px; height:100px; padding:15px 0px 8px 20px;}
ul.sitebranding li { display:inline; float:left; padding:0px 0px 5px 0px;}
ul.sitebranding .logo { float:right;}

.zest { position:absolute; top:2px; left:730px;}

ul#nav { float:left; width:730px; padding:0px 0px 10px 0px;}
ul#nav li { display:inline; float:left; width:auto; height:21px; padding:9px 0px 0px 40px; background:url(../_images/bullets/nav.gif) no-repeat 20px 0px;}
ul#nav .first { background:none;}
ul#nav a { color:#7f5909; text-decoration:none;}

#leftcol { float:left; width:185px; padding:0px 0px 0px 0px;}
	#leftcol .subnav { float:left; width:185px; padding:0px 0px 15px 0px; margin:0px 0px 10px 0px; background:url(../_images/general/bg-subnav.gif) no-repeat bottom left #fdb827;}
	#leftcol .subnav ul { float:left; width:155px; padding:15px 15px 0px 15px; background:url(../_images/general/bg-subnav-list.gif) no-repeat top left;}
	#leftcol .subnav li { width:145px; padding:8px 5px 8px 5px; background:url(../_images/general/bg-subnav-list-item.gif) repeat-x top;}
	#leftcol .subnav li ul { float:none; width:140px; padding:5px 0px 0px 0px; background:none;}
	#leftcol .subnav li li { width:130px; padding:2px 0px 2px 10px; background:none;}
	#leftcol .subnav .first { background:none;}
	#leftcol .subnav li a { color:#fff; width:145px; display:block;}
	#leftcol .subnav li li a { width:130px; font-weight:normal;}

	#leftcol .leisurecentres { float:left; width:185px; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; background:url(../_images/general/bg-leisure-centres.gif) no-repeat bottom left #fdb827;}
	#leftcol .leisurecentres ul { float:left; width:155px; padding:15px 15px 0px 15px; background:url(../_images/general/bg-leisure-centres-list.gif) no-repeat top left;}
	#leftcol .leisurecentres li { width:145px; padding:8px 5px 8px 5px; border-top:1px solid #a0f0ff;}
	#leftcol .leisurecentres .first { padding:0px 5px 8px 5px; border-top:none;}
	#leftcol .leisurecentres a { color:#4ba6ff;}

#rightcol { float:right; width:230px; padding:145px 0px 0px 0px;}
	#rightcol ul.todaystimes { float:left; width:190px; padding:0px 15px 10px 15px; background:#ffad00;}
	#rightcol ul.todaystimes a { font-weight:normal; color:#fff;}
	#rightcol ul.todaystimes li { padding:10px 0px 8px 0px; background:url(../_images/general/bg-todays-times-item.gif) repeat-x top;}
	#rightcol ul.todaystimes .first { background:none;}

	#rightcol ul#activities { position:absolute; top:0px; left:0px; width:205px; height:200px; overflow:hidden; padding:0px 0px 0px 0px;}
	#rightcol ul#activities a { font-weight:normal;}
	#rightcol ul#activities li { position:relative; float:left; width:190px; padding:12px 0px 0px 15px;}

ul#footer { float:left; width:920px; margin-top: 12px; padding:0px 20px 20px 30px; color:#fff; background:url(../_images/general/bg-footer.gif) no-repeat top left;}
	ul#footer li { float:left; display:inline; height:21px; padding:9px 8px 0px 0px;}
	ul#footer li a { font-weight:normal; color:#fff; padding:0px 0px 0px 10px; background:url(../_images/bullets/footer.gif) no-repeat 0px 2px;}

#homecontent { float:left; width:535px; padding:0px 0px 0px 10px;}
#content { position:relative; float:left; width:531px; padding:2px 2px 0px 12px; margin:0px 0px 0px 0px; background:url(../_images/general/bg-content.gif) no-repeat bottom right;}
	#content .contenttop { position:absolute; top:0px; left:10px;}

/********************************************************************/
/*                          Homepage tags                           */
/********************************************************************/
	#homecontent .homeleft { float:left; width:300px;}
	#homecontent .homeleft .pod { position:relative; float:left; width:270px; padding:20px 15px 20px 15px; margin:0px 0px 10px 0px; background:url(../_images/general/bg-homeleft-pod.gif) no-repeat bottom left;}
	#homecontent .homeleft .pod .top { position:absolute; top:0px; left:0px; width:300px; height:10px; background:url(../_images/general/bg-homeleft-pod-top.gif) no-repeat top left;}

	#homecontent .homeleft .search legend { display:none;}
	#homecontent .homeleft .search label { position:absolute; margin-left: -9999px;}
	#homecontent .homeleft .search select { margin:0px 0px 10px 0px; border:1px solid #e1e1e1; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif; color:#00509f;}
	#homecontent .homeleft .search .day { float:left; width:85px;}
	#homecontent .homeleft .search .activity { float:right; width:175px;}
	#homecontent .homeleft .search .formbutton { float:right;}
	
	#homecontent .homeright { float:right; width:225px;}
	#homecontent .homeright .greenpod { position:relative; float:left; width:195px; padding:15px 15px 0px 15px; margin:0px 0px 10px 0px; color:#fff; background:url(../_images/general/bg-green-pod.gif) no-repeat bottom left #2b6500;}
	#homecontent .homeright .greenpod .top { position:absolute; top:0px; left:0px; width:225px; height:7px; background:url(../_images/general/bg-green-pod-top.gif) no-repeat top left;}

	#homecontent .homeright .healthworks { position:relative; float:left; width:195px; padding:95px 15px 30px 15px; margin:0px 0px 10px 0px; background:url(../_images/general/bg-health-works.gif) no-repeat bottom left;}
	#homecontent .homeright .healthworks a { padding:0px 0px 0px 6px; background:url(../_images/bullets/bullet.gif) no-repeat 0px 5px;}
	
	#homecontent .homeright .excel { float:left; width:215px; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px;}
	
/********************************************************************/
/*                           Wysiwyg tags                           */
/********************************************************************/
#content .wysiwyg { float:left; width:490px; padding:15px 0px 20px 20px;}
	#content .wysiwyg ul, #content .wysiwyg  ol { padding:0px 0px 15px 0px;}
	#content .wysiwyg li { padding:0px 0px 10px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 5px;}
	#content .wysiwyg ol li { padding:0px 0px 10px 0px; margin:0px 0px 0px 30px; list-style-type:decimal; background:none;}
	#content .wysiwyg table { float:left; width:490px; margin:0px 0px 15px 0px; border:1px solid #accef0; }
	#content .wysiwyg table th { font-weight:bold; padding:5px 5px 5px 5px; background-color:#e0efff; text-transform:capitalize;}
	#content .wysiwyg table td { padding:5px 5px 5px 5px; border-top:1px solid #accef0; }
	#content .wysiwyg table a { color:#ed1c2e; font-weight:normal;}

#content ul.searchresults { float:left; width:460px; padding:0px 0px 15px 0px;}
	#content ul.searchresults li { padding:5px 0px 5px 0px; border-bottom:1px solid #accef0; background:none;}
	#content ul.searchresults p { padding:0px 0px 5px 0px;}
	#content ul.searchresults a { color:#ff9204;}

/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/
#content ul.pagenumbers  { float:left; padding:0px 0px 10px 0px;}
	#content ul.pagenumbers li { float:left; display:inline; padding:0px; margin:0px 4px 0px 0px; list-style-type:none; border:1px solid #accef0; text-align:center; background:none;}
	#content ul.pagenumbers a { display:block; width:22px; padding:3px 0px 3px 0px; text-decoration:none; background-color:#fff; font-weight:normal;}
	#content ul.pagenumbers .selected a { background-color:#e0efff; font-weight:bold;}
	#content ul.pagenumbers a:hover { display:block; width:22px; padding:3px 0px 3px 0px; background-color:#e0efff; font-weight:normal;}
	#content ul.pagenumbers .selected a:hover {font-weight:bold;}
/********************************************************************/
/*                           scroller                               */
/********************************************************************/
#activitiesContainer { float:left; overflow: hidden; position: relative;  width:190px; height:100px; padding:15px 15px 10px 15px; background:url(../_images/general/bg-todays-activities.gif) no-repeat top left #ffad00;}