* {/* for demo only*/
	margin:0;
	padding:0
}

h3{
font-size: 10px;
}

h4{
font-size: 16px;
margin-left: inherit;
}

@font-face {
 font-family:myComicSans;
 src: url(/fonts/ComicSans.ttf);
  format("truetype");
  

}


html, body {
	height:100%;/* needed to base 100% height on something known*/
	text-align:center;
	background-image: url(../images/bg2.jpg);
	font-family: myComicSans,comic sans ms ;
	}
	
html a:link,html a:visited{
	text-decoration: none;
	color:#663300;
	margin-right: 5px;
	margin-left: 5px;
}

html a:hover,html a:active{
	color:#F0E68C;
}

#special1 {
	width:100px;
	height:50px;
	clear: both;
	background-image: url(../images/special1.png);
	left:800px;
	top:100px;
	
}

#outer {
	width:900px;
	margin:auto;
	min-height:100%;
	margin-top:-100px;/*footer height - this drags the outer 40px up through the top of the monitor */
	text-align:left;
	clear:both;
}
* html #outer {
	height:100%
}
#header {
	background:;
	border-top:100px solid #fff; /* soak up negative margin and allows header to start at top of page*/
	margin-left: 0px;
	padding: 0px;
	width: 900px;
}

#rightfloater{
float:right;
margin: 20px;
}

#headLeft{
float: left;
padding: 0px;
margin: 0px;
margin-left: -23px;
}

#headRight{
float: right;
padding: 0px;
margin: 0px;
margin-right: -23px;
}

#facebk{
position: relative;
bottom: 0px;
}

#mainContent{
width: 900px;
margin-top: 300px;
}

#leftContent{
width: 500px;
float: left;
margin-top: -80px;
margin-left: -10px;
}
#rightContent{
width: 400px;
float: right;

}

#leftpic{
padding: 30px;
}
#leftsplash{
padding: 0px;
margin-top: 75px;
margin-left: -10px;
}
#menu{
margin-left: 50px;
}
#info{
margin: -10px;
padding: 0px;
}

#footer {/* footer now sits at bottom of window*/
	width:1000px;
	margin:auto;
	height:100px;/* must match negative margin of #outer */
	clear:both;
	background-image: url(../images/footer_06.png);
	background-repeat: no-repeat;
}

#footnav{
margin-left: 0px;
top: -20px;
}
#footnav a:link,#footnav a:visited{
	text-decoration: none;
	color:#663300;
	margin-right: 5px;
	margin-left: 5px;
}

#footnav a:hover,#footnav a:active{
	color:#F0E68C;
}

#footnav2{
position: relative;
margin-left: 0px;
margin-top: 100px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
h1, h2, p {
	padding:0 10px;
}
#outer:after {/* thank you Erik J - instead of using display table for ie8*/
	clear:both;
	display:block;
	height:1%;
	content:" ";
}

#leftNavi{
width: 490px;
float: left;
margin-top: -110px;
}

ul#leftNav{
	font-family:Comic Sans MS;
	padding:0px;
	font-size: 12px;
	list-style: none;
}

ul#leftNav a:link,ul#leftNav a:visited{
	text-decoration: none;
	color:#663300;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

ul#leftNav a:hover,ul#leftNav a:active{
	color:#F0E68C;
}

ul#splashNav{
	font-family:Comic Sans MS;
	padding:0px;
	font-size: 14px;
	list-style: none;
	margin-left:150px;
	margin-top: 25px;
	clear: both;
}

ul#splashNav a:link,ul#splashNav a:visited{
	text-decoration: none;
	color:#663300;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

ul#splashNav a:hover,ul#splashNav a:active{
	color:#F0E68C;
}