/* -------------------- */
/*      PAGE LAYOUT     */
/* -------------------- */
body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	background: #FFFFFF url(images/backgd_long.gif) repeat-y;
	}

img{border:none;}

a:hover { text-decoration: underline !important; }

/* makes sure all links turn blue, including linkbox bullets */
a, div.linkbox ol { color: #0000CC; }


#leftcolumn
{
	line-height: 16px;
	font-size: 10px;
}

#rightcolumn
{
	line-height: 12px;
	font-size: 10px;
}

#leftcolumn
{
	float: left;
	width: 190px;
	margin: 0px 0px 6px 0px;
	background: transparent;
}

#leftcolumn div
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#rightcolumn
{
	float: right;
	width: 198px;
	border: 0px;
	padding: 10px 0px 0px 0px;
}

#rightcolumn div.linkbox 
{
	margin: 6px 6px 6px 6px;
	padding: 8px 8px 8px 8px;
	background: #FFFFcc;
	border: 1px solid #cc6600;
}

#content
{
	background: #FFFFFF;
        width: 1024px;
	margin: 0px 0px -6px 190px;
	padding: 14px 18px 12px 12px;
	border-left: 1px solid #000000;
}

#threecolumn #content
{
	background: #FFFFFF;
	margin: 0px 198px -6px 190px;
	padding: 0px 25px 12px 20px;
}

/* -------------------- */
/*        HEADER        */
/* -------------------- */

#header { 
	background: #ffffff url(images/bestyears_theme.jpg) right no-repeat;
	margin:0px;
	padding:0px; }


/* -------------------- */
/*    BREADCRUMB BAR    */
/* -------------------- */
#trailbar
{
	clear: both;
        width: 100%;
	height: 28px;
	border-top: 1px solid #FFCC66;
	border-bottom: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	background: #FFCC66 url(images/header_tagline.gif) left no-repeat;	
}

#trailbar p, #trailbar a { color: #CC6600; }

#trailbar p
{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 10px;
	font-size: 10px;
}

#trailbar img
{
	float:none;
	margin: -2px 8px -4px 0px;
	padding: 0px;
}

/* -------------------- */
/*        FOOTER        */
/* -------------------- */
#footer
{
	clear: both;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	border-top: 1px solid #000000;
	text-align: center;
	font-size: 10px;
	background: #FFCC66;
}

#footer p
{
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}

p.footer
{
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}

#footer a { text-decoration: none; }

p.back2top
{
	float: right;
	font-size: 10px;
}

/* -------------------- */
/*    NAVIGATION BAR    */
/* -------------------- */

#menu {
        width: 100%;
        padding: 0px;
        margin-bottom: 0px;
	background: #456B8E ;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        font-size: 12px;
        }

#menu ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border: none;
        }
        
#menu li {
        border-bottom: 1px solid #000000;
        border-top: 1px solid #ffffff;
        margin: 0px;
        list-style-type: square;
        }

#menu li a {
        display: block;
        padding: 7px 5px 7px 10px;
        border-left: 0px;
        border-right: 0px;
        color: #ffffff;
		font-weight:bold;
        text-decoration: none;
        }

html>body #menu li a {
        width: auto;
        }

#menu li a:hover {
        border-left: 0px;
        border-right: 0px;
        background-color: #B5D2E2;

        color: #000033;
        }
		
body#section_home #menu li#home a,	
body#section_about #menu li#about a,
body#section_aboutphilosophy #menu li#about a,
body#section_aboutprogram #menu li#about a,
body#section_aboutclassrooms #menu li#about a,
body#section_aboutstaff #menu li#about a,
body#section_enrollment #menu li#enrollment a,
body#section_parents #menu li#parents a {
     border-left: 0px;
     border-right: 0px;
	 background: #B5D2E2;
     color: #000033;
	}


