/* CSS Document */
html
{
margin:0;
padding:0;
height:100%;
}

body {
font-family:  "Trebuchet MS";
font-size:100%;
margin:0;
padding:0;
height:100%;
}

#wrapper {
width: 769px;
margin: 0 auto;
padding: 0;
background-color: #97e4f2;
border: 1px solid #000;
}

h1, h2, h3 {
margin: 0;
padding: 0;
margin-top:0;
color: #000055;
}

a, a:visited {
text-decoration:none;
/*font-weight:bold;*/
color:#4027DB;
}

a:hover {
text-decoration:underline;
}



.header
{
	width: 769px;
	/*height:135px;
	background-image:url(../images/tile.jpg);
	background-repeat:repeat-x;*/
	margin:0;
	padding:0;
	float:left;
	display: inline;
}
img
{
	border:0;
}
.header h1
{
	margin:0;
	padding:0;
}

.mainbody
{
	clear:both;
	float:left;
	width:769px;
	margin: 0;
	padding: 0;
	display: inline;
	/*height:78%;*/
}

.nav
{
	float:left;
	width:160px;
	height:auto;
	margin:0px 0px 20px 0px;
	padding: 0;
	display: inline;
	/*border: 1px solid #000;*/
}
.nav h3{
font-size:1em;
margin:0;
padding:4px 0 0 42px;
color:#FFFFFF;
}

.nav h3 a, .nav h3 a:visited{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
.nav h3 a:active
{
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}

.pentitle{margin:0;padding:0;height:32px;width:160px;
	background-image:url(../images/pencils/red.gif);
}

.ptitle-red{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/red.gif);}
.ptitle-red-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/red_m.gif);}
.ptitle-blue{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/blue.gif);}
.ptitle-blue-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/blue_m.gif);}
.ptitle-lightblue{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/ltblue.gif);}
.ptitle-lightblue-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/ltblue_m.gif);}		
.ptitle-green{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/green.gif);}
.ptitle-green-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/green_m.gif);}	
.ptitle-pink{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/pink.gif);}
.ptitle-pink-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/pink_m.gif);}
.ptitle-purple{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/purple.gif);}
.ptitle-purple-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/purple_m.gif);}
.ptitle-yellow{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/yellow.gif);}
.ptitle-yellow-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(../images/pencils/yellow_m.gif);}	
			
.penlist
{
	float:left;
	width:160px;
	height:auto;
	margin:0;
	padding:0;
	font-size:0.8em;
}

.penlist ul
{
	list-style:none;
	margin:0;
	padding:0 0 15px 15px;
	background-image:url(../images/pencils/list.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.penlist ul a, .penlist ul a:visited, .penlist ul a:hover {
	color: #4027DB;
	font-weight: bold;
	text-decoration: none;
}

.pagecontent
{
	float:left;
	width:580px;
	margin:0;
	padding:0px 0px 0px 10px;
	display: inline;
}

.footer
{
	clear:both;
	float:left;
	width: 769px;
	height:44px;
	background-color:#BA0100;
	margin:0;
	padding:0;
	color: #FFFFFF;
	font-size:0.8em;
	display: inline;
}

.footer a, .footer a:visited
{
	color:#FFFFFF;

}

/* --------------------------------------- floatfix -------------------------------- */


/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */