/*
----------------------------------------------------------------
Palcare Global Style Sheet
Author: Kai Conragan
Date: 101/10/2003
---------------------------------------------------------------- */

/*<group=Text Formatting>*/

/*Text Formatting For Primary Text
----------------------------------------------------------------*/

#pagecontent h3 {
	font-family : georgia, sans-serif;
	color : #c00;
	border-bottom : 1px dotted #ccc;
	width : 550px;
	margin : 0;
	padding : 0;
}
h4 {
	display : block; clear : both;
	font-family : georgia, times new roman, times, serif;
	color : #73a79f;
}

#pullquote {
	border-top : 1px dotted #ccc;
	border-bottom : 1px dotted #ccc;
	color : #73a79f;
	font-family :georgia, 'times new roman', times, serif;
	padding : 1em;
	line-height :140%;
	font-size :120%;
	background-image :url(media/home/mission_new.gif);
}

.rightcolumn_section {
	text-align : left;
	width : 160px;
}

.rightcolumn_section h5 {
	color : #c00;
	padding-left : 1em;
	font-family : georgia, times new roman, times, serif;
}

.rightcolumn_section p {
	padding-left : .7em;
	text-align : left;
	color : #333;
}
	
/*</group>*/

/*<group=Common>*/
ul {
	list-style-image : url("/media/common/list_arrow.gif");
	margin-left : 0;
}

p {
  line-height:1.7em;
}

dl {
	margin : 0; padding : 0 0 0 10px;
}

dt {
	color : #333;
	font-weight : bold;
	font-size : 11px;
}

dd {
	font-size : 11px;
	margin : 0 0 4px 0; padding : 0;
}

h5 {
	color : #333;
	padding : 0 0 0 10px;
	margin : 0;
}

h6 {
	color : #73a79f;
	font-family : Georgia, "Times New Roman", times, serif;
	padding : 0;
}
	
/*</group>*/

/*<group=Skeleton>*/

body {
  margin : 0;
  padding : 0;
  background : #fff url(/media/interface/1px_fc6.gif) repeat-x;
  color : #000;
  font: small trebuchet, Verdana, arial, helvetica, sans-serif;
} html>body {font-size:small;}



/* Header
----------------------------------------------------------------*/

/* pagetop sets up top area */

#pagetop {
  background-image :url(/media/interface/header_bg.gif);
  background-repeat : no-repeat;
  margin : 0;
  height : 128px;
  border-bottom : 4px solid #73a79f;
  voice-family : "\"}\"";
  voice-family : inherit;
  height : 124px;
} html>body #pagetop {height:124px;}

/* yellowbar is superfluous but allows for fluid yellow bar */

#yellowbar {
	background-image: url(/media/interface/1px_fc6.gif);
	background-repeat:repeat-x;
	height : 50px;
}

#pagecontent  {
	position : absolute;
	top : 245px;
	left : 175px;
	width : 550px;
	margin : 0;
	padding : 0;	
}

#pagecontent img {
	padding : 5px 0;
}

#middle {
	float : left;
	width : 350px;
	padding-right : 15px;

}

#middle p {
	text-align : justify;
}

	
/*</group>*/

/*<group=Nav>*/

/*Navigation
----------------------------------------------------------------*/

#logo {
	position:absolute;
	top:20px; left:15px;
	width : 47px;
	height : 92px;
	border : 0;
}
#nav {
	position:relative;
	margin-left:70px;
	height:100%;
	font-size:85%;
}
#nav #buttons {
	position:absolute;
	background : #fff;
	bottom:0;
	left:0;
	border-left : 1px solid #999;
}
#nav a, #nav strong, #nav em {
	float:left;
	display:block;
	padding:2px 12px 7px;
	border-width:0;
	border-style:none;
 	border-right:1px solid #999;
	text-decoration:none;
	text-transform:lowercase;
	color:#000;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:1.3em;
}

#nav a:hover {
	color:#c00;
  } html>body #nav a, html>body #nav strong, html>body #nav em {height:1.3em;}

/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #c00;
  padding-bottom:2px;
  }
  
#nav a#active {
	color : #c00;
	border-bottom:5px solid #c00;
}

#naeyc {
	position : absolute;
	top : 13px; left : 300px;
	width : 92px; height : 52px;
	display : block;
	margin : 0; padding : 0;
	background : #fff url(/media/common/naeyc.gif) no-repeat;
	width : 92px; height : 52px;	
}