body#section_aboutphilosophy #menu ul li#aboutphilosophy a,
body#section_aboutprogram #menu ul li#aboutprogram a,
body#section_aboutclassrooms #menu ul li#aboutclassrooms a,
body#section_aboutstaff #menu li#aboutstaff a {
     border-left: 0px;
     border-right: 0px;
	 background: #B5D2E2 url(images/subnav_on.gif) left no-repeat;
     color: #000033;
	}

	
#menu li ul li {
	border:0px;
	}

#menu li ul li a{
	font-weight: normal;
	font-size: 11px;
	padding: 2px 5px 6px 20px;
	
	}

/* -------------------- */
/*      LINKBOXES       */
/* -------------------- */
div.linkbox h1
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	color: #8B0E04;
}


div.linkbox h2
{
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
	color: #000000;
}

div.linkbox h3
{
	font-size: 11px;
	font-weight: bold;
	margin: 6px 0px 4px 0px;
	color: #000000;
}

div.linkbox h4
{
        font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 10px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 3px 0px;
	color: #C64702;
	border-bottom:1px solid #C66202;
}

div.linkbox h5
{
	font-size: 10px;
	font-weight: bold;
	margin: 6px 0px 4px 0px;
	color: #000000;
}

div.linkbox h6
{
	font-size: 10px;
	font-weight: normal;
	margin: 6px 0px 4px 0px;
	color: #000000;
}

div.linkbox p
{
	font-size: 11px;
	font-weight: normal;
	line-height:14px;
	margin: 4px 0px 10px 0px;
	color: #000000;
}

div.linkbox blockquote
{
	margin: 0px 0px 0px 12px;
}

div.linkbox ul {
        list-style: none;
        margin: 15px 0px 10px 15px;
        padding: 0px;
        border: none;
        }
        
div.linkbox li {
	font-size: 10px;
	font-weight: normal;
	margin: 2px 5px 10px 0px;
	color: #000000;
	line-height: 12px;
	list-style-type: square;
        }


        

/* -------------------- */
/*   CONTENT: GENERAL   */
/* -------------------- */
#content div 
{
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
}

#content div div 
{
	margin: 12px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

#content li
{
	font-size: 12px;
	font-weight: normal;
	margin: 2px 15px 12px 0px;
	color: #000000;
	line-height: 14px;
}

#content blockquote
{
	margin: 0px 20px 0px 15px;
}

#content img
{
	float: left;
	margin: 13px 16px 16px 18px;
}

#content img.home
{
	float: left;
	margin: 3px 6px 6px 2px;
}

#content img.logomini
{
	float: left;
	margin: 0px 6px 0px 2px;
}

#content img.backtop
{
	float: none;
	margin: 0px 2px 0px 0px;
}

#content img.right
{
	float: right;
}

#content img.center
{
	float: center;
}

#content img.clear
{
	margin: 0px 0px 0px 0px;
}

#content img.inline, #content p.linkbar img
{
	float: none;
	margin: 0px 4px 0px 4px;
}

#content p
{
	margin: 0px 10px 12px 0px;
	line-height: 16px;
}

#content p.linkbar 
{ 
	font-size: 10px;
	margin: -4px 0px 24px 10px;
}

#content p.linkbarhome
{ 
	font-size: 10px;
	margin: -3px 0px 24px -5px;
}

#content p.linkbarhome img
{
	float: none;
	margin: 0px 4px 0px 4px;
}

#content p.back2top
{
	float: right;
	font-size: 10px;
	text-decoration: none;
}

#content h1
{
	border-top: none;
	border-bottom: none;
	margin: 18px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
        font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #C64702;
}

#content h2
{
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	margin: 6px 0px 20px 0px;
	padding: 3px 0px 3px 0px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#006699;
}

#content h2.rule
{
	border-top: 0px;
	border-bottom: 1px solid #CC6600;
	margin: 0px 0px 10px 0px;
	padding: 13px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
	color:#CC6600;
}

#content h3
{
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 8px 0px;
	color: #000000;
}

#content h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 16px 0px 8px 0px;
	color: #C66202;
}

