/*--------------------------
Sunrise Montessori
orig Based on Keith Sutton, based on Microsound
VALID CSS 2.0
COPYRIGHT 2007 WILDFIREWEB
AUTHOR: - support@wildfireweb.com
CREATED: 050109bt 120409bt

---------------------------*/

@import url(/css/wildfirecommon.css);
@import url(/templates/sunrise_montessori/css/slatesblogs.css);
@import url(/templates/sunrise_montessori/css/datepicker.css);

body{
font-size: 62.5%;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
background: #859877;
}

a {
color: #0066A1;
}

a:visited {
color: #0066A1;
}

a:hover {
color: #485b7d;
}

.adminlinks {
display: block;
position: relative;
padding: 4px 20px;
font-size: 12px;
background: #ea892b url(/home/wfw/images/adminlinks_w.jpg) left no-repeat;
color: #eee;
text-align: center;
}

.adminlinks a{
color: #fff;
font-size: 12px;
text-decoration: none;
}

.adminlinks a:visited{
color: #fff;
}


.adminlinks a:hover{
color: #fff;
text-decoration: underline;
}


#wrapper{
margin:0 auto;
padding: 0 12px;
background: transparent url(/templates/sunrise_montessori/images/wrapbg.gif) repeat-y top center;
position: relative;
width: 904px;
/* force min-height in most browsers */
/*
min-height:450px;
height:auto !important;
height:450px;
*/
}

.hide{
position: absolute;
left: -9999em;
}

span.clearboth{
clear: both;
margin: 0;
height: 1px;
padding: 0;
display: block;
}



/* HEADER */

#header{
position: relative;
display: block;
width: 880px;
height: 188px;
padding: 0 0 0 20px;
padding: 0;
margin: 0;
margin-left: 12px;
color: #fff;
clear: both;
z-index: 4;
background: #4e6d62;
background: #fff url(/templates/sunrise_montessori/images/header4.jpg) top left;
}

/* band for top nav */

#topnav {
position: relative;
display: block;
width: 880px;
height: 30px;
margin:0;
padding: 0;
background: #4e6d62;
background: #313f3a;
clear:both;
z-index: 3;
}

/* dropdown menu */

#dropnav {
position: relative;
padding:.5em 0 0 0;
list-style: none;
margin: 0 0 0 10px;
text-align: center;
background: #313f3a;
}

#dropnav li{
position: relative;
display: block;
font-size: 1.2em;
font-weight: bold;
height: 30px;
float:left;
margin: 0;
padding: 0;
list-style: none;
}

#dropnav li a{
position: relative;
color: #fff;
text-decoration: none;
padding: 0px 12px 0px 12px;
margin: 0;
/* border: 1px solid red; */
}

#dropnav li span {
color: #fff;
padding: 0px 12px 0px 12px;
margin: 0;
/* border: 1px solid red; */
}

#dropnav li a:hover{
color: #eee;
padding: 0px 12px 0px 12px;
}

#dropnav li.selected_tab a{
color: #fff;
/* border: 1px solid #313f3a; */
}

#dropnav li ul {
	display:none;
	list-style:none;
	position: absolute;
	width: 200px;
	top:25px;
	left:10px;
	z-index:25;
	background:#638a7d;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px solid #313f3a;
}

#dropnav li:hover ul, #dropnav li.over ul {
	display: block; 
}

#dropnav li ul li {
	position:relative;	
	display:block;
	float:none;
	width:100%;
	_width:200px;
	height:25px;
	margin:0;
	padding:0;
	list-style:none;
	background:#638a7d;
	/*
border:1px solid #aaa;
	border-right:none;
	border-top:none;
*/
	z-index:200!important;
	border-bottom: 1px solid #eee;
}
#dropnav li ul li b {
	color:#fff;
}

#dropnav li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313f3a!important;
	font-weight:bold;
	display:block;
	padding-left:11px;
	padding-right:11px;
	text-decoration:none;
	/* border:none; */
	line-height:25px;
	height:25px;
	/* background:#638a7d; */
	background: #cddec0;
}
#dropnav li ul li a:hover {
	/* background:#4e6d62; */
	background: #313f3a;
	color:#fff!important;
}
/* End Drop Down Menu */