#nav #naeyc a {
	float : none;
	display : block;
	width : 92px; height : 52px;
	padding : 0; border : 0;
}

#nav #naeyc a:hover {
	background : #fff url(/media/common/naeyc.gif) no-repeat 0 -52px;
	border : 0;
	width : 92px; height : 52px;
}

#nav #naeyc a span {
	display : none;
}

/*subnav
----------------------------------------------------------------*/

#leftcolumn ul {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	text-align : right;
	width : 150px;
}

#leftcolumn ul li {
	list-style: none; 
	margin: 0; 
	padding: 0.5em; 
	border-top: 1px solid gray;
	text-align : right;
	font-size : 85%;
}

#leftcolumn ul li a {
	text-decoration: none;
	color : #666;
	font-weight : bold;
} 
#leftcolumn ul li a:hover {
	color : #c00;
}

#leftcolumn ul li ul {
	padding : 0 1em .5em 0;
	margin : 0;
	text-align : right;
	width : 150px;
	border : none;
	font-size : 120%;
}

#leftcolumn ul li ul li {
	border : 0;
	padding : .25em;
	padding-right : 1em;
}

#leftcolumn ul li ul a {
	color : #333;
	border-bottom : 1px dotted #999;
	font-weight : normal;
} 
#leftcolumn ul li ul a:hover {
	color : #c00;
}

#subnav2 #subnav3 {
	padding : 0 1em .5em 0;
	margin : 0;
}

#subnav2 #subnav3 li {
	border : 0;
	padding : .25em;
}

#subnav2 #subnav3 li a {
	color : #333;
	border-bottom : 1px dotted #999;
	font-weight : normal;
}

#subnav2 #subnav3 li a:hover {
	color : #c00;
}
	
/*</group>*/

/*<group=Homepage>*/

/* Home Page Styles
----------------------------------------------------------------*/
#home #pagecontent {
	position:absolute;
	top:130px; left:0;
  	margin:0;
 	right : 15px; margin-right:-760px; /* IE5/Mac horizontal scrollbar fix */
  	width:100%;
}
#home #pagecontent #toprow {
	display : block;
	float :left;
	background: url(/media/home/yellow-gradient.jpg) repeat-y;
	width : 760px;
	height : 100%;
}

p#intro {
	margin-left : 213px;
	padding-right : 25px;
	font-size : 85%;
	color : #333;
}

h1#programinfo {
	width : 760px; height : 26px;
	margin : 25px 0 0 0; padding : 0;
	background : transparent url(/media/home/welcome2.gif) no-repeat;
}

h1#programinfo span {
	display : none;
}

ul#homeprograms {
	width : 760px; height : 148px;
	background : #fff url(/media/home/programs.gif) no-repeat;
	margin : 0; padding : 0;
	position : relative;
}

ul#homeprograms li {
	margin : 0; padding : 0;
	list-style : none;
	position : absolute;
	top : 0;
}

ul#homeprograms li, ul#homeprograms a {
	display : block;
	height : 148px; width : 190px 
}

ul#homeprograms li a span {
	display : none;
}

#infantbtn {
	left : 0;
}
#infantbtn a:hover {
	background : transparent url(/media/home/programs.gif) 0 -148px no-repeat;
}

#toddlerbtn {
	left : 191px;
}
#toddlerbtn a:hover {
	background : transparent url(/media/home/programs.gif) -191px -148px no-repeat;
}

#preschoolbtn {
	left : 382px;
}
#preschoolbtn a:hover {
	background : transparent url(/media/home/programs.gif) -382px -148px no-repeat;
}

#prekbtn {
	left : 569px;
}
#prekbtn a:hover {
	background : transparent url(/media/home/programs.gif) -569px -148px no-repeat;
}

#bottomrow {
	clear: both;
	padding-top : 20px;
}

#quickcontact, #gallery {
	width : 191px;
	border : 0;
	float : left;
}

#quickcontact h3 {
	display:block;
	height: 16px; width : 190px;
	background : url(/media/home/quickcontact.gif) no-repeat;
	border : 0;
}

#gallery h3 {
	display:block;
	height: 16px; width : 190px;
	background : url(/media/home/artgallery.gif) no-repeat;
	border : 0;
}


