/* CSS Document */

html,body
{
	font-size:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

a, a:visited
{
	color:#fff;
}

a:hover
{
	text-decoration:underline;
}

h1,h2,h3
{
	color:#fff;
	margin:3px 3px 5px 3px;
}

p {
	color:#fff;
	font-size:1.1em;
}


#wrapper
{
	width:769px;
	margin:10px auto;
	background-color:#0077c0;
	border:1px solid #000;
}

#wrapper #header
{
	float:left;
	height:131px;
	width:100%;
}
#wrapper #header h1
{
	margin:0;
}

#wrapper #container
{
	float:left;
	height:auto;
	width:100%;
}

#wrapper #container #nav
{
	float:left;
	width:170px;
	height:auto;
	margin-left:5px;
		padding-bottom:30px;
}

#wrapper #container ul#nav {
	background-color:#ffd400;
	width:170px;
	padding:3px;
	margin:8px;
	
}

#wrapper #container ul#nav li {
	width:130px;
	padding:0;
	margin:0;
	line-height:2.4em;
	list-style-type:none;
	padding-left:40px;
	background: url("images/star.gif") no-repeat left #fff;
}

#wrapper #container ul#nav li.top {
	background:#ffd400;
	line-height:1.6em;
	font-weight:bold;
}

#wrapper #container ul#nav li a {
 	text-decoration:none;
	color:#0077c0;
}

#wrapper #container #content
{
	width:540px;
	font-family:"Comic Sans MS";
	font-size:1em;
	padding:0 10px;
	float:left;
	margin:0;
	
}
#wrapper #container #content h2
{
	margin:0 0 5px 0px;
}
#wrapper #container #content p
{
	margin:6px 5px 0 0;
}



#wrapper #nav h3
{
	font-size:0.9em;
	margin:0;
	padding:8px 0 0 42px;
	color:#FFFFFF;
}

#wrapper #nav h3 a, #wrapper #page-navigation h3 a:visited
{
	color:#FFFFFF;
	text-decoration:none;
}

#wrapper #nav h3 a:hover
{
	text-decoration:underline;
}

#wrapper #nav h3 a:active
{
	color:#000000;
	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_with_border.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_with_border.gif);}
.ptitle-lightblue{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(images/pencils/light_blue.gif);}
.ptitle-lightblue-b{margin:0;padding:0;float:left;height:32px;width:160px;background-repeat:no-repeat;
	background-image:url(images/pencils/light_blue_with_border.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_with_border.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_with_border.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_with_border.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_with_border.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/back.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.penlist ul li a:hover{	color:#000066;}

#wrapper #footer
{
	width:100%;
	float:left;
	height:98px;
	background-image:url(images/footer.gif);
}

#wrapper #footer img
{
	margin:30px 0 0 10px;
	float:left;
}

#wrapper #footer #address
{
	text-align:right;
	font-size:0.9em;
	float:right;
	color:#FFFFFF;
	margin:28px 5px 0 0;
}

#wrapper #footer #address p
{
	margin:0;
}

/* 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 */


#copy
{
	clear:both;
	margin:10px auto;
	text-align:center;
	font-size:0.8em;
}

#copy a, #copy a:visited
{
	text-decoration:none;
	color:#0000FF;
}