body {
	background: url(../images/bg.gif) repeat-x top #fff;
}

div.header {
	background: url(../images/top.png);
	height: 72px;
}

div.main-menu { }
div.main-menu ul {list-style:none; margin:0; padding:0; padding-left: 10px;}
div.main-menu li { float: left; display: inline; }
div.main-menu li.i1 {background:url(../images/menu-1-bg.png) top left no-repeat;} 
div.main-menu li.i2 {background:url(../images/menu-2-bg.png) top left no-repeat;} 
div.main-menu li.i3 {background:url(../images/menu-3-bg.png) top left no-repeat;} 
div.main-menu li.i4 {background:url(../images/menu-4-bg.png) top left no-repeat;} 
div.main-menu li.i5 {background:url(../images/menu-5-bg.png) top left no-repeat;} 
div.main-menu li.i6 {background:url(../images/menu-6-bg.png) top left no-repeat;} 
div.main-menu li.i7 {background:url(../images/menu-7-bg.png) top left no-repeat;} 
div.main-menu li.i8 {background:url(../images/menu-8-bg.png) top left no-repeat;} 
div.main-menu li.i9 {background:url(../images/menu-9-bg.png) top left no-repeat;} 
body.front div.main-menu li.i1,
body.section-welcome div.main-menu li.i1{background:url(../images/menu-1-bg-on.png) top left no-repeat;} 
body.section-packages div.main-menu li.i2 {background:url(../images/menu-2-bg-on.png) top left no-repeat;} 
body.section-process div.main-menu li.i3 {background:url(../images/menu-3-bg-on.png) top left no-repeat;} 
body.section-togo div.main-menu li.i4 {background:url(../images/menu-4-bg-on.png) top left no-repeat;} 
body.section-location div.main-menu li.i5 {background:url(../images/menu-5-bg-on.png) top left no-repeat;} 
body.section-beyond div.main-menu li.i6 {background:url(../images/menu-6-bg-on.png) top left no-repeat;} 
body.section-events div.main-menu li.i7 {background:url(../images/menu-7-bg-on.png) top left no-repeat;} 
body.section-camps div.main-menu li.i8 {background:url(../images/menu-8-bg-on.png) top left no-repeat;} 
body.section-afterschool div.main-menu li.i9 {background:url(../images/menu-9-bg-on.png) top left no-repeat;} 
div.main-menu li a {display: block; width:104px; height:54px; vertical-align:top; padding: 0; text-align:center; font-weight:bold; text-decoration:none; color: white;font-size:.8em;}
div.main-menu li a:hover { color:black; }
div.main-menu li.one a {padding-top:11px;}
div.main-menu li.two a {padding-top:6px;}
	
