@charset "UTF-8";
/* CSS Document */
/*the body backround includes the the top paper, green line, and brown color */

*{
	margin: 0;
	padding: 0;
	font-family: Calibri, Helvetica, Arial;
}

.clearfix{
	width: 1px;
	height: 1px;
	display: block;
	clear: both;
}

body{background-image:url(images/body.png);
background-repeat:repeat-x;
background-color:#363636;}

#wrapper{width:800px;
margin:auto}

#header {width:800px;
height:146px;
}

#logo {
	float:left;
	width:272px;
	height:146px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;

}

ul{list-style:none;}

ul#nav{
width:345px;
height:82px;
margin-left:455px;
}


ul#nav li{
display:inline;

}

ul#nav li a{
display:block;
height:82px;
text-indent:-99999px;
float:right;
}

ul#nav li.home a{
width:67px;
background-image:url(images/home.jpg);
background-position:top;
background-repeat:no-repeat;
}

ul#nav li.home_active a{
width:67px;
background-image:url(images/home.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

ul#nav li.blog a{
width:67px;
background-image:url(images/blog.jpg); 
background-position:top;
background-repeat:no-repeat;
}

ul#nav li.blog_active a{
width:67px;
background-image:url(images/blog.jpg); 
background-position:bottom;
background-repeat:no-repeat;
}

ul#nav li.calendar a{
width:67px;
background-image:url(images/calendar.jpg); 
background-position:top;
background-repeat:no-repeat;
}

ul#nav li.calendar_active a{
width:67px;
background-image:url(images/calendar.jpg); 
background-position:bottom;
background-repeat:no-repeat;
}


ul#nav li.spotlight a{
width:67px;
background-image:url(images/spotlight.jpg); 
background-position:top;
background-repeat:no-repeat;
}

ul#nav li.spotlight_active a{
width:67px;
background-image:url(images/spotlight.jpg); 
background-position:bottom;
background-repeat:no-repeat;
}

ul#nav li.gallery a{
width:67px;
background-image:url(images/gallery.jpg); 
background-position:top;
background-repeat:no-repeat;
}

ul#nav li.gallery_active a{
width:67px;
background-image:url(images/gallery.jpg); 
background-position:bottom;
background-repeat:no-repeat;
}

/* main navigation hover state */
ul#nav li a:hover{background-position:bottom;}

#container {
width:800px;
min-height:400px;
margin-top:50px;
}

#footer{
	width:100%;
	height:119px;
	clear:both;
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	margin-bottom:0%;}
	
#wrapper #container #right_content table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