#about {
	float : left;
	border-left : 1px solid #999;
	border-right : 1px solid #999;
	width : 380px;
}
#quickcontact p, #about p {
	padding : 0 20px;
	color : #333;
	font-size : 85%;
}

#about h3 {
	display : block;
	width : 379px; height : 16px;
	background : url(/media/home/whatshappening.gif) no-repeat;
	border : 0;
}

#quickcontact h3 span, #about h3 span, #gallery h3 span {display:none;}
	
/*</group>*/


/*<group=Sections>*/

/*<group=Proginfo>*/

#proginfo #header h2 {
	display:block;
	background-repeat:no-repeat;
	height:95px;
	margin : 0;
	padding: 5px 0;
	width: 100%;
	background-color : #ececec;
	color : #c00;
	border-bottom : 1px solid #000;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:85px;
}html>body #proginfo #header h2 {height:85px;}

#proginfo #header h2 span {display:none;}

#proginfo #header h2 {background-image:url("/media/interface/header_temp.jpg");}

#leftcolumn {
	position : absolute;
	top : 250px;
	left: 0;
	width : 150px;
	padding : 0;
	margin : 0;
}
#proginfo #pagecontent  {
	position : absolute;
	top : 245px;
	left : 175px;
	width : 550px;
	margin : 0;
	padding : 0;	
}

#proginfo #pagecontent p {
	font-size : 90%;
	line-height : 140%;
	padding-left : 10px;
}

#proginfo #pagecontent ul {
	font-size : 90%;
	line-height : 130%;
	text-align : justify;
}

#proginfo #pagecontent .rtImage {
	float : right;
	margin :  0 0 1em 1em;	
}
#proginfo #pagecontent .ltImage {
	float : left;
	margin :  0 1em 1em 0;
	display : block;
}

#rightcolumn {
	float : left;
	text-align : center;
	border-left : 1px dotted #ccc;
}

#pagecontent p img {
	float : left;
	padding : 0 15px 15px 0;
}
	
/*</group>*/

/*<group=Partners>*/
span.image {
	float : left;
	width : 100px;
	text-align : center;

}

p.pdescription {
	float : left;
	border-left : 1px solid #ccc;
	width : 400px;
	margin-left : 15px;
}

hr.partner-rule {
	border : 0;
	color : #ccc;
	background-color : #ccc;
	clear : both;
	width : 550px; height : 1px;
	margin-bottom : 10px;
	
}
/*</group>*/
	
/*</group>*/

/*<group=Tables>*/
#styled {
	border:1px #666 solid;
	border-top:0 none;
	background:#fff;
	font-size:11px;
	width : 550px;
}
#styled caption {
	padding:5px;
	text-align:left;
	font-weight : bold;
	color:#73a79f;
	border-bottom:1px #000 solid;
}
#styled th {
	text-align:left;
	padding:10px 0 2px 5px;
	border-bottom:2px #000 solid;
	color : #c00;
	}
#styled td {
	padding:5px;
	border-bottom:1px #ccc solid;
}
#styled tr {
	background:#fff;
}
.size  {
	width: 200px;
}
#styled a {
	text-decoration: none;
	color : #000; 
}
#styled a:hover { 
	color : #c00;
	cursor:default;
}	
/*</group>*/

/*<group=Applications>*/
#employmentapp, #scholarshipapp, #enrollmentapp {
	width : 160px; height : 100px;
}

#employmentapp a, #scholarshipapp a, #enrollmentapp a {
	display : block;
	margin : 0; padding : 0;
	width : 160px; height : 100px;
}

#employmentapp a span, #scholarshipapp a span, #enrollmentapp a span {
	display : none;
}

#employmentapp { background : #fff url(/media/common/employment-application.gif) no-repeat;}
#employmentapp a:hover { background : #fff url(/media/common/employment-application.gif) no-repeat 0 -99px; }

#scholarshipapp { background : #fff url(/media/common/scholarship-application.gif) no-repeat;}
#scholarshipapp a:hover { background : #fff url(/media/common/scholarship-application.gif) no-repeat 0 -99px; }

#enrollmentapp { background : #fff url(/media/common/enrollment-application.gif) no-repeat;}
#enrollmentapp a:hover { background : #fff url(/media/common/enrollment-application.gif) no-repeat 0 -99px; }


/*</group>*/