@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#hugger {
	background: transparent url(../assets/bg/left.jpg) repeat-y left top;	
	margin: 0 auto;
	width: 1024px;
}

#top {
	background-image: url(../assets/bg/top_bottom.gif);
	height: 40px;
	width: 1024px;
}

#footer {
	background-image: url(../assets/bg/top_bottom.gif);
	height: 40px;
	width: 1024px;
	float: left;
	text-align:center;
	
}

#footer a{font-size:12px;
line-height:40px;
}

#box1 {
	border: medium outset #CCCCCC;
}
#box2 {
	border: medium outset #999999;
	margin-top: 20px;
	font-size:14px;
	min-height:365px;
	
}

#box2 ul, li{
	list-style:none;
	margin-left:2px;
	padding-left:2px; 
	text-align:left;
}

.frontpage {padding-top:20px;}

.li_space{padding-bottom:10px;}


#box3 {
	border: medium outset #999999;
	margin-top: 20px;
}

#content {
	width: 584px;
	background-color: #EEE5C0;
	float: left;
	color: #000;
	/*border:1px solid red;*/

	
}

#colwrapper{overflow:hidden;}

#left {
	float: left;
	height: auto;
	width: 200px;
	background-color: #B3B6A5;
	margin-bottom:-500px;
	padding-bottom:500px;
}

#left p {clear:both;
	font-size: 9px;
	padding: 10px;
}

h5 {
	text-indent: 10px;
}

#right {
	float: left;
	width: 240px;
	background-color: #E1DBC8;
	/*padding-bottom: 80px;*/
	margin-bottom:-500px;
	padding-bottom:500px;
}


body {
	background-color: #EDE7C0;
}

#right img {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 25px;
}

#box2 a {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color:#58723E;
}

#box3 a {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	color:#58723E;
}

#content p {
	padding: 10px;
}
h3 {
	font-size: 14pt;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
h1 {
	padding: 10px;
	font-size: 26px;
}

#content h1{text-align:center; 
font-size:40px;}
#content img {
	padding: 10px;
	outline: none;
	border: none;
}

#content p a{color:#58723E;}

h2 {
	text-indent: 10px;
	padding-top: 10px;
	font-size: 22px;
	padding-bottom: 10px;
}

#right p {
	padding: 10px;
}


#left img {
	text-decoration: none;
	border: none;
	outline: none;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.bold {
	font-weight: bold;
	border: medium ridge #FFFFFF;
	background-color: #CCCCCC;
}

.boldic {
	font-weight: bold;
	font-style: italic;
}


#content ul li{
list-style-type:none;padding-bottom:5px;}

/* STAIRWAY PAGES*/

#outer-container {width:820px;
margin:auto;
background-color:#EDE7E0;
color:#58723E;
overflow:hidden;
padding-left:20px;}

#outer-container a {color:#58723E;}

#outer-box{width:820px;
overflow:hidden;}

#top-left {width:380px;
float:left; 
height:100px;
text-align:right;
padding-right:20px;}

#top-right {width:400px; float:left; text-align:left;}

#top-content {width:800px;
			clear:both;
			padding:0 5px 0 5px;
			text-align:center;}
			
			
#top-content h4{text-align:left;}

#mid-left {width:458px;
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

.text-surround{width:92%;
border:2px solid #58723E; 
padding:10px;
margin:auto;
}

.text-surround ul { 
margin-left:0px;
margin-top:0;
list-style:none;}

.text-surround li {padding-bottom:4px;}

#mid-right {width:338px; 
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#bottom-text {width:780px;
padding-left:6px;
border:2px solid #58723E; 
margin-left:8px;
}

/* SimplyEE */



#blog #content,
#about #content,
#contact #content,
#donate #content,
#resources #content,
#remedial-programs #content,
#publications #content,
#sunshine-on-schools #content {
	width: 814px;
	color: #000;
	float: left;	
	position: relative;
	padding-left: 10px;
}

.entry {
	/*background: tranparent;*/
	margin: 0 16px 9px 0;
	padding: 0 12px 20px 0;
	font-size:10pt;
	clear:both;
	}

#content h2,
.entry h2 {
	color: #5c7148;
	padding: 0 0 10px 0;
	font-size: 22px;
}

.entry h2 a {
	color: #5c7148;
	text-decoration: none;
}

#content h3
.entry h3 {
	padding: 0 0 6px 0;
	font-size: 18px;
}

.floatRight {
	float: right;
	margin: 0 0 4px 16px;
}

.floatLeft {
	float: left;
	margin: 0 16px 4px 0;
}

.center {
	text-align: center;
	margin: 9px 0;
}

p,
.entry p {
	margin: 0;
	padding: 0 0 9px 0;
	
}

.posted {
	color:#58723E;
	font-size: 75%;
	padding: 0 0 0 9px;
}

.comment {
	background-color: #E1DBC8;
	border: medium outset #999999;
	margin: 0 50px 9px 9px;
	padding: 10px;
}

.comment p {
	font-size: 90%;
	padding: 0 16px 4px 0;
}

.paginate {
	color:#58723E;
	font-size: 75%;
	padding: 9px 0 9px 9px;
}

ul {
	margin-left: 36px;
}

.clearfix {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/*rightside of page fix for blog listing on homepage*/


#bloglist h4 {bottom-padding:0;
              bottom-margin:0;
			 text-align:center;
			 margin-left:-10px;}

#bloglist p {margin-top:0; padding-top:0;
             text-align:left;
			 padding-bottom:20px;}

/* STAIRWAY TO MATH*/
#math-left {width:398px;
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#math-right {width:398px; 
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#mathsheets{width:100%;
			font-size:14px;}

.subscribe{padding-left:150px;}

.archives{display:inline; padding-left:5px;}

#blogroll{width:150px;
font-size:11px;
margin-left:15px;
margin-top:-20px;

}

#blogroll h4{font-size:larger;}

.bloglinks{line-height:16px;}


#content p img{vertical-align:middle;}

.textmiddle {vertical-align:middle;}
.texttop {vertical-align:top;} 
.textbaseline {vertical-align:baseline;} 
.textbottom {vertical-align:text-bottom;} 

/* ================================================================ 

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/flyoutt.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

/* common styling */

.menu {font-family: arial, sans-serif; width:196px; height:350px; position:relative; margin:0; padding-left:0; font-size:18px; margin:0px 0;z-index:500!important;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#F3F5D6; width:192px; height:40px; text-align:left; border:1px solid #fff; border-width:1px 1px 0 0; background:#c9c9a7; line-height:38px; font-size:16px; background-image:url(buttonbg.gif); background-position:0 0!important; padding-left:4px; }

.menu ul {padding:0; margin:0;list-style-type: none; }

.menu ul li {float:left; margin-right:1px; position:relative;z-index:500; }

.menu ul li ul {display: none;}

/* specific to non IE browsers */

.menu ul li:hover a {color:#fff; background:#b3ab79;}

.menu ul li:hover ul {display:block; position:absolute; top:0; left:198px; width:196px;}

.menu ul li:hover ul li a.hide {background:#B3B6A6; color:#000;}

.menu ul li:hover ul li:hover a.hide {width:196px;}

.menu ul li:hover ul li ul {display: none;}

.menu ul li:hover ul li a {display:block; background:#777F6F; color:#000; width:196px;}

.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:198px; top:0; color:#000;}

.menu ul li:hover ul li:hover ul li a {display:block; width:196px; background:#dfc184; color:#000;}

.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}