div.blue-bar h4, div.red-bar h4, div.orange-bar h4 {color: #F3F6F7; margin-bottom:13px; padding: 6px 0 0 10px; text-transform:uppercase;}


div.nav-container {padding: 0 0 0 10px;}
div.nav-container ul {list-style:none; margin:0; padding:0;}
div.nav-container li { padding:0; margin:0;}
div.nav-container li span { background: transparent url(../images/line.png) no-repeat scroll left bottom; display:block;}
div.nav-container li.last span { background: none; }
div.nav-container a {  background: transparent url(../images/marker.png) no-repeat scroll 0 0px; color: #0E6998; padding: 0 0 0 23px;
	font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
div.nav-container a:hover { color: black; }

/*rectangle*/
div.rect { width:100%;  background:#ffffff; color:#365e71; } 
div.rect div.bt {background:url(../images/box-border-t.png) repeat-x top;}
div.rect div.bb {background:url(../images/box-border-b.png) repeat-x bottom;}
div.rect div.bl {background:url(../images/box-border-l.png) repeat-y left;}
div.rect div.br {background:url(../images/box-border-r.png) repeat-y right;}
div.rect div.ctl {background:url(../images/box-corner-tl.png) no-repeat left top;}
div.rect div.ctr {background:url(../images/box-corner-tr.png) no-repeat right top;}
div.rect div.cbl {background:url(../images/box-corner-bl.png) no-repeat left bottom;}
div.rect div.cbr {background:url(../images/box-corner-br.png)  no-repeat right bottom; width:100%; } 
div.rect div.inside{ padding:1.5em; }

div.content { background-color: #fff; }
.content-pad { padding: 0 10px 0 10px; }

.zebra { background:#E5ECF9; }

div.section { padding: .6em 10px .6em 10px; margin: 0 10px 0 10px; }
div.section h5 { font-size: 1.2em; line-height:1.5em; margin:0; padding:0;}


.line-bottom {background:url(../images/line.png) repeat-x bottom;}
.line-top {background:url(../images/line.png) repeat-x top;}

.section-title {
	font-size:1.2em;line-height:2.5em;
}
div.footer {
	margin-top:5em;
	background:transparent url(../images/footer-bg.png) repeat-x scroll center top;
	color:#4893A8;
	text-align:center;
	text-transform:uppercase;
	font-size: .8em;
}

div.footer div.left {
	background:transparent url(../images/footer-left.png) no-repeat scroll left top;
}

div.footer div.right {
	background:transparent url(../images/footer-right.png) no-repeat scroll right top;
	height:54px;
}

div.footer div.inside {	padding:11px 20px 0 20px; }


h4 {color: #F3F6F7; margin-bottom:13px; padding: 6px 0 0 10px; text-transform:uppercase; font-weight: bold;}

.page-header { margin-bottom: 1.2em; }

/* FRONT SECTION *********************************************************************************************************************************/

body.front div.page-header, 
body.section-welcome div.page-header
{ background:  url(../images/front-bar-bg.png) repeat-x scroll center top;}

body.front div.page-header div.left,
body.section-welcome div.page-header div.left
{ background:  url(../images/front-bar-left.png) no-repeat scroll left top;}

body.front div.page-header div.right,
body.section-welcome div.page-header div.right
{ background:  url(../images/front-bar-right.png) no-repeat scroll right top; height: 36px;}

body.front div.page-header { display:none; }

/* PACKAGES SECTION *********************************************************************************************************************************/

body.section-packages .zebra { background-color: #f2fbcf; }

body.section-packages div.page-header, 
div.packages-page-header
{ background:  url(../images/page-2-header-bg.png) repeat-x scroll center top;}


body.section-packages div.page-header div.left,
div.packages-page-header div.left
{ background:  url(../images/page-2-header-left.png) no-repeat scroll left top;}

body.section-packages div.page-header div.right,
div.packages-page-header div.right
{ background:  url(../images/page-2-header-right.png) no-repeat scroll right top; height: 36px;}


/* TOGO SECTION ************************************************************************************************************************************/
body.section-togo div.page-header,
div.togo-page-header { background:  url(../images/togo-bar-bg.png) repeat-x scroll center top;}
body.section-togo div.page-header div.left,
div.togo-page-header div.left { background:  url(../images/togo-bar-left.png) no-repeat scroll left top;}
body.section-togo div.page-header div.right ,
div.togo-page-header div.right { background:  url(../images/togo-bar-right.png) no-repeat scroll right top; height: 36px;}
body.section-togo .zebra { background: #fee1c2; }

/* EVENTS SECTION *********************************************************************************************************************************/

body.section-events div.page-header, 
body.section-contact div.page-header, 
div.events-page-header
{ background:  url(../images/events-bar-bg.png) repeat-x scroll center top;}

body.section-events div.page-header div.left,
body.section-contact div.page-header div.left,
div.events-page-header div.left
{ background:  url(../images/events-bar-left.png) no-repeat scroll left top;}

body.section-events div.page-header div.right,
body.section-contact div.page-header div.right,
div.events-page-header div.right
{ background:  url(../images/events-bar-right.png) no-repeat scroll right top; height: 36px;}


body.section-events div.calendar-calendar { margin-top: 1.2em; padding: 0 20px 0 20px; }
body.section-events div.calendar-calendar ul.links { display:none; } /* hide Month/Year/Day links */

body.section-events div.calendar-calendar div.month-view table td,
body.section-events div.calendar-calendar div.month-view table th
{ border: 1px solid #bb3ed7; color: #bb3ed7;}

body.section-events div.calendar-calendar td.empty { background-color: #eee; }
body.section-events div.calendar-calendar .date-nav
{ background-color: #bb3ed7; border: 1px solid #bb3ed7; }

body.section-events div.calendar-calendar .date-nav a,
body.section-events div.calendar-calendar .date-nav h3 
{ color: #fff; }

body.section-events div.calendar-calendar td .inner .day { border-left: 1px solid #bb3ed7; border-bottom: 1px solid #bb3ed7; }

body.section-events div.calendar-calendar th.days,
body.section-events div.calendar-calendar td .inner .day,
body.section-events div.calendar-calendar td .inner .day a
{ background: #ebc3f3; color: #bb3ed7; }


/* PROCESS SECTION *********************************************************************************************************************************/

body.section-process div.page-header, 
div.process-page-header
{ background:  url(../images/process-bar-bg.png) repeat-x scroll center top;}

body.section-process div.page-header div.left,
div.process-page-header div.left
{ background:  url(../images/process-bar-left.png) no-repeat scroll left top;}

body.section-process div.page-header div.right,
div.process-page-header div.right
{ background:  url(../images/process-bar-right.png) no-repeat scroll right top; height: 36px;}

body.section-process .zebra { background: #fffcdf; } 

/* LOCATION SECTION *********************************************************************************************************************************/

body.section-location div.page-header, 
div.location-page-header
{ background:  url(../images/location-bar-bg.png) repeat-x scroll center top;}

body.section-location div.page-header div.left,
div.location-page-header div.left
{ background:  url(../images/location-bar-left.png) no-repeat scroll left top;}

body.section-location div.page-header div.right,
div.location-page-header div.right
{ background:  url(../images/location-bar-right.png) no-repeat scroll right top; height: 36px;}

body.section-location .zebra { background: #ffe2df; }

/* BEYOND SECTION *********************************************************************************************************************************/

body.section-beyond div.page-header, 
div.beyond-page-header
{ background:  url(../images/beyond-bar-bg.png) repeat-x scroll center top;}

body.section-beyond div.page-header div.left,
div.beyond-page-header div.left
{ background:  url(../images/beyond-bar-left.png) no-repeat scroll left top;}

body.section-beyond div.page-header div.right,
div.beyond-page-header div.right
{ background:  url(../images/beyond-bar-right.png) no-repeat scroll right top; height: 36px;}

body.section-beyond .zebra {background: #fee6f6; }

/* TESTIMONIALS *****************************************************************************************************************************************/
div.welcome-testimonial-window { margin-bottom: 1em; }
table.welcome-testimonial {margin:0;padding:0;}
table.welcome-testimonial td {vertical-align:top;}

div.testimonials table { margin:0; padding: 0; }
div.testimonials table.views-row-even { background-color: #d9f9fb; }

div.testimonials table td { vertical-align: top; padding: 10px; }

/* CAMPS SECTION *********************************************************************************************************************************/

body.section-camps div.page-header, 
div.camps-page-header
{ background:  url(../images/camps-bar-bg.png) repeat-x scroll center top;}

body.section-camps div.page-header div.left,
div.camps-page-header div.left
{ background:  url(../images/camps-bar-left.png) no-repeat scroll left top;}

body.section-camps div.page-header div.right,
div.camps-page-header div.right
{ background:  url(../images/camps-bar-right.png) no-repeat scroll right top; height: 36px;}

body.section-camps .zebra { background: #ffe2df; }

/* AFTERSCHOOL SECTION *********************************************************************************************************************************/

body.section-afterschool div.page-header, 
div.afterschool-page-header
{ background:  url(../images/afterschool-bar-bg.png) repeat-x scroll center top;}

body.section-afterschool div.page-header div.left,
div.afterschool-page-header div.left
{ background:  url(../images/afterschool-bar-left.png) no-repeat scroll left top;}

body.section-afterschool div.page-header div.right,
div.afterschool-page-header div.right
{ background:  url(../images/afterschool-bar-right.png) no-repeat scroll right top; height: 36px;}

body.section-afterschool .zebra { background: #ffe2df; }