/* -----------------------------------------------------------------------
GENERIC STUFF
-------------------------------------------------------------------------- */
body {
	font-size: 70%;	font-family: Verdana, Arial, Helvetica, sans-serif; word-wrap: break-word;
	line-height: 1.4em;	color: #333; background: url(../images/body-bg.gif) top left repeat-x;
	border-bottom: #3f72bc solid 100px;}
.clear { 	
	clear: both; display: block; font-size: 0px; line-height: 0; height: 0; padding: 0; margin: 0;}
.hide{	
	display: none; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0;}
img { 
	border: 0; margin: 0; padding: 0;}
a img {	
	border: 0;}




/* -----------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------------- */

#outer-shell {
	width: 940px; padding: 20px 0 0 0; margin: 0 auto 0 auto;}

#header { 
	padding: 0 0 18px 0px; margin: 0;}
	
#inner-shell {
	width: 790px; border: 1px solid #dee0e1; background-color: #fff; 
	padding: 12px; margin: 0 0 -20px 99px;
	position: relative; z-index: 100;}
	
#heropic {width: 790px; padding: 0; margin: 0 0 1px 0;}

#topnav {
	width: 794px; height: 45px; padding: 0px; margin: 0 -2px 15px -2px; 
	background: url(../images/topnav-bg.gif) left top repeat-x;}
	
	#topnav .bdr-left {
		width: 4px; height: 45px; padding: 0; margin: 0; float: left;
		background: url(../images/topnav-left.gif) left top no-repeat;}
	#topnav .bdr-right {
		width: 4px; height: 45px; padding: 0; margin: 0; float: right;
		background: url(../images/topnav-right.gif) left top no-repeat;}


#content-wrap {	padding: 10px 0 0 10px; width: 780px; }

#copyright {position: absolute; bottom: -30px; right: 20px;}




/* -----------------------------------------------------------------------
Header
-------------------------------------------------------------------------- */
#header .bms-logo {
	float: left; 
	width:87px; height: 65px; margin: 0; padding: 0;}
#header .bms-header {
	float: left;
	width: 559px; height: 65px; padding: 0; margin: 0;
	background: url(../images/bms-header.gif) no-repeat top left; 
	text-indent: -999em;}
#header .bms-byline {
	float: left;
	width: 157px; height: 65px; padding: 0; margin: 0;
	background: url(../images/bms-byline.gif) no-repeat top left; 
	text-indent: -999em; }

/* -----------------------------------------------------------------------
Main navigation
-------------------------------------------------------------------------- */

ul#mainnav {
	float: left; width: 766px; list-style: none; padding: 7px 10px 12px 0;}

ul#mainnav li {
	float: left; 
	position: relative; z-index: 1000;
	height: 26px; padding: 7px 0 0 0 ; margin: 0;
	background: url(../images/topnav-div.gif) right top no-repeat; }


ul#mainnav li ul { /* second-level lists */
	position: absolute; top: 26px; 
	list-style: none;
	background-color: #1a4092; border-left: 1px solid #2c5bc3; 
	left: -999em;} /* using left instead of display to hide menus because display: none isn't read by screen readers */

ul#mainnav li:hover ul, 
ul#mainnav li.sfhover ul { left: -1px;}/* lists nested under hovered list items */


ul#mainnav li ul li {
	background: url(../none.gif); width: 160px; height: 20px;
	font-weight: normal; font-size: 90%; padding-top: 7px;
	border-bottom: 1px solid #2c5bc3;}

ul#mainnav li a {padding: 0 10px;}

ul#mainnav li a:hover { 
	color: #ffcc00; background: url(../images/nav-arrow.gif) 3px 5px no-repeat; }
	