/* SIDE NAVIGATION */

#nav{
float: left;
display: block;
margin: 0;
padding: 0px 7px 20px 7px;
width: 156px;
list-style: none;
clear: both;
font-size: 11px;
color: #000;
background: #cddec0;
/* border: 1px solid blue; */
}

#nav a {
color: #4e6d62;
}

#nav a:hover{
color: #000000;
}


#nav ul{
margin: 0;
padding: 0;
list-style: none;
}

#nav li{
position: relative;
display: block;
font-size: 11px;
width: 150px;
margin: 0;
padding: 8px 0 3px 0;
border: none;
}

#nav li a{
position: relative;
display: block;
color: #4e6d62;
margin: 0 0 0 10px;
font-weight: 600;
font-size: 11px;
text-decoration: none;
}


#nav li a:hover{
color: #4e6d62;
text-decoration: underline;
}

#nav li.level_2 a:hover{
color: #000000;
}

#nav li span.level_2 {
color: #000000;
padding: 0;
font-weight: 600;
font-size: 11px;
margin: 0 0 0 10px;
}

#nav li.level_3 a:hover{
color: #000;
}

#nav li span.level_3 {
color: #638a7d;
margin: 0 0 0 10px;
font-weight: 600;
font-size: 11px;
color: #000;
}

#nav li a.parent{ /* these put an arrow to nav items that have sublevels */
background: transparent url(/templates/schools/images/arrow2.gif) no-repeat right center;
}

#nav li a.parent:hover{
background: transparent url(/templates/schools/images/arrow2.gif) no-repeat right center;
}

/* BREADCRUMB TRAIL */

#breadcrumb {
position: relative;
font-size: 1.1em;
font-weight: bold;
color: #fff;
color: #cddec0;
margin: 0;
padding: 0 0 1em 0;
}

#breadcrumb a {
color: #4e6d62;
text-decoration: underline;
margin: 0;
padding: 0;
}

a#breadcrumb0{
text-indent: 0;
display: block;
}

a#breadcrumb1, span#breadcrumb1{ /* adds drop arrow to secondary levels */
background: transparent url(/templates/schools/images/downarrow.gif) no-repeat left center;
text-indent: 0;
margin: -0.9em 0 0 0;
display: block;
padding-left: 0.9em;
position: relative;
}

a#breadcrumb2, span#breadcrumb2{
background: transparent url(/templates/schools/images/downarrow.gif) no-repeat left center;
text-indent: 0;
margin: -0.9em 0 0 1em;
display: block;
padding-left: 0.9em;
}

a#breadcrumb3, span#breadcrumb3{
background: transparent url(/templates/schools/images/downarrow.gif) no-repeat left center;
text-indent: 0;
margin: 0 0 0 2em;
display: block;
padding-left: 0.9em;
}

span#breadcrumb1, span#breadcrumb2, span#breadcrumb3, #breadcrumb a:hover{
color: #888;
}

#smallbox{
position: relative;
display: block;
clear: both;
/*
background: #e4e4c6;
background: #eeeeee;
*/
width: 165px;
overflow: hidden;
margin-top: 20px;
/* border: 1px solid green; */
}

#smallbox div{
position: relative;
font-size: 10px;
padding: 0 8px;
color: #555;
}

#smallbox div a {
color: #0066A1;
}

#smallbox div a:visited {
color: #0066A1;
}

#smallbox span.smallcap{
display: block;
width: 145px;
height: 22px;
background: transparent url(/templates/sunrise_montessori/images/smallcap.gif) no-repeat top center;
}

#smallbox span.smallfoot{
display: block;
width: 145px;
height: 22px;
background: transparent url(/templates/sunrise_montessori/images/smallfoot.gif) no-repeat top center;
}

/* CONTENT */


#container{
width: 880px;
position: relative;
display: block;
float: left;
margin: 0 0 0 0;
left: 12px;
padding: 0;
/* background: #fff url(/templates/sunrise_montessori/images/navbg.gif) repeat-y top left; */
background: #cddec0;
/* border: 1px solid red; */
}


