* {
	margin:0;
	padding:0;
}
body {
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#4d4b49;
	background:#e5dfd5;
	text-align:center;
}

.wrapper {
	min-width:960px;
	background:url(../img/bgwrapper.png) no-repeat center top;
	position:relative;
	padding-right:0.5px;
}
.container {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#header {
	height:111px;
}
#header h1 {
	width:320px;
	height:111px;
	background:url(../img/krazelogo.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
#header h1 a {
	display:block;
	width:320px;
	height:111px;
	text-indent:-9999px;
	float:left;
}
.mainnav {
	width:620px;
	height:79px;
	background:url(../img/bgnav.png) no-repeat;
	list-style:none;
	float:left;
	padding:32px 0 0 20px;
}
.mainnav li {
	display:inline;
}
.mainnav li a {
	display:block;
	height:57px;
	background:url(../img/nav.png) no-repeat;
	text-indent:-9999px;
	float:left;
}
li.about a {
	width:150px;
	background-position: -10px 0;
}
li.gallery a {
	width:150px;
	background-position: -155px 0;
}
li.media a {
	width:130px;
	background-position: -305px 0;
}
li.contact a {
	width:150px;
	background-position: -430px 0;
}
li.about a:hover {
	background-position: -10px -52px;
}
li.gallery a:hover {
	background-position: -155px -52px;
}
li.media a:hover {
	background-position: -305px -52px;
}
li.contact a:hover {
	background-position: -430px -52px;
}
#sidebar {
	width:320px;
	height:389px;
	background:url(../img/bgsidebar.png) no-repeat;
	float:left;
	overflow:hidden;
}
#sidebar h2 {
	height:65px;
	background:url(../img/upcomingevents.png) no-repeat;
	margin:0 0 19px 20px;
	text-indent:-9999px;
}
#events {
	height:270px;
	overflow:hidden;
}
#events ul {
	list-style:none;
	margin-left:20px;
}
#events ul li {
	font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	margin-bottom:18px;
	height:28px;
}
#events ul li a {
	font:normal 16px/18px Georgia, "Times New Roman", Times, serif;
	color:#FC9;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
}
#events ul li a:hover {
	color:#fff;
}
#sidebar h3 {
	width:320px;
	height:119px;
}
#sidebar h3 a {
	display:block;
	width:320px;
	height:119px;
	background:url(../img/subscribenow.png) no-repeat;
	text-indent:-9999px;
}
#sidebar h3 a:hover {
	background-position:bottom;
}
#flashpics {
	width:640px;
	height:389px;
	float:left; 
}
.panel {
	width:280px;
	height:149px;
	padding:24px 20px 0;
	float:left;
}
.panel h4 {
	height:58px;
	margin-bottom:15px;
}
.panel h4 a {
	display:block;
	height:58px;
	text-indent:-9999px;
}
.panel p {
	text-align:right;
}

#fbox1 {
	background:url(../img/fbox1bg.gif) no-repeat 0 0;
}
#fbox1:hover {
	background-position: 0 -173px;
}
#fbox1 h4 a {
	background:url(../img/fbox1.gif) no-repeat top right;
}
#fbox1 h4 a:hover {
	background-position: bottom right;
}

#fbox2 {
	background:url(../img/fbox2bg.gif) no-repeat 0 0;
}
#fbox2:hover {
	background-position: 0 -173px;
}
#fbox2 h4 a {
	background:url(../img/fbox1.gif) no-repeat top right;
}
#fbox2 h4 a:hover {
	background-position: bottom right;
}

#fbox3 {
	background:url(../img/fbox3bg.gif) no-repeat 0 0;
}
#fbox3:hover {
	background-position: 0 -173px;
}
#fbox3 h4 a {
	background:url(../img/fbox1.gif) no-repeat top right;
}
#fbox3 h4 a:hover {
	background-position: bottom right;
}

#footer {
	clear:both;
	padding:16px 20px 30px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#000;
	position:relative;
}
#footer ul {
	width:730px;
}
#footer li {
	display:inline;
}

.designby {
	text-align:right;
	margin-top:-14px;
}
.designby a {
	color:#000;
	text-decoration:none;
}
.designby span {
	color:#e57427;
}
.designby a:hover span {
	text-decoration:underline;
}