body {
	font-family:  "Trebuchet MS";
	font-size:100%;
	margin:0;
	padding:0;
	background-color: #F7F1D4;
}

.wrapper {
}

.header {
height:117px;
background-color:#9D0B0B;
color:#FFFFFF;
text-align:center;
}

h1 {
margin:0;
}

.navigation {
	background-color:#FFD400;
	color:#3a6b00;
	padding:5px 0;
	border-color: #000;
	border-style: solid none;
	border-width: 1px;
	background-image: url(../images/navback.gif);
}

.navigation ul {
	width:760px;
	margin:0 auto;
	padding:0;
	display:block;
	padding-left: 20px;
}

.navigation ul li {
list-style-type:none;
padding:0px;
display:inline;
margin:-0 10px -0 0;
font-size:1em;
}

.lastmod {
text-align: right;
color: #000000;
border-style: none;
float:right;
font-size: 0.7em;
margin-top: 5px;
padding: 0;
}

.clear { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }

.page-info {
}

.container {
width:780px;
margin:10px auto;
}

.col1, .col2 {}

.page-navigation .page-navigation-title {
text-align:center;
text-transform:capitalize;
font-weight:bold;
font-size:0.8em;
margin-bottom:0;
}


.col1 .page-navigation {
display:none;
}

.col1 .page-content {
margin:0;
}

.col1 .page-buttons {
display:none;
}

.col2 .page-navigation {
display:block;
float:left;
width:170px;
}

.col2 .page-content {
margin-left:175px;
}

.col2 .page-buttons {
display:none;
}

.col3 .page-navigation {
display:block;
float:left;
width:170px;
}

.col3 .page-content {
display:block;
float:left;
width:380px;/* takes into account the padding */
padding:0 10px;
}

.col3 .page-buttons {
float:left;
width:140px;
padding-top: 40px;
}

h1, h2, h3 {
margin-top:0;
color: #000055;
}

.footer {
clear:both;
width:780px;
margin:20px auto;
font-size:0.7em;
color:#aaaaaa;
}

a, a:visited {
text-decoration:none;
font-weight:bold;
color:#4027DB;
}

a:hover {
text-decoration:underline;
}

.navigation ul li a, .navigation ul li a:visited {
text-decoration:none;
font-weight:bold;
font-size: 1em;
color:#000000;
}

.navigation ul li a:hover {
text-decoration:none;
color:#DD0000;
}

.page-navigation a, .page-navigation a:visited {
text-decoration:none;
font-weight:bold;
color:#FFFFFF;
margin-top: auto;
}

.page-navigation a:hover {
text-decoration: none;
color:#FFFF00;
}

.navigation ul li.current, .navigation ul li.current a,.navigation ul li.current a:visited, .navigation ul li.current a:hover {
color:#0000DD;
}

.page-navigation h1
{
	color:#000000;
	font-size:16px;
	font-family:"Comic Sans MS";
	padding-top:6px;
	text-align: center;
}

.pbrush_blue
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/brush_blue.gif);
	background-color:#598093;
}

.pbrush_red
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/brush_red.gif);
	background-color:#598093;
}

.pbrush_purple
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/brush_purple.gif);
	background-color:#4169e1;
}

.pbrush_green
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/brush_green.gif);
	background-color:#4169e1;
}



.ptitleblue
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/pencils/blue.gif);
	background-color:#4169e1;
}

.ptitlered
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/pencils/red.gif);
	background-color:#4169e1;
}

.ptitleyellow
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/pencils/yellow.gif);
	background-color:#4169e1;
}

.ptitlepurple
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/pencils/purple.gif);
	background-color:#4169e1;
}

.ptitlebrown
{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:36px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/pencils/brown.gif);
	background-color:#4169e1;
}

.pcontent
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	background-image:url(../images/pencils/tile.gif);
	background-position:left;
	background-repeat:repeat-y;
	float: left;
	height: auto;
	background-color:#9D0B0B;
}

.pcontent ul
{
	font-size:0.8em;
	list-style:none;
	margin:0px 5px 5px 20px;
	padding:0px 0px 5px 0px;

}

.pbottom
{
	float:left;

	margin:-10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:170px;
	height:20px;
	background-image:url(../images/pencils/bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#9D0B0B;
}
