/* i {font-style: normal !important;} */
html, body {	height:100%;}
body {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	height:100%;
	min-height:100%;
	}

a:link { color: #407470; text-decoration: underline }
a:visited  { color: #407470; text-decoration: underline }
a:hover  { color: #000; text-decoration: underline }
a:active  { color: #407470; text-decoration: underline }		

div#frame {
	width: 770px;
	height:100%;
	min-height:100%;
	}
html>body #frame {height:auto;} /*for mozilla as IE treats height as min-height anyway*/	
#left {
	width: 116px;
	text-align: right;
	float: left;
	position: relative;
	height:100%;
	min-height:100%;
	}
#right	{
	background-image: url(bg2.jpg);
	background-repeat: repeat-y;
	float: left;
	width: 654px;
	position: top right;
	height:100%;
	min-height:100%;
	}
html>body #frame #right {height:auto;} /*for mozilla as IE treats height as min-height anyway*/	

/* YOUTH SERVICES*/
/*background-image-urls*/
#rightyouth			{ background-image: url(assetsyouth/bgkids.jpg);}
#rightpreschool	{ background-image: url(assetsyouth/bgpreschool.jpg); }
#rightteens 		{ background-image: url(assetsyouth/bgteen.jpg);} 
/*background-image-properties*/
#rightyouth,
#rightpreschool,
#rightteens 
	{
	background-repeat: no-repeat;
	background-position: 0 60px;
	float:left;
	width: 654px;
	height:100%;
	min-height:100%;
	}

/*for mozilla as IE treats height as min-height anyway*/	
html>body #frame #rightyouth,
html>body #frame #rightpreschool,
html>body #frame #rightteens
	 {height:auto;} 

/*nav list*/
#navlist  a .dot { font-weight: bold; display: none;  }
#navlist  a:link .dot { color: #407470; text-decoration: none }
#navlist  a:visited .dot { color: #407470; text-decoration: none }
#navlist  a:hover .dot { color: #fff; text-decoration: none }
#navlist  a:active .dot { color: #407470; text-decoration: none }	


#leftnote	{
	background-color: #A0CC68;
	background-image: url('assets/symbol.gif');
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 30px;}
#dateimg {float: right;}	
.datetext {
	font-size: 11px;
	font-weight: bold;
	padding: 0 5px 1em 1px;
	clear: both;
	}


#navcontainer {
  width: 114px;
  border-right: 2px solid #98CC98;
  padding: 0 0 0 0;
  margin-bottom: 0em;
  padding-top: 0.5em;
  font-size: 12px;
  text-align: right;
  height: auto;
}
* html #navcontainer {
  width: 116px;
  w\idth: 114px;
	}
#navcontainer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#navcontainer li {
  border-bottom: 0px solid #fff;
  margin: 0;
}

#navcontainer li a {
  display: block;
  padding:2px 3px 2px 0;
  background-color: #2175bc;
  background-color: #fff;
  color: #366;
  text-decoration: none;
  width: 111px;
  font-weight: bold;
}
* html #navcontainer li a {
  width: 114px;
  w\idth: 111px;
}


#navcontainer li a:hover {
  background-color: #2586d7;
  background-color: #407470;
  color: #fff;
}

/* RIGHT SIDE */

#homebig { 
  width: 646px; 
  background-image: url('assets/topright.gif');
  background-position: top right;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

#logo {
  width: 646px;
  background-color: white;
  background-image: url('assets/topright.gif');
  background-position: top right;
  background-repeat: no-repeat;
}
#underlogo { 	width:100%; }
#libpic {
	float:left;
	position: relative;
	}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #libpic {margin-right:-3px;} 

#subnav {width: 397px; float: left; border: 0px solid red; position: relative;  }

table#subnav a {
	font-size: 12px;
	font-weight: bold;
	width: 180px;
	display: block;
	float: left;
	margin: 0px;
	padding: 3px;
	}
/*CONTENT */	
#homefeatures {
	float: right;
	position: relative;
	width: 165px;
	width: 190px;
	margin: 0 0 0 15px;
	}
#homefeatures .symbol {float: left; display: block; margin-right: 5px;}
#homefeatures #featlink {margin: 0px; }
#homefeatures #featlink h2 {font-size: 14px; margin: 6px 0 0 3px; margin-top: 6px; }
#homefeatures #featlink p {margin: 0 0 4px 0; clear: left;}
#homefeatures .more {display: block;}
#homefeatures #featevent {}
#homefeatures #featevent h2 {font-size: 14px; margin: 6px 0 0 3px;}
#homefeatures #featevent p {margin: 0 0 4px 0;  clear: left;}
#homefeatures .more {display: block; clear: left;}
#homefeatures img#eventimg {
	display: block;
	float: left;
	position: relative;
	margin: 2px 5px 0 0;
	border: 1px solid #407470;
	}

#homefeatures hr { text-align: right; width: 100%; height: 2px; color: #407470; border: none; clear: left; } /* For Internet Explorer */
#homefeatures #signup {font-size: 12px;}
HTML>BODY #homefeatures HR { margin-right: 0; width: 100%; height: 2px; background-color: #407470; border: none; } /* For Gecko-based browsers */
HTML>BODY #homefeatures HR { margin-right: 0; width: 100%; height: 2px; background-color: #407470; border: 0px solid #F00; } /* For Opera and Gecko-based browsers */


#content {
  width: 570px;
  margin-left: 60px;
  clear: left;
  margin-right: 20px;
  font-size: 14px;
}

#content #bread {font-size: 11px; margin-bottom: 1em;}	
#content #subsubnav {font-size: 11px; font-weight: bold; margin-bottom: 20px;}
#content #subsubnav a {margin-right: 5px; }
#content #subsubnav a:link {}
#content #subsubnav a:visited {}
#content #subsubnav a:hover {}
#content #subsubnav a:active {}


#content h1 {
	font-size: 16px;
	color: #407470;
	color: #000;
	margin: 0;
	padding-top: 20px;
	}
#content h3 {
	font-size: 14px;
	color: #407470;
	margin: 0;
	padding-top: 20px;
	}	
#content h1#home {padding-top: 0;}
#content p { margin-top: 0; margin-bottom: 0.5em;}
#content ul {margin-top: 0; padding-top: 0;}
#content li {margin-top: 0;padding-top: 0;}
#content li li {}
#content li li li {}

#content img.right {
	float: right;
	border: 3px double #407470;
	margin: 0 0 5px 5px;
	}
	
#bottomaddress {
	margin: 10px 0 10px 60px;
	}
#bottomaddress address {
	font-size: 12px; 
	font-style: normal;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	}
#copyright {
	font-size: 11px;
	margin: 10px 0 10px 60px;
	color: #666;
	}
/* PRINT LINK */
#print {margin: 5px;
padding: 5px;
border: 1px solid black;
text-align: right; display: none;
}

#print a {
	padding:5px;
	font-size: 12px;
	}
/* tell a friend form */
#tell-a-friend {width: 310px;}
#tell-a-friend,
#tell-a-friend input,
#tell-a-friend textarea
 { font-size: 12px;}	
#tell-a-friend label {width: 150px; display: block; float: left; text-align: right; margin-right: 10px;}
#tell-a-friend input {width: 150px; }
#tell-a-friend input#submit {width: auto; margin-top: 0.5em;}
#tell-a-friend textarea {width: 300px; float: right;}
.content {font-size: 12px;}
#signup td {font-size: 12px;}