body
{
    margin: 20px;
    padding: 0; 
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #333333;
		background: url('http://www.k12sidebyside.com/bgLine.gif') repeat-y 50% 0;
}
html
{
   background:  url(bg.png) repeat-x top;
   background-attachment: fixed


}

#footer

{
    text-align: center;   
	font-size:11px;
}
	

#header
{background:  url('http://www.k12sidebyside.com/logo2.gif');
background-position:0px 5%;
background-repeat:no-repeat;
padding-left:0px;
}

#wrapper {
position: relative;
margin: 0 auto;
text-align: left;
width: 845px;
}

h1 
{font-size: 14px;
	color: #000000;
	}

a 
{font-size: 12px;
	color: #0C429C;
	}
	
a:hover {color: #FF0000;
}

h2 
{color: #333333;
	font-size: 14px;
		font-weight:500;

	}
	
h3
{color: #000000;
	font-size: 12px;
	}
	
h4
{color: #000000;
	font-size: 9px;
	}
	
h5
{font-size: 12px;
	color:#00B3AF;
		font-style:italic;

	}
	
h6
{color: #666666;
	font-size: 12px;
	font-style:italic;
	font-weight:100;
	}
	
	a.rollover { 
   display: block; 
   width: 187px; 
   height: 123px; 
   text-decoration: none; 
   background: url("/images/kindergarten.gif"); 
} 

a.rollover:hover { 
   background-position: -187px 0; 
   }
   
   a.rollover2 { 
   display: block; 
   width: 187px; 
   height: 123px; 
   text-decoration: none; 
   background: url("/images/elementary.gif"); 
} 

a.rollover2:hover { 
   background-position: -187px 0; 
   }
   
   a.rollover3 { 
   display: block; 
   width: 187px; 
   height: 123px; 
   text-decoration: none; 
   background: url("/images/middleschool.gif"); 
} 

a.rollover3:hover { 
   background-position: -187px 0; 
   }
   
   a.rollover4 { 
   display: block; 
   width: 187px; 
   height: 123px; 
   text-decoration: none; 
   background: url("/images/highschool.gif"); 
} 

a.rollover4:hover { 
   background-position: -187px 0; 
   }
	
	
ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 0px 0 0;
}

ol#toc a {
    background: #bdf url(tab2.png);
    color: #000;
	font-size:12px;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
	border-bottom: 4px solid #39C4C1;

}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tab2.png) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {
    border: #00B3AF solid 1px;
    clear: left;
    padding: 0.5em;
	margin: 0em;
}

div.content2 {
   
    clear: left;
    padding: 0.5em;
	width: 100%;
	font-size:14px;
	color: #FFFFFF;
	font-weight:bold;
	background-image: url(/images/navBg.png);
    background-repeat:repeat-x;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}