body#homepage ul#mainnav li a.home,
body#montessori ul#mainnav li a.montessori,
body#articles ul#mainnav li a.montessori,
body#our-school ul#mainnav li a.our-school,
body#our-teachers ul#mainnav li a.our-school,
body#expansion ul#mainnav li a.our-school,
body#parent-involvement ul#mainnav li a.our-school,
body#classes ul#mainnav li a.classes
body#under3s ul#mainnav li a.classes
body#three-six ul#mainnav li a.classes
body#six-nine ul#mainnav li a.classes
body#afternoon-care ul#mainnav li a.classes
body#enrolment ul#mainnav li a.enrolment
body#news-and-events ul#mainnav li a.news-and-events
body#faq ul#mainnav li a.faq
body#contact-us ul#mainnav li a.contact-us
{color: #fc0;}

/* -----------------------------------------------------------------------
Content area
-------------------------------------------------------------------------- */
.home-column01,
.column01 {
	float: left;
	 padding: 0 20px 0 0; margin: 0;
	background: url(../images/dash-vert.gif) top right repeat-y; }

.home-column02,
.column02 {
	float: left;
	 padding: 0 10px 0 20px;
	background: url(../images/dash-vert.gif) top left repeat-y; margin: 0 0 0 -1px;}

.home-column01 {width: 364px;}
.home-column02 {width: 365px;}
.column01 {width: 484px; }
.column02 {width: 244px; }

.picture-right {float: right; padding: 0; margin: 0 0 20px 15px;}
.picture-center {padding: 0; margin: 0 0 20px 0;}
	
.footer {background: url(../images/dash-hr.gif) top left repeat-x; margin: 10px 0 0 0; padding: 15px 0 0 0;}	
	
/* -----------------------------------------------------------------------
Feature box
-------------------------------------------------------------------------- */

.feature-box {
	position: relative;
	background-color: #F4F5F6; border: 1px solid #C8CACC;
	margin: 0 0 20px 0; padding: 0 10px 0 10px;}
	
.feature-box .top-rc {
	position:absolute; display:block;
	right:-1px; top:-1px; width:7px; height:6px;
	background: url(../images/top-rc.gif) no-repeat right top;}
	
.feature-box .top-lc {
	position:absolute; display:block;
	left:-1px; top:-1px; width:7px; height:6px;
	background: url(../images/top-lc.gif) no-repeat right top;}
	
.feature-box .bot-rc {
	position:absolute; display:block;
	right:-1px; bottom:-1px; width:7px; height:6px;
	background: url(../images/bot-rc.gif) no-repeat right top;}


.feature-box .bot-lc {
	position:absolute; display:block;
	left:-1px; bottom:-1px; width:7px; height:6px;
	background: url(../images/bot-lc.gif) no-repeat right top;}

.feature-box .content {padding: 10px 10px 0 10px;}

/* -----------------------------------------------------------------------
CONTENT DESIGN
-------------------------------------------------------------------------- */
a:link,
a:visited 	{color: #36c; text-decoration: underline;}
a:hover 	{color: #393; text-decoration: none;}

a.more {background: url(../images/arrow-blue.gif) 0 3px no-repeat; padding-left: 15px;}

#content-wrap ul {margin: 0 0 15px 0; padding: 0;}

#content-wrap li{ background: url(../images/arrow-blue.gif) 0 5px no-repeat; padding-left: 15px; padding-bottom: 5px;}

h1 {font-size: 140%;  padding: 0 0 15px 0; margin: 0;}	
h2 {font-size: 125%; padding: 0 0 5px 0; margin: 0;}
h3 {font-size: 110%; padding: 0 0 0px 0; margin: 0; color: #333;}

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif; color: #3f72bc; font-weight: bold;}

.column02 h2 {color: #5da01c; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;}
.column02 h2.bigfont {font-size: 120%; color: #3f72bc;}

body#homepage .column02 h2 { color: #3f72bc; font-family: Arial, Helvetica, sans-serif; font-size: 125%; }


.hr {background: url(../images/dash-hr.gif) top left repeat-x; padding: 0; margin: 10px 0 15px 0; height: 1px;}

p {padding: 0 0 1.2em 0; margin: 0;}
p.note {background: url(../images/arrow-red.gif) 0 5px no-repeat; padding-left: 15px;}

#topnav {font-family: Verdana; font-size: 110%; font-weight: bold; line-height: 1em; }
#topnav a {color: #fff; text-decoration: none; border: none;}


.term {padding-bottom: 30px;}
.item {padding: 5px 0; margin: 0; border-bottom: 1px solid #ccc;}
.month, 
.day, 
.event {float: left;}


.month { width: 80px;} 
.day { width: 70px; padding-right: 5px;} 


#copyright,
#copyright a:link,
#copyright a:visited,
#copyright a:hover {color: #fff;}