body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; background-color: #eeeeee;/*#94BFDF;*/ height: 100%;}

#container {background-color:#ffffff; margin:0 auto 0 auto; width: 950px; border: 1px solid #313d9e; height:auto;}				
#banner {width: 950px; height: 117px;background-color: #fff; /*border-bottom: 1px solid #313d9e;*/}
#banner h1 {margin: 0; padding: .5em;}
#content {width:795px; padding-left: 10px; padding-top: 40px; font-size: 1em; margin: 3px 0 1em 140px; height: 100%; /*border-left-color: #313d9e; border-left-width: 2px; border-left-style: solid;*/}
#content h2 { margin-top: 0; }
#content h1 {font-size: 1.6em; color: #1316bb;}
#content h2 {font-size: 1.4em; color: #1316bb;}
#content h3 {font-size: 1.2em; color: #1316bb;}
#content p {font-size: 1.2em;}
#content p.fill {font-size: 1.2em; background-color: #d4dceb; border: solid #d4dceb 12px;}
#content p.small {font-size: 1.1em; color: #b61922;}
#content p.youthblue {font-size: 1.6em; color: #01aceb; font-weight: bold;}
#content p.youthwhite {font-size: 1.6em; color: #fff; font-weight: bold;}
#content p.youthblack {font-size: 1.6em; color: #000;}
#content p.leisure {
	font-size: 1.2em;
	color: #000;
	line-height: 1.6em;
}
#content p.churches {
	font-size: 1.2em;
	color: #000;
	line-height: 1.6em;
}
#content p.travel {
	font-size: 1.2em;
	color: #000;
	line-height: 1.6em;
}
#content p.health {
	font-size: 1.2em;
	color: #000;
	line-height: 1.6em;
}
#content p.schools {
	font-size: 1.2em;
	color: #000;
	line-height: 2.0em;
}
#nav {clear: both; float: left; width: 130px; margin-left: 0px; padding-top: /*1em;*/20px; height: 100%;}
#nav p { margin-top: 0; }

#footer {clear: both; background-color: #cccccc; text-align: center; padding: 0.5em 0 0.5em 0;color: #000;}
#footer p {font-size: 1.0em; }

#box1 {width:580px; float: left; height: 100%; margin-left: 5px;}
#box2 {width: 180px; float: left;}

