/* CSS Document */

/* --------------------------------------------------------
GLOBAL
-------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
#body {
	font: 76%/2.0 Verdana, Geneva, sans-serif;
	letter-spacing:.05em;
}
/* --------------------------------------------------------
STRUCTURE
-------------------------------------------------------- */
#wrapper {
	position:relative;
	background-color: #A1B68A;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-image:url(images/DaySpalogo.jpg);
	text-indent: -1000em;
	font-family: Arial, Helvetica, sans-serif;
	height: 184px;
	width: 900px;
	color: #FFF;
	background-color: #FFF;
}
/*fix margin top on both main content and second nav*/
#main-content {
	background-color: #636d67;
	text-align: left;
	margin-top: 30px;	 
	padding: 40px 25px 0px 25px;
	float: right;
	height: 325px;
	width: 414px;
}
#image {
	float: right;
	margin-top: 30px;
	background-color: #a1b68a;
	height: 335px;
	width: 285px;
}
/*might have to change to float right and then adjust negative margin to either image or second nav right side???*/
#second-navigation {
	float: left;
	margin-top: 30px;
	padding-top: 25px;
	padding-right: 6px;
	padding-bottom: 7px;
	padding-left: 6px;
	width: 139px;
	height: 321px;
	display: block;
}
#main-nav {
	position: absolute;
	width: 900px;
	height: 30px;
	top: 184px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
}
#accomm-link {
	background-color: #FFF;
	display: block;
	clear: both;
	height: 30px;
	width: 890px;
	text-decoration: none;
	text-align: right;
	padding: 5px;
}
#sub-footer {
	background-color: #B0cBc7;
	height: 30px;
	width: 890px;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	display: block;
	clear: both;
}
/* --------------------------------------------------------
MAIN NAVIGATION
-------------------------------------------------------- */
#main-nav ul{
	font: .95em Arial, Helvetica, sans-serif;
	color: #636d67;
	display:block;
	padding: 6px;
	text-align: center;
}
#main-nav li{
/*	border-right: 1px solid #636d67; COULDN'T GET BORDER TO WORK AS IT PUTS A BORDER ON THE LAST LINE AS WELL SO WENT BACK TO DASH IN TEXT */
	text-align: center;
	list-style-type: none;
	display: inline;
}
#main-nav li a{
	color: #636d67;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}
#main-nav li a:link, #main-nav li a:visited{
	color: #636d67;
}
#main-nav li a:hover{
	color: #999999;
}
/* --------------------------------------------------------
SUB-NAVIGATION
-------------------------------------------------------- */
#second-navigation ul{
	font: .8em Arial, Helvetica, sans-serif;
	color: #41634B;
	display: block;
	line-height: 1.8em;
	padding: 10px 4px 10px 4px;
	width: 131px;
}
#second-navigation li{
	list-style-type: none;
	text-align: left;
}
#second-navigation li a{
	color: #41634B;
	text-decoration: none;
	display: block;
	width: 131px;
	border-bottom: 1px #a1b68a solid;
	border-top: 1px #a1b68a solid;
}
#second-navigation li a:link, #second-navigation li a:visited{
	color: #41634B;
}
#second-navigation li a:hover{
	color: #333333;
	border-bottom: 1px #696 solid;
	border-top: 1px #696 solid;
}
/* --------------------------------------------------------
CONTENT
-------------------------------------------------------- */
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 15px;
	color: #cccccc;
	text-align: left;
	display: inline;
}
p a:link, p a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 15px;
	color: #cccccc;
	text-align: left;
	text-decoration: none;
}
p a:hover {
	color: #333;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #ffffff;
	text-indent: -1000em;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-transform: uppercase;
	line-height: 15px;
	color: #cccccc;
	text-align: left;
	font-weight: lighter;
}
h4 {
	height: 30px;
	width: 890px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	color: #636D67;
	text-decoration: none;
	text-align: right;
	padding: 3px 5px 7px 5px;
	font-weight: lighter;
}
#sub-footer h4 {
	text-align: left;
}

h4 a img {
	border: none;
}
h4 a:link, h4 a:visited {
	height: 30px;
	width: 890px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #636D67;
	text-decoration: none;
	text-align: right;
	padding: 5px;
	font-weight: lighter;
	border: none;
}
h4 a:hover {
	color: #333;
	border: none;	
}
table {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .75em;
	color: #CCC;
	line-height: 18px;
}
table caption {
	text-transform: uppercase;
	text-align: left;
	text-indent: 7px;
	font-size: 1.1em;
	line-height: 15px;
}
table tr td a:link {
	color: #CCC;
	text-decoration: none;
}
table tr td a:visited {
	color: #CCC;
	text-decoration: none;
}
table tr td a:hover {
	color: #333333;
	text-decoration: none;
}

/* --------------------------------------------------------
FOOTER
-------------------------------------------------------- */
#footer {
	color: #cccccc;
	background-color: #636D67;
	text-align: center;
	clear: both;
	padding: 5px;
	display: block;
}
#footer p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: .7em;
	line-height: 1.5em;
	color: #333;
	text-align: left;
	display: inline;
	text-decoration: none;
}
#footer p a:link, #footer p a:visited {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #333;
	text-align: left;
	display: inline;
	text-decoration: none;
}

#footer p a:hover {
	color: #CCC;
}