@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;
	position:relative;
	top:0px;
	left:0px;
}
#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#logo{
	height:100px;
	width:100px;
	position:relative;
	left:562px;
	top:-1650px;
}
#swirl{
	height:600px;
	width:290px;
	position: relative;
	left:-20px;
	top:0px;
	background-image: url(images/swirl.png);
}
#nav{
	height:40px;
	width:678px;
	top:-400px;
	position:relative;
	left: 60px;
}
#barimage{
	height:1100px;
	width:678px;
	position:relative;
	left:59px;
	top: -398px;
}

.smalltype {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	vertical-align: text-top;
	line-height: 5px;
}
.type {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	vertical-align: text-middle;
	line-height: 20px;
}
.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	vertical-align: text-middle;
	line-height: 20px;
}