/* This is the style for the div containing the top curved image */
#topcurve {
	background-image: url(../images/topcurve.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 17px;
	width: 800px;
	margin: 0px;
	padding: 0px;
}

/* This is the style for the div that contains everything */
#maincontainer {
	height: 600px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	background-image: url(../images/backgrad.jpg);
	background-repeat: repeat-y;
}

/* This is the style for the div that contains the swoosh and logo */
#huttontop {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/huttontop.jpg);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 97px;
	width: 800px;
}

/* This is the style for the div that contains the to the left of the menu */
#leftmenucurve {
	background-image: url(../images/leftmenucurve.jpg);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 43px;
	width: 182px;
	background-repeat: no-repeat;
}

/* This is the style for the div that wraps the menu */
#menucontainer {
	background-image: url(../images/menuback.gif);
	background-repeat: repeat-x;
	clear: right;
	float: left;
	height: 43px;
	width: 618px;
	margin: 0px;
	padding: 0px;
}

/* This is the style for the div containing the bottom curved image*/
#bottomcurve {
	background-image: url(../images/bottomcurve.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* This is the style for the div that wraps the row of images in the left */
#imageblock {
	float: left;
	height: 443px;
	width: 182px;
	background-image: url(../images/imageblock.jpg);
	background-repeat: repeat-y;
}

/* This is the div that sits on the right */
#rightblock {
	width: 180px;
	float: right;
	clear: right;
	height: 441px;
	background-image: url(../images/rightblock.jpg);
	background-repeat: repeat-y;
}

/* This is the style for the div with the right menu in */
#news {
	height: 358px;
	width: 148px;
	background-image: url(../images/newsback.gif);
	background-repeat: no-repeat;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

/* This is the style for the div that positions the news items (#news sits inside this) */
#newscontainer {
	clear: both;
	float: right;
	width: 138px;
}

/* This is the style thst wraps the pages' text */
#maincontent {
	height: 402px;
	width: 428px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 5px;
	padding-left: 5px;
}

/* This is the style for div that positions and styles the address */
#address {
	height: 30px;
	width: 423px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	background-color: #FFFFFF;
	margin-top: 5px;
	padding-left: 5px;
	font-family: Tahoma, Arial;
	font-size: 0.75em;
	color: #003366;
	font-weight: bold;
}

/* This style positions the image 1 within #imageblock */
.image1 {
	height: 134px;
	width: 134px;
	margin-right: auto;
	margin-left: auto;
	clear: right;
	float: none;
	margin-top: 5px;
	margin-bottom: auto;
}

/* This style positions the image 2 within #imageblock */
.image2 {
	height: 134px;
	width: 134px;
	margin-right: auto;
	margin-left: auto;
	clear: right;
	float: none;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* This style positions the image 3 within #imageblock */
.image3 {
	height: 134px;
	width: 134px;
	margin-right: auto;
	margin-left: auto;
	clear: right;
	float: none;
	margin-top: auto;
	margin-bottom: 3px;
}
.units span {
	float: left;
	line-height: 32px;
	margin-left: 40px;
}
.units a:link {
	height: 31px;
	width: 296px;
	display: block;
	border-bottom-style: dotted;
	text-indent: 30px;
	font-family: Tahoma, Arial;
	font-size: 0.75em;
	text-decoration: none;
	background-image: url(../images/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-color: #3399CC;
}
.units a:visited {
	height: 31px;
	width: 296px;
	display: block;
	text-indent: 30px;
	font-family: Tahoma, Arial;
	font-size: 0.75em;
	background-image: url(../images/visitedtick.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-color: #3399CC;
	border-bottom-style: dotted;
}
.units a:hover {
	height: 31px;
	width: 296px;
	background-color: #3399CC;
	display: block;
	text-indent: 30px;
	font-family: Tahoma, Arial;
	font-size: 0.75em;
	color: #FFFFFF;
	background-image: url(../images/linkarrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	border: 1px dotted 3399CC;
}
.units img {
	float: left;
	border: 1px solid #3399CC;
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
}
.units img:link {
}
.units img:hover {
}
#map {
	border: 1px solid #20ACCD;
}

