/* CSS Document */







	body {







		margin:0;







		padding:0;







		background:#E0E7ED;







		color:#000000;







		font-family: Arial, Helvetica, sans-serif;







	  /*font-size: 0.9em;*/

	  

	  font-size:10pt;







	}







	html, body, #container {







	 width: 960px;







	margin:0px auto;







	







  }







	#container {











		/*margin:0 auto;*/







		width: 960px;


   margin:0px auto;
   





		/*margin: 0;*/







	/*	padding: 0;*/







	}







	#header {







		background:#ddd;







    position: relative;







    height: 187px;







	}







  #header p{







    margin: 0;







    padding: 0;







    position: absolute;







    bottom: 3px;







    right: 3px;







    text-align: right;







    color: #FFFFFF;







    zorder: 10;







  }







	#header h1 {







    	padding:5px;







	    margin:0;







  }







	/*========================= TOP OF THE MENU CASCADE =========================*/







#menu{



    background-color: #6699CC;



    float: left;



    width: 100%;



}







.menu {







	position:relative;        /* establish a menu-relative positioning context */







	float:left;                                     /* play nicely with others */







	margin:0;







	padding:0;







	border:0;







border-top: 2px solid #000000;







	height:20px;                                  /* the menu's overall height */







	/*width:100%; */        /* we always want our menu to fill the available space */







	background:#6699CC;







	font-family: Verdana, Arial, Helvetica, sans-serif;







	font-size:12px;         /* this (and also below) sets the menu's font size */







	border-bottom:1px solid black;        /* give us a black border underneath */







}







.menu img {







	vertical-align: top;      /* prevent images from being pushed down by text */







}







.menu ul {







	padding:0;







	margin:0;







	border:0;







	list-style-type:none;          /* we don't want to view the list as a list */







	line-height:1.5em;           /* globally set the menu's item spacing. note */







}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */







.menu li {







	float:left;    /* this creates the side-by-side array of top-level buttons */







	position:relative;    /* create local positioning contexts for each button */







	margin:0;







width: 90px;







border-right: 1px solid #000000;







}







.menu ul li table {







	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */







	m\argin:0;               /* re-zero the table margins for everyone but IE5 */







	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */







	font-size:12px;        /* this sets the base font size for our entire menu */







}







.drop {







	display:block;







	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */







	margin:0;







	text-align:right;   /* this right alignment goes with the float:left below */







	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */







	cursor:hand;           /* IE5 only knows about , so set it both ways */







}







.drop span {        /* this simultaneously left and right aligns the text and */







	float:left;       /* the >> in the drop-down menus which link to sub-menus */







}







.rightmenu {







	position:relative;  /* establish a local positioning context for YAH label */







	float:right;                  /* and right-align it at the top of our page */







}







#research {            /* this rightmost  button must be positioned */







	position:absolute;       /* absolutely so that the YAH (you are here) text */







	top:0px;               /* label will slide underneath it under Opera v8.54 */







	left:364px;    /* which has a z-order sequencing bug with abs-pos elements */







}







/*======================== TOP LEVEL MENU DEFINITIONS ========================*/







.menu ul li ul {







	display:none;                  /* initially hide the entire list hierarchy */







	padding:1px;                               /* this is our box border width */







}







.menu ul li a,







.menu ul li a:visited {                    /* unselected top-level menu items */







	display:block;







	float:left;







	text-decoration:none;







	height:20px;







	color: #FFFFFF;







	padding-left: 3px;







width: 87px;







}







.menu ul li:hover a,







.menu ul li a:hover {                        /* selected top-level menu items */







background: #8DAF5B;







	height:20px;







}







/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/







.menu ul li:hover ul,







.menu ul li a:hover ul {                           /* 2nd level drop-down box */







	display:block;







	position:absolute;







	margin:0;







	top:20px;              /* place us just up underneath the top-level images */







	left:-1px;       /* left-align our drop-down to the previous button border */







	height:auto;      /* the drop-down height will be determiend by line count */







	width:13.5em;







	color:black;                        /* this sets the unselected-text color */







	background:black;         /* this sets our menu color */







}