#content{
position: relative;
display: block;
float: left;
margin: -1em 0 0 0;
/*
padding: 15px 10px 0 20px;
width: 640px;
*/
padding: 20px 10px 0 10px;
width: 690px;
font-size: 12px;
line-height: 1.6;
background: #fff;
z-index: 2;
/* force min-height in most browsers */
min-height:450px;
height:auto !important;
height:450px;
}

#fullpage_content{
position: relative;
display: block;
float: right;
margin: -1em 0 0 0;
padding: 20px 10px 0 10px;
width: 690px;
font-size: 12px;
line-height: 1.6;
background: #fff;
z-index: 2;
/* overflow: hidden; */
/* border: 1px solid red; */
/* force min-height in most browsers */

min-height:500px;
height:auto !important;
height:500px;


}

#bottom_content{
position: relative;
display: block;
width: 650px;
padding: 0;
bottom: 5px;
overflow: hidden;
margin: 20px 0 0 0;
}

#bottom_content table {
border: 1px solid #ccc;
}

#bottom_content td {
border: 1px solid #ccc;
}

#leftside {
position: relative;
display: block;
float: left;
}

#rightside {
position: relative;
display: block;
float: right;
margin-left: 10px;
margin-bottom: 10px;
}

#blurb{
position: relative;
display: block;
clear: both;
float: left;
width: 310px;
overflow: hidden;
}

#blurb2{
position: relative;
display: block;
clear: both;
width: 305px;
float: left;
margin-top: 20px;
overflow: hidden;
}

#box1{
position: relative;
display: block;
clear: both;
background: #e4e4c6;
width: 305px;
float: left;
overflow: hidden;
}

#box1 div{
font-size: 12px;
padding: 0 8px;
color: #555;
}

#box1 span.cap{
display: block;
width: 305px;
height: 26px;
background: transparent url(/templates/sunrise_montessori/images/pomcap.gif) no-repeat top center;
}

#box1 span.foot{
display: block;
width: 305px;
height: 26px;
background: transparent url(/templates/sunrise_montessori/images/pomfoot.gif) no-repeat top center;
}

#box2{
position: relative;
display: block;
clear: both;
float: left;
background: #cbd9e6;
width: 310px;
margin-top: 20px;
}

#box2 div{
font-size: 11px;
padding: 0 13px;
color: #555;
}

#box2 span.cap{
display: block;
width: 310px;
height: 29px;
background: transparent url(/templates/sunrise_montessori/images/eventscap.gif) no-repeat top center;
}

#box2 span.foot{
display: block;
width: 310px;
height: 29px;
background: transparent url(/templates/sunrise_montessori/images/eventsfoot.gif) no-repeat top center;
}

.boxcontent {
position: relative;
top: -13px;
}

.heading1{
font-size: 1.1em;
color: #3366cc;
font-weight: bold;
text-transform: uppercase;
}

.heading2{
font-size: 1.1em;
font-weight: bold;
color: #3366cc;
position: relative;
top: -13px;
margin: 0 0.5em;
padding: 0;
text-transform: uppercase;
}

/* FOOTER */

#footer{
display: block;
position: relative;
width: 894px;
clear: both;
background: transparent url(/templates/sunrise_montessori/images/footerbg.jpg) no-repeat bottom center;
padding: 0 10px 10px 0;
margin: 0;
border: 0;
color: #fff;
font-size: 1.1em;
text-align: right;
}

#footer a{
color: #fff;
}

#footer a:hover{
color: #fff;
}

#footer form {
overflow: hidden;
}

#bottom_links {
display: block;
position: relative;
height: 56px;
width: 821px;
margin: 0 0 0 12px;
border: 0;
padding: 6px 30px;
clear: both;
}

#copyright {
display: block;
position: relative;
height: 22px;
width: 851px;
margin: 0 0 0 12px;
border: 0;
padding: 8px 30px 20px 0;
clear: both;
margin: 0 auto;
text-align: right;
}

#shoppingcart {
display: block;
width: 640px;
height: 20px;
background-color: pink;
margin-bottom: 20px;
padding: 6px;
font-weight: bold;
}

span.editable {
	line-height: 1.6;
}

#PickerDiv {
z-index: 9999;
}

#PickerDiv td {
border: 0;
}