/*	AUTHOR: Dathan Boardman
			dathanboardman@gmail.com
			http://dathanboardman.com
			
*/

/* RESETS & BASIC PAGE SETUP */
* {margin:0; padding:0; }
html {overflow-y: scroll;}
body,html {
	margin: 0 0 0 0;
	padding: 0px 0 20px 25px;
	height: 100%;
	width: 100%;
	background-color: #3399cc;
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
	
html>body #content {
	width: 370px; /* ie5win fudge ends */
	}
	
ul { list-style: none inside; }
p { margin-bottom: 1.2em; }
	p.metadata { background: #cc9900; padding: 3px;}
a { outline: none; }
a img { border: none; }

h1 {
	font-size: 22px;
	color: #990000;
	margin: 0 0 0 0;
	padding: 0px 0 20px 0px;
	background-position: 5px 7px;
	line-height: 24px;
}

h2 {
	font-size: 16px;
	color: #006AC3;
	padding: 0px 0 10px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h3 {
	font-size: 14px;
	color: #006AC3;
	padding: 5px 0 0px 25px;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}
	
h4 {
	font-size: 14px;
	color: #006AC3;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}

hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	height: 1px;
}
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right;}
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
	width: 654px;
	margin: 0 auto;
	background: url(preschoolimages/content-bg.jpg) repeat-y;
	}
	#main-content {
		padding: 10px 50px 30px 50px;
	}
	
img.alignleft {
	float: left;
	margin: 0 15px 5px 0px;
}

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}

img.alignabove {
	margin: 0 0 10px 0;
}

#footer { 
		min-height: 165px;
		background: url(preschoolimages/footer-bg.jpg) no-repeat;	
}
td {
	border: 1px solid #fff;
	padding: 6px 6px 6px 12px;
}

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: url(preschoolimages/nav.jpg) no-repeat;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #663399 url(media/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(media/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}

.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #ccff00; /*background color of tabs onMouseover*/
color: #663399;
}

.ubercolortabs a:hover span{
background-color: transparent;
}

.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 594px;
height: 5px;
margin: 0 0 0 28px;
line-height: 5px;
background: #ccff00; /*background color of horizontal line*/
border-top: 3px solid #000; /*Remove this to remove border between bar and tabs*/
}

		
	/* END STRUCTURE */