html, body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background:url(images/bgd.jpg) repeat-x top;
	background-color:#FFFFFF;
}

#wrapper {
	width:780px;
	margin:0 auto;
	padding:0;
	border-left:2px solid #aaa;
	border-right:2px solid #aaa;
	border-bottom:2px solid #aaa;
	background:url(images/tile.gif) repeat-y;
}

#header {
	width:100%;
	height:146px;
	margin:0;
	padding:0;
}

#heading {
	width:770px;
	height:20px;
	margin:0;
	padding:0px 5px 5px 5px;
	font-size:1.1em;
	color:#fff;
	background-color:#C40062;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#nav {
	float:left;
	width:184px;
	margin:10px 0px 0px 0px;
	padding:0;
	background:url(images/nav_bgd.jpg) no-repeat bottom;
}

#nav ul {
	margin:0px 0px 0px 5px;
	padding:0;
	list-style-type:none;
	color:#fff;
	font-size:0.9em;
}

#nav ul li {
	margin:0px 5px 5px 0px;
	padding:0;
	border-bottom:1px solid #fff;
}

#nav ul li.subnav {
	margin:0px 5px 3px 0px;
	padding:0;
	border:none;
	font-size:0.8em;
}

#nav ul li a, #nav ul li a:visited { color:#fff; text-decoration:none; }
#nav ul li a:hover { color:#ccc; text-decoration:none; }

#content {
	width:580px;
	margin:0px 0px 0px 190px;
	padding:0;
	font-size:0.9em;
}

#content h2 { font-size:1.3em; text-align:center; }
#nav a, #nav a:visited { color:#fff; text-decoration:none; }
#nav a:hover { text-decoration:underline; }

#footer {
	width:100%;
	margin:10px 0px 10px 0px;
	padding:0;
	text-align:center;
	font-size:0.7em;
}

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}