body {
	margin: 0 auto;
	padding: 0;
	background-color: #FFCC00;
	font: 0.80em Arial, Verdana, Helvetica, sans-serif;
	line-height: 1.3em;
}

a { text-decoration: none; }
a:hover{ text-decoration: underline; }
a img{ border: none; }

h1 {
    font-size:21.0pt;
    font-family: Minya Nouvelle Bold, Comic Sans MS;
    margin-bottom: 35px;
    color: #CC0000;
    font-weight: bold;
}

h2 {
    font-size:16.0pt;
    font-family: Minya Nouvelle Bold, Comic Sans MS;
    margin-bottom: 35px;
    color: #CC0000;
    font-weight: bold;
}

h3 {
    font-size:14.0pt;
    font-family: Minya Nouvelle Bold, Comic Sans MS;
    margin-bottom: 35px;
    color: #CC0000;
    font-weight: bold;
}


#container {
	margin: 0 auto; padding: 0;	
	width: 725px;
}


.cleaner {
	clear: both;
	height: 0;
	font-size: 1px;
	/*border: 1px solid green;*/
	margin: 0; padding: 0;
	background: transparent;
}

/*
purple: 660066
yellow: FFCC00
red:    CC0001
green:  66FF00
*/

/******************************  HEADER  ************************/

.header {
	margin: 0; padding: 0; 
	width:725px; 
	height: 177px;
	background-color: #FFCC00;
	
}

.header-home {
	margin: 0; padding: 0; 
	width:725px; 
	height: 177px;
	background-color: #FFCC00;
	/*border: 1px solid red; */
}

/*
Home
Info
Activities
Groups
Parties-Meetings
Store 
Join
About Us
*/
#section1 {background: url('../images/header_home.jpg') no-repeat top left #FFCC00;}
#section2 {background: url('../images/header1.jpg') no-repeat top left #FFCC00;}
#section3 {background: url('../images/header2.jpg') no-repeat top left #FFCC00;}
#section4 {background: url('../images/header3.jpg') no-repeat top left #FFCC00;}
#section5 {background: url('../images/header4.jpg') no-repeat top left #FFCC00;}
#section6 {background: url('../images/header5.jpg') no-repeat top left #FFCC00;}
#section7 {background: url('../images/header6.jpg') no-repeat top left #FFCC00;}
#section8 {background: url('../images/header7.jpg') no-repeat top left #FFCC00;}
/* TEACHER LOGIN AREA */
#section43 {background: url('../images/header1.jpg') no-repeat top left #660066;}

#logo {margin: 0; width: 170px; float: left;}
#header-right {float: right; margin: 12px 5px 0 0;}

/******************************  TOP NAV  ************************/
#header-bar {
	margin: 0; padding: 0;
	width: 100%;
	/*border:1px solid green;*/ 
}

#header-bar li {
	margin: 0; padding: 8px 0 2px 0;
	float: left;
	list-style-type: none;
}
#header-bar a {
	margin: 0; padding: 0;
	display: block;
	color: #fff;
}
#header-bar li ul { /* all lists */
	margin: 0 0 3px 0; 
	padding: 0 0 0 0;
	list-style: none;
	line-height: 1;
	width: 100%;
	z-index: 10;
}

#nav-top-left {float: left; margin: 0 0 0 0 !important; padding: 14px 0 0 0; /*border: 1px solid yellow;*/}
#nav-top-right {float: right; margin: 0 0 0 0 !important; padding: 14px 10px 0 0; /*border: 1px solid orange;*/}

/* 2nd Level */
#nav-top-left li ul, #nav-top-right li ul {
	position: absolute;
	width: 155px;
	height: auto;
	left: -999em;
	margin: 0 0 0 0;
	z-index: 10;
}

#nav-top-left li:hover ul, #nav-top-left li.sfhover ul, #nav-top-right li:hover ul, #nav-top-right li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto;
}
#nav-top-left ul li, #nav-top-right ul li { 
	margin: 0 0 0 12px;
	padding: 4px 0 4px 6px;
	text-align: left; 
	border: none;
	width: 155px;
	height: auto;
	text-transform: none;
}
#nav-top-left ul li a, #nav-top-right ul li a {
	display: block;
	font-weight: normal; 
	width: 155px;
	color: #000;
	font-size: 10px;
}

#nav-top-left ul li a:hover, #nav-top-right ul li a:hover { text-decoration: none; }


/* 3rd Level */
#nav-top-left li#nav-li-2 li ul {left: -999em; margin-top: -14px; }
#nav-top-left li#nav-li-3 li ul {left: -999em; margin-top: -14px; }
#nav-top-right li#nav-li-4 li ul {left: -999em; margin-top: -14px; }
#nav-top-right li#nav-li-5 li ul {left: -999em; margin-top: -14px; }
#nav-top-right li#nav-li-6 li ul {left: -999em; margin-top: -14px; }
#nav-top-right li#nav-li-7 li ul {left: -999em; margin-top: -14px; }
#nav-top-right li#nav-li-8 li ul {left: -999em; margin-top: -14px; }

#nav-top-left li#nav-li-2 li, 
#nav-top-left li#nav-li-3 li, 
#nav-top-right li#nav-li-4 li, 
#nav-top-right li#nav-li-5 li, 
#nav-top-right li#nav-li-6 li, 
#nav-top-right li#nav-li-7 li, 
#nav-top-right li#nav-li-8 li {background-color: #ff9; }

#nav-top-left li#nav-li-2 li:hover, #nav-top-left li#nav-li-2 li.sfhover,
#nav-top-left li#nav-li-3 li:hover, #nav-top-left li#nav-li-3 li.sfhover, 
#nav-top-right li#nav-li-4 li:hover, #nav-top-right li#nav-li-4 li.sfhover, 
#nav-top-right li#nav-li-5 li:hover, #nav-top-right li#nav-li-5 li.sfhover, 
#nav-top-right li#nav-li-6 li:hover, #nav-top-right li#nav-li-6 li.sfhover, 
#nav-top-right li#nav-li-7 li:hover, #nav-top-right li#nav-li-7 li.sfhover, 
#nav-top-right li#nav-li-8 li:hover, #nav-top-right li#nav-li-8 li.sfhover { background-color: #fc0; }

#nav-top-left li ul li:hover ul, #nav-top-left li ul li.sfhover ul
{ 
	left: auto !important;
	margin-left: 155px;
	background-color: #ff9;
	padding-left: 0;
}

#nav-top-right li ul li:hover ul, #nav-top-right li ul li.sfhover ul
{ 
	left: auto !important;
	right: 100%;
	margin-left: 155px;
	background-color: #ff9;
	padding-left: 0;
	/*border: 1px solid green;*/
}

#nav-top-left li ul li, #nav-top-right li ul li { margin-left: 0; }

.li-level-2-arrow {background: url('../images/icon_arrow.gif') right center no-repeat; }

/******************** newsletters thing on all but home************************/
#newsletter_signup {
	position:absolute; 
	width:380px;
	color:#fff;
	height:22px; 
	top:55px; right:0px;
	padding:5px 5px 5px 15px; 
	background-color:#c90000;
	background-image: url(../images/email2_bg.gif);
	background-position: left bottom;
	background-repeat:no-repeat;
	}
#newsletter_signup img {
	margin-bottom:-5px;
	width:60px;
	height:19px;
	}
/******************************  HOMEPAGE  ************************/
.main-home {width: 725px; padding-top: 0 !important; margin-top: 0 !important; /*border: 1px solid blue;*/}
.main-inner-home {padding-top: 0 !important; margin: 0 !important; /*border: 1px solid green;*/}

.top-home {
    margin: 0 0 0 0 !important; padding: 0;
    width: 725px; 
    background: url('../images/background.jpg') top left no-repeat #FFCC00; 
    /*border: 1px solid blue*/;
    
}

.top-left {width: 528px; margin: 0; /*border: 1px solid green;*/}
.slideshow {
    width: 503px; 
    height: 256px;
    margin: 4px 10px 10px 16px;
    /*border: 1px solid blue;*/
}
/*.overlay { margin: 0 0 0 250px; }*/


.top-right {width: 187px; padding-top: 11px; margin: 0; /*border: 1px solid blue;*/}

#ul-btns {margin: 0 !important; padding: 0 !important; }
.top-right li { list-style-type: none; margin-bottom: 4px; }

#btn-1 {background: url('../images/b_01.gif') no-repeat; }
#btn-1:hover, #btn-1.sfhover {background: url('../images/b_01~.gif') no-repeat; }
#btn-2 {background: url('../images/b_02.gif') no-repeat; }
#btn-2:hover, #btn-2.sfhover {background: url('../images/b_02~.gif') no-repeat; }
#btn-3 {background: url('../images/b_03.gif') no-repeat; }
#btn-3:hover, #btn-3.sfhover {background: url('../images/b_03~.gif') no-repeat; }
#btn-4 {background: url('../images/b_04.gif') no-repeat; }
#btn-4:hover, #btn-4.sfhover {background: url('../images/b_04~.gif') no-repeat; }
#btn-5 {background: url('../images/b_05.gif') no-repeat; }
#btn-5:hover, #btn-5.sfhover {background: url('../images/b_05~.gif') no-repeat; }

.bottom-home { width: 725px; margin-top: 7px; }
.bottom-home a {color: #660066; text-decoration: none;}
.bottom-home a:hover {color: #CC0001; text-decoration: none;}

.box-top-red { 
    width: 236px; 
    height: 22px; 
    padding-top: 9px;
    background: url('../images/box_top_red.gif') no-repeat; 
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: Minya Nouvelle Bold, Comic Sans MS; 
    
}
.box-top-green { 
    width: 236px; 
    height: 22px; 
    padding-top: 9px;
    background: url('../images/box_top_green.gif') no-repeat; 
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: Minya Nouvelle Bold, Comic Sans MS; 
    
}
.box-top-purple { 
    width: 236px; 
    height: 22px; 
    padding-top: 9px;
    background: url('../images/box_top.gif') no-repeat; 
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: Minya Nouvelle Bold, Comic Sans MS; 
}

.box-middle-red {
    width: 206px; 
    padding: 10px 15px 0 15px;
    background: url('../images/box_middle_red.gif') repeat-y;
    font-family: Minya Nouvelle Bold, Comic Sans MS;
    font-size: 13px;
    
}

.box-middle-green {
    width: 206px; 
    padding: 10px 15px 0 15px;
    background: url('../images/box_middle_green.gif') repeat-y;
    font-family: Minya Nouvelle Bold, Comic Sans MS;
    font-size: 13px;
    
}
.box-middle-purple {
    width: 206px; 
    padding: 10px 15px 0 15px;
    background: url('../images/box_middle.gif') repeat-y;
    font-family: Minya Nouvelle Bold, Comic Sans MS; 
    font-size: 13px;
}

.box-bottom-red {width: 236px; height: 18px; background: url('../images/box_bottom_red.gif') no-repeat; }
.box-bottom-green {width: 236px; height: 18px; background: url('../images/box_bottom_green.gif') no-repeat; }
.box-bottom-purple {width: 236px; height: 18px; background: url('../images/box_bottom.gif') no-repeat; }

/******************************  MAIN  **************************/
/*
purple: 660066
yellow: FFCC00
red:    CC0001
green:  66FF00
*/
.main {width: 725px; padding-top: 0px; margin: 0; background-color: #fff !important; /*border: 1px solid blue;*/}

   
#bg1 {background: url('../images/bgTop.jpg') no-repeat;}
#bg2 {background: url('../images/bgTop.jpg') no-repeat;}
#bg3 {background: url('../images/bgTop-01.jpg') no-repeat;}
#bg4 {background: url('../images/bgTop-02.jpg') no-repeat;}
#bg5 {background: url('../images/bgTop-03.jpg') no-repeat;}
#bg6 {background: url('../images/bgTop-04.jpg') no-repeat;}
#bg7 {background: url('../images/bgTop-05.jpg') no-repeat;}
#bg8 {background: url('../images/bgTop-06.jpg') no-repeat;}
/* TEACHER LOGIN AREA */
#bg43 {background: url('../images/bgTop.jpg') no-repeat;}

.main-inner {margin-left: 2px; width: 720px; background-color: #fff; padding-bottom: 20px;}


.content {margin: 0 30px 15px 30px; width: 660px; background-color: #fff; }
.content li {
    margin: 0 0 5px 0;
    list-style-image: url('../images/icon_arrow.gif') !important; 
}

.title {
    font-size:21.0pt;
    font-family: Minya Nouvelle Bold, Comic Sans MS;
    margin-bottom: 35px;
    color: #CC0000;
    padding-top:0;
    font-weight: bold;
    line-height: 28px;
    
}

.top {margin: 0 0 30px 0;}
.bottom {margin: 20px 0 0 0;}

/* TEMPLATE 2 */
.header-grn-bar {
    padding: 4px 0 4px 5px; 
    margin: 0 0 10px 0;
    width: 310px;
    /*background-color: #A2FE56; */
    font-weight: bold;
}

.div-marg-bottom { margin-bottom: 30px; }

/* TEMPLATE 8 */
.pg-img-float-rt { float: right; margin: 0 0 15px 20px; }

.header-grn-bar-2 {
	clear: both;
    padding: 4px 0 4px 5px; 
    margin: 0 0 10px 0;
    width: 100%;
    background-color: #A2FE56; 
    font-weight: bold;
}

.div-marg-bottom-2 { margin-bottom: 30px; }

.img-float-right { float: right; margin: 0 0 10px 10px; }
.img-float-left { float: left; margin: 0 10px 10px 0; }

/* TEMPLATE 9 */
.temp9-img-rt { margin: 15px 0 50px 15px; }

/* TEMPLATE 10 */
.banner-img { margin: 0 0 10px 0; }
.temp10-caption { margin: 0 0 30px 0; font-style: italic; }

/* TEMPLATE 11 */
.featured-img { margin-bottom: 20px; }
.temp11-footer { width: 100%; margin-top: 20px; padding-top: 5px; border-top: 1px solid silver; }

/* NEWS PAGE */
.news-item { margin-bottom: 20px; }
.news-item a, a:visited {color: #660066; text-decoration: none; }
.news-item a:hover {color: #CC0001; text-decoration: none; }
.news-logo {margin-bottom: 15px; }
.read-more {float: right; margin: 15px 0 20px 0; }

.news-item-full {}
.news-img-full {margin: 0 0 15px 20px;}

/* EVENTS PAGE */
.event-month-title {margin: 0 0 30px 0; font-size: 19px; font-family: Minya Nouvelle Bold, Comic Sans MS; color: #CC0000;}
.event-month-title2 {margin: 40px 0 30px 0; font-size: 19px; font-family: Minya Nouvelle Bold, Comic Sans MS; color: #CC0000;}
.event-title {margin: 0 0 10px 0; font-weight: bold; font-size: 14px; color: #660066;}
.event-title a, .event-title a:hover {color: #660066;}
.event {margin: 0 0 20px 0; }
.no-bold { font-weight: 500 !important; }
.event-img-right { float: right; margin: 0 0 15px 20px; }
.event-img-left { float: left; margin: 0 20px 15px 0; }

/* PROGRAMS PAGE */
.program {margin: 0 0 30px 0; }

/* TEACHER LOGIN AREA */
#login-form { margin: 20px 0 0 0; }
.logout-link {float: right; }

.error{
	border: 1px solid #f00;
	margin: 0 15px 0 15px;
	padding: 4px;
	background-color: #EDEDED;
}
.error strong{	color: #f00; }
.error img {
	margin: 0;
	padding: 0;
	float: left;	
}
.error p {
	margin: 0 0 0 30px;
	padding: 0;
}

.success{
	border: 1px solid #0f0;
	margin: 0 15px 0 15px;
	padding: 4px 4px 4px 4px;
	background-color: #EDEDED;
}
.success strong{	color: #0f0; }

.required { color: #f00; font-weight: bold; }
td.label { font-weight: bold;  }

.hrs-page-orange {margin-left: 40px; padding: 15px; border: 2px solid #FFCC00; }


/******************************  FOOTER  ************************/
#footer {
	margin: 0; padding-top: 35px;
	color: #fff;
	width: 725px;
	background-color: #FFCC00;
	font-size: 9px;
	line-height: 12px;
	background: url('../images/bgBottom.jpg') no-repeat top left; 
}
#footer a { font-weight: bold; text-decoration: none; color: #10528C; }
#footer a:hover { text-decoration: underline; }

#footer-home {
	margin: 0; padding-top: 15px;
	color: #fff;
	background-color: #FFCC00;
	font-size: 9px;
	line-height: 12px;
	
}

.table-home-top td {/*border: 1px solid red;*/ }
.big-red a {color: #CC0000; font-size: 14px; }
.big-red a:hover {text-decoration: underline; }