html
{
	background: rgb(32, 64, 92);
}

body
{
	border: 1px solid black;
	background: white;
	margin: auto;
	margin-top: 10px;
	
	width: 700px;
}

a, a:visited
{
	color: rgb(32, 64, 92);
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: blue;
	font-weight: bold;
	text-decoration: none;
}

#header
{
	background: url(/resources/images/headerBackgroundGradient.png);
	padding-top: 5px;
	height: 120px;
}

#header h1
{
	background: url(/resources/images/sm_logo.gif) no-repeat top left;
	margin-left: 20px;
	margin-top: 10px;
	height: 110px;
}

#header h1 span
{
	display: none;
}

#header h2 span
{
	display: none;
}

#mainmenu
{
	background: silver;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
}

#mainmenu ul
{
	margin: 0px;
	padding: 0px;

	list-style: none;
	white-space: nowrap;
}

#mainmenu li
{
	display: inline;
}

#mainmenu li.first:before
{
	content: "";
}

#mainmenu li:before
{
	content: " - ";
}

#content
{
	margin: 10px;
}

p.intro-1
{
	margin-bottom: 3em;
}

p.intro
{
	font-weight: bold;
	font-size: 1.3em;
}

p.intro-1 img
{
	border: 1px solid black;
	width: 200px;
	height: 150px;
	float: right;
	margin: 10px;
}

p.intro-2 img
{
	border: 1px solid black;
	width: 200px;
	height: 150px;
	float: left;
	margin: 10px;
}

div.room
{
	margin-top: 10px;
	border-bottom: 1px solid black;
}

div.room h3
{
	margin-top: 0px;
	margin-bottom: 0.25em;
}

div.room img
{
	float: left;
	border: 1px solid black;
	margin-bottom: 10px;
	width: 125px;
	height: 125px;
}

div.room-options
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
}

div.room-options ul
{
	margin: 0px;
	padding: 0px;

	list-style: none;
	white-space: nowrap;
}

div.room-options li
{
	display: inline;
}

div.room-options li.first:before
{
	content: "";
}

div.room-options li:before
{
	content: " - ";
}

div.roomDescription
{
	width: 520px;
	margin-left: 140px;
}

div.package
{
	margin-top: 10px;
	border-bottom: 1px solid black;
}

div.package h3
{
	margin-top: 0px;
	margin-bottom: 0.25em;
}

div.package img
{
	float: left;
	border: 1px solid black;
	margin-bottom: 10px;
	width: 125px;
	height: 125px;
}

div.room-spacer
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

div.package-options
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
}

div.packageDescription
{
	width: 520px;
	margin-left: 140px;
}

div.package-spacer
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.requiredLabel
{
	margin-bottom: 0.5em;
	font-weight: bold;
	float: left;
}

.optionalLabel
{
	margin-bottom: 0.5em;
	float: left;
}

#stay-information, #personal-information, #billing-information
{
	margin-left: 20px;
}

#stay-information div.field, #personal-information div.field, #billing-information div.field
{
	margin-bottom: 0.5em;
	margin-left: 200px;
}

#submission-section
{
	margin-top: 1em;
}

#attraction-menu
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
}

#attraction-menu ul
{
	margin: 0px;
	padding: 0px;

	list-style: none;
	white-space: nowrap;
}

#attraction-menu li
{
	display: inline;
}

#attraction-menu li.first:before
{
	content: "";
}

#attraction-menu li:before
{
	content: " - ";
}

div.attraction
{
	margin-top: 10px;
	border-bottom: 1px solid black;
}

div.attraction h3
{
	margin-top: 0px;
	margin-bottom: 0.25em;
}

div.attraction img
{
	float: left;
	border: 1px solid black;
	margin-bottom: 10px;
	width: 125px;
	height: 125px;
}

div.attractionDescription
{
	width: 520px;
	margin-left: 140px;
}

div.attraction-spacer
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

div.attraction-options
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
}

div.attraction-options ul
{
	margin: 0px;
	padding: 0px;

	list-style: none;
	white-space: nowrap;
}

div.attraction-options li
{
	display: inline;
}

div.attraction-options li.first:before
{
	content: "";
}

div.attraction-options li:before
{
	content: " - ";
}

div.attractionSelect
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
}

div.attractionSelect ul
{
	margin: 0px;
	padding: 0px;

	list-style: none;
	white-space: nowrap;
}

div.attractionSelect li
{
	display: inline;
}

div.attractionSelect li.first:before
{
	content: "";
}

div.attractionSelect li:before
{
	content: " - ";
}

#footer
{
	background: silver;
	border-top: 1px solid black;
	text-align: center;
}