hr {border: 0; width: 100%; color: #313d9e; background-color: #313d9e; height: 2px;}

.white {color:white; text-decoration: underline;}

.bullet li {list-style-image: url(images/bullet.gif); font-size: 1.2em;}
.redbullet li {list-style-image: url(xmas/redbullet.gif); font-size: 1.2em;}
.artbullet li {list-style-image: url(artsnetwork/images/bulletarts.gif); font-size: 1.2em;}
.ds {font-size: 3.0em; color: #ffffff;}

.fds {font-size: 14px; color: #ffffff; text-align:center;}

#homeleftcol {  float: left; width:375px; margin: 0 0 0 0px;}
#homerightcol {  width:375x; margin: 0 0 0 380px;}
#leftcol {  float: left; width:300px;}
#newsrightcol {  width:450x; margin: 0 0 0 305px;}
#newsrightcol h1 {font-size: 1.2em; color: #7fb464;}
#newsrightcol h2 {font-size: 1.1em; color: #666666;}

/* >>>>>>>>>> START HORIZONTAL NAVIGATION */
.bg {background: url(imagesnew/button4.gif);}
.menu {padding:0 0 0 141px; margin:0; list-style:none; height:40px; background:#fff url(imagesnew/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; /*font-size:11px;*/ font-size:1.1em; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(imagesnew/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#000; background: url(imagesnew/button4.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(imagesnew/button4.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(imagesnew/button4a.gif) no-repeat right top;}

.menu li:hover > a.top_link {color:#000; background: url(imagesnew/button4.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(imagesnew/button4.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(imagesnew/button4a.gif) no-repeat right top;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #1316bb; white-space:nowrap; width:200px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(imagesnew/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#1316bb; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#95d2ee url(imagesnew/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#95d2ee url(imagesnew/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 95d2ee; white-space:nowrap; width:93px; z-index:200; height:auto;}
/* >>>>>>>>>> END HORIZONTAL NAVIGATION */

/* >>>>>>>>>> START VERTICAL NAVIGATION LH */
#vmenu a, #vmenu a:visited {font-size: 1.2em; text-decoration:none; background-color:#1316bb; color:#ffffff; display:block; width:115px; padding:0.1em; margin:0.3em 0.5em;}
/*  border-right:5px solid #fff;*/
#vmenu a:hover {background-color: #ad1d1c; color: #ffffff;}
#herenow  a:hover {background-color: #1316bb; color: #000000;}
/* >>>>>>>>>> END VERTICAL NAVIGATION LH */

/* >>>>>>>>>> START VERTICAL NAVIGATION RH */
#rvmenu a, #rvmenu a:visited {font-size: 1.2em; text-decoration:none; background-color:#1316bb; color:#ffffff; display:block; width:115px; padding:0.1em; margin:0.3em 0.5em;}
/*  border-right:5px solid #fff;*/
#rvmenu a:hover {background-color: #ad1d1c; color: #ffffff;}
/* >>>>>>>>>> END VERTICAL NAVIGATION RH */

/* >>>>>>>>>> START VERTICAL NAVIGATION SHOPS */
#shopmenu a, #shopmenu a:visited {font-size: 1.2em; text-decoration:none; background-color:#ffffff; color:#1316bb; display:block; width:175px; padding:0.1em; margin:0.3em 0.1em;}
/*  border-right:5px solid #fff;*/
#shopmenu a:hover {background-color: #1316bb; color: #ffffff;}
/*#shopmenu a:hover {background-color: #ffffff; color: #0000ff; font-weight: bold;}*/
/*#shopherenow  a:hover {background-color: #1316bb; color: #000000;}*/
/* >>>>>>>>>> END VERTICAL NAVIGATION SHOPS */

/* >>>>>>>>>> START VERTICAL NAVIGATION SHOPS HOME PAGE */
#shopmenuhome a, #shopmenuhome a:visited {font-size: 1.4em; text-decoration:none; background-color:#1316bb; color:#ffffff; display:block; width:375px; padding:0.1em; margin:0.3em 0.1em;}
/*  border-right:5px solid #fff;*/
#shopmenuhome a:hover {background-color: #ad1d1c; color: #ffffff;}
/*#shopmenu a:hover {background-color: #ffffff; color: #0000ff; font-weight: bold;}*/
/*#shopherenow  a:hover {background-color: #1316bb; color: #000000;}*/
/* >>>>>>>>>> END VERTICAL NAVIGATION SHOPS HOME PAGE */

/* >>>>>>>>>> START EVENTS DIARY 2 */
#months a, #months a:visited {font-size: 1.1em; text-decoration:none; text-align:center; background-color:#b61922; color:#ffffff; width:130px; padding:0.2em; margin:0.5em auto; border-right:5px solid #fff;}
#months a:hover {background-color:#1316bb;}
/* >>>>>>>>>> END EVENTS DIARY */

/* >>>>>>>>>> START TABLE */
.datatable {border: 1px solid #7fb464; border-collapse: collapse; font-size: 1.2em;}
.datatable td {text-align: left; padding: 4px; border-spacing: 0;}
.datatable h3 {text-align: left; margin:0.1em; border-spacing: 0;}
/* >>>>>>>>>> END TABLE */
/* >>>>>>>>>> START SELECTORS */
a[href$=".pdf"]{
	background:url(images/pdf.png) right center no-repeat;
	padding-right: 40px;
}
/* >>>>>>>>>> END SELECTORS */

/* >>>>>>>>>> START FORM */	
label {width: 200px; float: left; text-align: right; margin-right: 0.5em; display: block; font-size: 1.2em;}
input {color: #1316bb; background: #eeeeee; border: 1px solid #1316bb;}
.submit input {margin-left: 4.5em; color: #000; background: #ffffff; border: 2px outset #d7b9c9;}
fieldset {background: #B8E0B6; border: 1px solid #31a94f; width: 600px;}
legend {color: #fff; background: #31a94f; border: 1px solid #31a94f; padding: 2px 6px;}
/* >>>>>>>>>> END FORM */

/* >>>>>>>>>> START PHOTO CAPTION & PLACEMENT */
.picture {background-color: #F9F9F9; border: 1px solid #CCCCCC; text-align: center; font-size: 1.1em; font-style: italic;}
.picture img {border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 2px; text-align: center;}
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
.middle { margin: 0.5em auto 0.5em auto;}
/* >>>>>>>>>> END PHOTO CAPTION & PLACEMENT */

/* >>>>>>>>>> START CALLOUT & PLACEMENT */
span.calloutleft {width: 130px; font-weight: bold; position: relative; float: left; margin: 10px 10px; padding: 5px; text-align: center; font-style: italic; font-size: 1.6em; background-color: #FFFFFF; color: #009900;}
span.calloutright {width: 130px; font-weight: bold; position: relative; float: right; margin: 10px 10px; padding: 5px; text-align: center; font-style: italic; font-size: 1.1em; background-color: #d4dceb; color: #ffffff;}
.calloutBox {margin: 20px; background-color: #5ba1df; color: #000; float: left; width: 150px;}
.portrait {border-bottom: 10px solid #FFF; border-left: none; border-right: none; border-top: 10px solid #FFF; margin: 0 30px;}
.portrait p {background-color: #ffffff;	color: #000; font-style: italic; text-align: center; margin: 0 -20px; padding: 1em;}
.horizontal {background-color: #FFF; border-bottom: 10px solid #F09; border-left: none; border-right: none; border-top: 10px solid #F09; color: #000; margin: 0 10px; padding: 20px 0;}
.horizontal p { margin: 0 -10px; padding: 0 20px;}
/* >>>>>>>>>> END CALLOUT & PLACEMENT */

/* >>>>>>>>>> START CURVY BOX */
.curvyleft {position:relative;   float: left; width:150px; background:#65a0dc; color:#000; margin:2em 2em; 	text-align: center;}
.curvyleft em b {position:absolute; font-size:150px; font-family:arial; color:#65a0dc; line-height:40px; font-weight:normal;}
.curvyleft p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}
.curvyright {position:relative;   float: right; width:150px; background:#bbb; color:#ffffff; margin:2em 2em; 	text-align: center;}
.curvyright em b {position:absolute; font-size:150px; font-family:arial; color:#bbb; line-height:40px; font-weight:normal;}
.curvyright p {position:relative; z-index:100; padding:10px 15px; font-size:11px;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#9caf9c; background:#fff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
/* >>>>>>>>>> END CURVY BOX */

/* START XMAS */
.xmas {
	font-size: 1.6em;
	color: #FF0000;
	font-weight: bold;
}
.redtext {
	font-size: 1.1em;
	color: #FF0000;
	font-weight: bold;
}
/* END XMAS */