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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #036;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	}
	p{font-size:small;}

#container {
	width: 780px; 
	background: #FFFFFF;
	margin: 0 auto;
	margin-top:25px;
	margin-bottom:25px;
	border: 1px solid #000;
	text-align: left;
}
#header{
	border-bottom: 1px solid #000;
	text-align: right;
	background-image:url(images/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#navbar{
	margin:0px;
	padding-top: 15px;
	padding-bottom:7px;
	padding-right:5px;
}

.navigation{
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
padding-top:22px;
background-image:url(images/navbg.jpg);
font-size:small;

}
.navigationfocus{
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
padding-top:22px;
background-image:url(images/navbg2.gif);
font-size:small;
}
a{
color:#003366;
}
a.navigation, div.footer a, a.navigationfocus{
color:#FFFFFF;
text-decoration:none;
}
p{
line-height:18px;
}
img{
border:0;
}

#mainContent {

	background-image: url(images/maincontentbg.gif);
	background-position: top;
	background-repeat: no-repeat;
}
div.floaterwhatsthisabout {
	float: left;
	margin: 0.7em;
	margin-left: 1em;
	width: 18em;
	background-image: url(images/paperbg.jpg);
	background-position: left bottom;	
	margin-bottom:0em;  
	}
div.floaterthemes {
	float: left;
	margin: 0.7em;
	margin-right: 0;
	width: 27em;
	background-image: url(images/paperbg.jpg);
	background-position: left bottom;
	margin-bottom:0em;  	
}
div.floatergallery, div.floateryourwork{
	float: left;
	margin-left: 1em;
	margin-right: 0.5em;
	margin-top:0.5em;
	width: 15.5em;
	background-image: url(images/paperbg.jpg);
	background-position: left bottom;	
	padding-bottom:15px;
}
div.floaterteacher{
	float: left;
	margin-left: 1em;
	margin-right: 0.5em;
	margin-top:0.5em;
	margin-bottom:1em;
	width: 15.5em;
	background-image: url(images/teachersbg.gif);
	background-position: left bottom;	
	padding-bottom:15px;
}

div.floateryourwork{

	width: 12em;	
}

img.gallerydisplay {
	margin:5px;
	border:1px solid #000;
	margin-bottom:8px;
}

div.floaterthemes p, div.floatergallery p, div.floatergallery p, div.floateryourwork p, div.floaterteacher p{
margin-top:0px;
padding-left:15px;
padding-bottom:15px;
padding-right:5px;
}
div.floatergallery p, div.floateryourwork p{

padding-left:20px;

}
div.floaterwhatsthisabout p{
margin-top:0px;
padding-left:25px;
padding-bottom:40px;
padding-right:15px;


}
 div.clearing {
 clear:left;
 padding:0px;
 margin:0px;
 }
  div.footer {
 clear:left;
 text-align:center;
 padding-top:10px;
 padding-bottom:10px;
 margin:0px;
 color:#FFFFFF;
 font-size:11px;
 background-color:#669900;
 border-top:1px solid #000;
 }
  div.footer p{
   margin:0px;
   padding:0px
   }