#content h5
{
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	color: #000000;
}

#content h6
{
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 8px 0px;
	color: #000000;
}

#content div.linkbox
{
	float: right;
	width: 220px;
	border: 1px solid #000000;
	padding: 4px 6px 4px 6px;
	margin: 4px 2px 4px 2px;
	background: #ffffff;
}

#threecolumn #content div.linkbox
{
	border-top: 3px double #000099;
	border-left: 3px double #000099;
	border-right: 3px double #000099;
	border-bottom: 3px double #000066;
	padding: 6px 6px 6px 6px;
	margin: 20px 0px 20px 0px;
	background: #DADAFA;
}
	

#content td { vertical-align: top; }

#content div.homebox_orange
{
	width: 220px;
	border: 1px solid #E7520E;
	padding: 8px 10px 12px 12px;
	margin: 0px 0px 0px 0px;
	background: #FBECC3;
}

#content div.homebox_orange li
{
	font-size: 10px;
	padding: 0px -10px -10px -20px;
	margin: 2px -5px 5px -10px;
	list-style-type: square;
}

#content div.homebox_orange ul
{
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

#content div.homebox_green
{
	width: 220px;
	border: 1px solid #678D36;
	padding: 12px 10px 12px 12px;
	margin: 0px 10px 0px 0px;
	background: #E2FBC2;
}

#content div.homebox_blue
{
	width: 242px;
	border: 1px solid #485E98;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #BEC9E5;
}


/* -------------------- */
/*   CONTENT: SIDEBAR   */
/* -------------------- */

#content div.sidebar
{
	float: right;
	width: 220px;
	border-top: 3px double #000099;
	border-left: 3px double #000099;
	border-right: 3px double #000099;
	border-bottom: 3px double #000066;
	padding: 4px 4px 14px 4px;
	margin: 0px 0px 8px 18px;
	background: #E5F2FC;
}

#content div.sidebar ul {
	margin: 6px 0px 6px 30px;
	padding: 0px 0px 0px 0px;
}
	
#content div.sidebar li {
	font-size: 11px;
	line-height: 13px;
	list-style-image: url(images/arrow_blue.gif);
}

#content div.sidebar p {
	font-size: 11px;
	line-height: 13px;
	margin: 5px 5px 10px 10px;
}

#content div.sidebar h1 {
	border:none; 
	font-size: 12px;
	margin: 5px 0px 10px 10px;
	}
	
#content div.sidebar h2 {
	font-size: 11px;
	margin: 5px 0px 8px 10px;
	}
	
#content div.sidebar h3 {
	border:none; 
	font-size: 10px;
	margin: 5px 0px 2px 10px;
	}	
	
	
	
	
	
a.more
{
	display: block;
	font-size: 10px;
	text-align: right;
}

.date {
	font-size: 9px;
	font-weight: bold;
	color: #999999;
}

.datehome {
	float:right;
	margin-top:0px;
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
  }
  
.datehome a {
  	text-decoration: none;
  }

.rightheader {
	float:right;
	font-size: 11px;
	margin-right:35px;
  }
  
.smalltext {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.smallredtext {
	font-size: 9px;
	color: #8B0E04;
}

.smallgraytext {
	font-size: 9px;
	color: #999999;
}

.smallertext {
	font-size: 9px;
	color: #000000;
}

.back2top
{
	float: right;
	font-size: 10px;
}

.back2top a {
  	text-decoration: none;
  }
  
  
.textunderline
{
  	border-bottom: 1px solid #065D18;
  	margin: 0px 0px 20px 0px;
  	padding: 3px 0px 3px 0px;
  	font-size: 12px;
  	font-weight: bold;
  	color:#065D18;
}
  

/* ------------------------------------------------------------ */
/* BUG FIX FOR CLEARING FLOATS                                  */
/* http://www.positioniseverything.net/easyclearing.html        */
/* ------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */