@charset "UTF-8";
/* CSS Document 626959 */


body  {
	font-family: Helvetica, sans-serif;
	font-size:10px;
	background-color: #f1f0f2;
	margin: 0px; /* d9531e dddab9  e45d27  it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector 999966 */
	color: #588527;
	background-image:url(imgs/pattern_036.gif);
	background-repeat:repeat;
	text-align:center;
}


#container_intro { 
width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar f3e09c */
height: 709px;
background-color:#ffffff;
margin: 0 auto; 
border: 0px solid  #000000;
/*text-align: left; /* this overrides the text-align: center on the body element. */
background-image:url(imgs/seventh_element_living_bkg_lo.jpg);
text-align:left;
} 

#box_enter {
margin: 0px;
padding: 0px;
height: 682px;
width: 936px;
background-color: none;
}

#banner_intro {
padding-top: 526px;
padding-left:0px;
margin: 0px;
background-color: none;
/*background-image:url(imgs/seventh_element_living_banner.gif);
background-repeat:no-repeat;*/
}	
	
#container { 
min-height: 709px;
width: 936px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar f3e09c */
background-color:#c0c0ca;
margin-left: 0px; /* the auto margins (in conjunction with a width) center the page border: 1px solid  #67371B; */
margin: 0 auto;
/*text-align: left; /* this overrides the text-align: center on the body element. */
background-image:url(imgs/seventh_element_living_bkg_cheat.gif);
background-repeat: no-repeat;
} 

	
#box_main {
min-height:646px;
width: 861px;
background-color: none;
padding-top: 36px;
margin:0px;
}

#banner {
background-image:none;
background-repeat:no-repeat;
width: 861px;
height: 81px;
padding: 0px;
}

#menu {
height: 30px;
width: 861px;
background-color: #d0daa4;
border-top: solid thin #ffffff;
border-bottom: solid thin #ffffff;
}

#menux ul {
	float:left;
	padding:0;
	margin:0;
	background-color: none;
	width: 675px;
	height: 30px;
	}


#menux ul li {
display:inline;
}

#menux a {
	float:left;
	text-decoration:none;
	color:#588527;
	background-color: none;
	padding:8px 10px;
	border-right:1px solid #ffffff;
	font-family: verdana, san-serif;
	font-weight: bold;
	font-size: 10px;
}

#menux a:hover {background-color:#385843;
color: #FFFFFF;
}

#menus ul {
	float:left;
	padding:0;
	margin:0;
	background-color: none;
	width: 240px;
	height: 195px;
	}


#menus ul li {
display:inline;
}

#menus a {
	float:left;
	text-decoration:none;
	color:#588527;
	background-color: none;
	padding: 7px 15px;
	border-left:0px solid #ffffff;
	font-family: verdana, san-serif;
	font-weight: bold;
	font-size: 11px;
	width:210px;
	border-bottom:1px solid #ffffff;
}

#menus a:hover {background-color:#385843;
color: #FFFFFF;
}





#content {
background-color: #d9e3c1;
min-height: 535px;
width: 861px;
padding: 0px;
margin: 0px;

}


#sidebar {
width: 240px;
min-height: 535px;
margin: 0px 0px 0px 621px;
background-color: #dce5ca;
background-image:url(imgs/panel_short_cheat.gif);
background-repeat: no-repeat;
padding: 0px;
}

#centerleft {
background-color: none;
width: 621px;
min-height: 535px;
padding: 0px;
margin-right: 0px 240px 0px 0px;
float: left;
}

#calendar {
background-color: none;
width: 550px;
height: 330px;
padding-left: 110px;
margin:0px;

}





#spantitle {
font-family: Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #588527;
display: inline;
}

#redspantitle {
font-family: Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
color: #cc0000;
display: inline;
}


#spanwork {
font-family: Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #588527;
display: inline;
}
p.textfirst {
font:  Helvetica, arial, sans-serif;
font-size:11px;
font-weight: normal;
line-height: 135%;
color: #41473a;
padding: 7px 0px 0px 10px;
margin: 0px;
width:600px;
text-align: left;
}


p.text {
font:  Helvetica, arial, sans-serif;
font-size:11px;
font-style:normal;
line-height: 135%;
color: #2f322a;
padding: 7px 0px 0px 10px;
margin: 0px;
width:600px;
text-align: left;
}


p.text {
font:  Helvetica, arial, sans-serif;
font-size:11px;
font-style:normal;
line-height: 135%;
color: #2f322a;
padding: 7px 0px 0px 10px;
margin: 0px;
width:600px;
text-align: left;
}




#join {
margin:0px;
padding: 10px 0px 0px 150px;
margin: 0px;
width: 360px;
text-align: left;
}



p.textside {

font:  Helvetica, arial, sans-serif;
font-size:11px;
font-style:normal;
line-height: 140%;
color: #2f322a;
padding: 10px 5px 0px 10px;
width:210px;
margin: 0px;
text-align: left;
}




p.quote {
font-size:11px;
font-family:  georgia, serif;
font-style:normal;
line-height: 150%;
color: #724132;
margin: 0px;
text-align: left;
padding: 30px 20px 0px 20px;
width:200px;
}

p.quotenew {
font-size:11px;
font-family:  georgia, serif;
font-style:normal;
line-height: 150%;
color: #724132;
margin: 0px;
text-align: left;
padding: 165px 5px 0px 10px;
width:210px;
}

p.quotenewmbsr {
font-size:11px;
font-family:  georgia, serif;
font-style:normal;
line-height: 150%;
color: #724132;
margin: 0px;
text-align: left;
padding: 10px 5px 0px 10px;
width:210px;
}


p.quotewide {
font-size:11px;
font-family:  georgia, serif;
font-style:normal;
line-height: 150%;
color: #724132;
margin: 0px;
text-align: left;
padding: 40px 20px 0px 20px;
width:200px;
width:400px;
text-align: left;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#box_footer {
height:27px;
width: 936px;
background-color:#272e25;

marginleft: 0px;
}

.foot {
font-family: helvetica, sans-serif;
font-size: 11px;
color: #c6df9c;
padding-bottom: 0px;
text-align: left;
padding-left: 15px;
padding-top: 7px;
padding-bottom: 30px;
}


a {
color:#67371b;
text-decoration: underline;
}

a:visited {
color: #fc6df9c;
}

a:hover {
color:#588527;
text-decoration:underline;}

a:active {
color: #588527;
}

		
	a.foo {
text-decoration: underline;
font-family: helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #c6df9c;
}

a:visited.foo {
color: #c6df9c;
}

a:hover.foo {
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}

a:active.foo {
color: #ffffff;
}


.frame {
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-style: solid;
border-width: 1px;
border-color: white;
}

.quote {
padding-top: 10px;
padding-bottom: 10px;
}

.sb_corner {
padding-top: 300px;
padding-bottom: 10px;
}


	
	/* - CLASS SCHEDGE background-image:url(img/rule.gif);
background-repeat:repeat-y;
background-position: 0px; - */
	
.day {
	font-weight: bold;
	font-size: 9px;
	color: #67371b;
	text-transform: uppercase;
	text-align:left;
	padding: none;
	}


.day_column {
background-color: #f0f3de;
border-top: #588527 solid 0px;
border-right: #588527 solid 0px;
border-left: #588527 solid 1px;
border-bottom: #588527 solid 0px;
color: #67371b;
font-weight:bold;
}

.day_row {
background-color: #fcfcf9;
border-top: #588527 solid 0px;
border-right: #588527 solid 0px;
border-left: #588527 solid 1px;
border-bottom: #588527 solid 0px;
font-weight:bold;
color: #67371b;
}

.day_time {
	font-weight: bold;
	color: #41473a;
	text-align: left;
}


#spanclassclub {
font-family: Helvetica, sans-serif;
text-transform:uppercase;
font-weight: bold;
font-size: 10px;
color: #588527;
display: inline;
}

.daytime {
font-weight: normal;
color: #41473a;
font:  Helvetica, arial, sans-serif;
font-size:10px;
text-align:left;
padding-left: 8px;
}


/*.daytime {
font-weight: normal;
color: #41473a;
font:  Helvetica, arial, sans-serif;
font-size:10px;
line-height: 135%;
padding: 3px 0px 3px 10px;
margin:0px;
width:380px;
text-align: left;
background-color: #f0f3de;
border: #588527 solid 1px;
}*/

.day_teacher {
	color: #602D32;
	font-weight: normal;
}


.day_table {
	margin-left: 10px;
	margin-top: 15px;
	}
	
.wide {
margin: 0px;
padding: 0px;
display:inline;
padding-top:0px;
padding-bottom: 0px;
border-style: solid;
border-width: 1px;
border-color: white;
	}
	
	
	.down {
margin: 0px;
padding: 0px;
display:inline;
padding-top:150px;
padding-bottom: 0px;
border-style: solid;
border-width: 0px;
border-color: white;
	}
	
.pushdown {
margin: 0px;
padding: 0px;
display:inline;
padding-top:200px;
	}	
	
.push {
margin: 0px;
padding: 0px;
display:inline;
padding-top:5px;
padding-bottom: 0px;
}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	padding: 0px;
}

.fltrt2 { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 10px;
	padding: 0px;
}