@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "Trashhand";
  src: url("../images/TrashHand.ttf");
}


body, html{
	margin:0;
	padding:0;
	background-image:url(../images/bg_01.jpg);
	background-repeat:repeat;
}

p{
	font-family:helvetica, arial, sans-serif;
	font-size:1.1em;
	margin:0;
	padding:0;
	letter-spacing:-.1em;
	font-weight:700;
}



#wrapper{
	width:964px;
}

#header{
	background-image:url(../images/headers_01.jpg);
	background-repeat:no-repeat;
	width:964px;
	height:200px;
}
	

#navigation{
	font-family:"Trashhand", Helevetica, Arial, sans-serif;
	font-size:24px;
	background-image:url(../images/headers_02.jpg);
	background-repeat:no-repeat;
	width:366px;
	height:214px;
	padding-left:7px;
	letter-spacing:0px;
	float:left;
	
}
#navigation ul{
		
		list-style:none;
		padding:0;
		margin:0;}
		
#page1 #wrapper #navigation li.page1 a,
#page2 #wrapper #navigation li.page2 a,
#page3 #wrapper #navigation li.page3 a,
#page4 #wrapper #navigation li.page4 a,
#page5 #wrapper #navigation li.page5 a,
#page6 #wrapper #navigation li.page6 a,
#page7 #wrapper #navigation li.page7 a,
#page8 #wrapper #navigation li.page8 a,
#navigation li a:hover{
	color:#FFEA3B;
}

#navigation li a{
	color:#F60;
	text-decoration:none;
}



#extra{
	background-image:url(../images/headers_04.jpg);
	width:251px;
	height:225px;
	float:left;
}

#smallContent{
	height:214px;
	width:570px;
	float:left;
}
#smallContentTall{
	height:600px;
	width:570px;
	float:left;
}

#largeContent{
	width:710px;
	float:left;
}

.redHighlight{
	color:#C00;
}
.redHighlightBIG{
	color:#C00;
	font-size:1.6em; 
	letter-spacing:-.1em;
}
.blueHighlight{
	color:#009;
}

.greenHighlight{
	color:#063;
}

.highlightList{
	font-size:.8em;
	list-style:url(../images/splotch.gif);
}

.frambg{
	background:url(../images/frame.gif) no-repeat;
	padding:21px 25px;
	margin:3px;
}

.handwriting{
	  font-family: "Trashhand";
	  font-size:18px;
}