.menu ul li:hover ul.leftbutton,







.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */







	left:0px;







}







.menu ul li:hover ul.skinny,







.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */







	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */







}







.menu ul.rightmenu li:hover ul,







.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */







	left:auto;







	right:0;         /* nudge the right menu right to line up under the border */







}







* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */







	right:-1px;







}







.menu ul li:hover ul li a,







.menu ul li a:hover ul li a {                   /* 2nd level unselected items */







	border:0;







	margin:0;







	padding:0;







	height:auto;







	color:#FFFFFF;               /* this sets the unselected drop-down text color */







	background:#8DAF5B;       /*#CBB988; this sets the drop-down menu background color */







	width:13.5em;







}







.menu ul li:hover ul li:hover a,







.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */







	color:black;







	background:white;







}







.menu ul li:hover ul.skinny li a,







.menu ul li a:hover ul.skinny li a,







.menu ul li:hover ul.skinny li a:hover,







.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */







	width:8.08333em;







}







/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/







.menu ul li:hover ul li ul,







.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */







	visibility:hidden;







}







.menu ul li:hover ul li:hover ul,







.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */







	visibility:visible;







	position:absolute;







	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */







	top:0;







	left:8.08333em;







	width:14em;







}







.menu ul li:hover ul li:hover ul li a,







.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */







	width:14em;







	background:#d8d8d8;







}







.menu ul li:hover ul li:hover ul li a:hover,







.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */







	width:14em;







	background:white;







}



 #contentarea{

    background-color: #F3F0E2;

    float: left;

    height: auto;

    width: 960px;

}



	#content {



    float: right;

    width: 700px;





	}







	#sidebar {



    background: none repeat scroll 0 0 #F3F0E2;

    border: medium none;

    float: left;

    margin: 0 0 0 12px;

    width: 215px;







	}







	#sidebar ul {



    border-top: 1px solid #8DAF5B;

    list-style-type: none;

    margin: 0;

    padding: 0;









  }











  #sidebar a, #sidebar a:visited {



    background-color: #FFFFFF;

    border-bottom: 1px solid #8DAF5B;

    border-color: #000000 #000000 #8DAF5B;

    color: #000000;

    display: block;

    padding: 2px 2px 2px 10px;

    text-decoration: none;



  }







  #sidebar a {height: 1%;}







  #sidebar a:hover {







    background-color: #8DAF5B;







    color: #FFFFFF;







  }







  #sidebar li.current {



    background-color: #427242;

    color: #FFFFFF;

    cursor: default;

    font-weight: bold;

    padding: 3px 2px 3px 10px;







  }







  #sidebar p{







    padding: 2px 2px 2px 10px;







    color: #FFFFFF;







    background-color: #8DAF5B;







    font-weight: bold;







    margin: 0;







  }







	#footer {







		background:#8DAF5B;







		clear:both;







		margin-top: 5px;







		/*height: 0;*/







		font-size: 0.7em;







		text-align: right;







		color: #CCCCCC;







		padding: 2px 5px 2px 2px;







	}







	#footer a{







    color: #CCCCCC;







  }







	#footer p {







		padding:5px;







		margin:0;







  }







  h1 {



    clear: left;

    color: #000000;

    font-size: 17px;

    margin: 0;

    padding: 20px 0 15px 10px;







  }







  .month{







  	height: 20px;







  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;







  	font-size : 14pt;







  	background-color : #8DAF5B;







  	color : #FFFFFF;







  	margin: 5px 0px 0px 0px;







	  padding-left: 5px;







  }







  .day{



    color: #427242;

    font-size: 25px;

    font-weight: bold;

    padding-right: 9px;

    text-align: center;

    vertical-align: top;

    width: 5%;

}







.time{



    font-weight: normal;

    padding-top: 9px;

    vertical-align: top;

    width: 20%;







}







.event{







	font-weight : normal;







	width: 75%;







	vertical-align : top;

border-bottom:1px solid #AFAFAF;





}



.event a{

	font-weight:bold;

}



.event p{

    line-height: 18px;

    padding-bottom: 9px;

}



.event hr.grey_line{

    border-color: #AFAFAF -moz-use-text-color -moz-use-text-color;

    border-style: solid none none;

    border-width: 1px medium medium;

    float: left;

    padding-bottom: 6px;

    width: 490px;

}

.day_number{







  font-weight: bold;







  font-size: 1.2em;







}







.day_block{







  margin: 5px 5px 0px 0px;







  padding: 5px;







  background-color: #FFFFFF;



 border: 1px solid #99CCFF;



}







.event_block{







  width: 100%;







  padding: 2px;







}







#strapline{







  background: #6699CC;







  color: #FFFFFF;







  font-style: italic;







  padding: 5px 0px 5px 10px;







  border-bottom: 2px solid #000000;







}







#sidebar p.spacer{







  /*border-top: 1px solid #000000;*/







    background-color: transparent;

    height: 20px;







 /* background-color: #CBB988;*/







}



#sidebar h2{

    color: #FFFFFF;

    font-size: 15px;

    font-weight: bold;

    margin: 0;

    padding: 2px 2px 2px 10px;

    text-align: left;

}



#content h2{

  	color: #FFFFFF;

    font-size: 1.1em;

    margin: 0;

    padding: 2px 2px 2px 10px;

}



p.link{







  border-top: 1px solid #000000;







}







input{







  border: 1px solid #8DAF5B;







  background-color: #8DAF5B;







  color: #FFCC66;







}







form{







  margin: 10px 10px 10px 10px;







  padding: 10px 10px 10px 10px;







  border: 1px dotted #8DAF5B;







}







form p{







  clear: left;







  margin: 0;







  padding: 0;







  padding-top: 5px;







}







form p label{







  float: left;







  width: 30%;







}







.txt{







  border: 1px solid #8DAF5B;







  background-color: #FFFFFF;







  color: #000000;







}







form textarea{







  overflow: auto;







}







p.form_footer{







  text-align: right;







  padding-right: 2%;







}







p.warning {







  color: #FF0000;







}







label.showRequired {







  font-weight: bold;







  text-decoration: underline;







}







.img_caption{







  padding-right: 5px;







  font-size: 0.8em;







  font-style: italic;







  color: #000000;







  float: right;







}







.right{







    float: right;







    clear: right;







  }







   .left{







    float: left;







    clear: left;







  }







img.left{







  border: 0;







  margin: 0 5px 5px 0;







}







#s_map{







float: right;







margin-right: 50px;







background-color: #FFFFFF;







}











#container .search_area{



    border-bottom: 1px solid #000000;

    border-top: 2px solid #000000;

    float: left;

    padding-left: 100px;



}







#container .search_area form{



    border: medium none;



    float: left;



    height: 20px;



    margin: 0 0 0 10px;



    padding: 0;



}



#container input.search_submit{



    background-color: #8DAF5B;



    background-image: url("../images/search.png");



    background-position: 2px 50%;



    background-repeat: no-repeat;



    border: medium none;



    cursor: pointer;



    float: right;



    height: 20px;



    padding: 0;



    width: 28px;



*float:none;



}







.search_area input{



    background-color: #FFFFFF;



    border: 1px solid #999999;



    color: #000000;



    height: 18px;



    padding: 0;



    width: 135px;



*margin-left:-4px;



*margin-top:-1px;



}







.search_area label{



    color: #FFFFFF;



    margin-right: 4px;



    margin-top: 2px;



float:left;



font-size:12px;



font-family:verdana;



*margin-top:1px;



*margin-right:8px;



}







#results h2{



font-size:13px;



}



.event p span{

    width: 490px;

}



.event span.info{

    float: left;

    padding-bottom: 10px;

    width: 490px;

}



.swimming_pool{

    background-color: #FFFFFF;

    margin: 5px 5px 0 0;

    padding: 5px 12px;

}



#event_block{

    padding-bottom: 20px;

    padding-left: 11px;

    padding-right: 20px;

}