@charset "utf-8";
/* CSS Document */

body {
	background: url(/saa/bg/page.jpg) center top repeat-y;
	margin:0;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
a:link, a:visited {
	color:#C14817;
	text-decoration:none;
}
a:active, a:hover {
	color:#C14817;
	text-decoration:underline;
}
#header {
	width:760px;
	margin:0 auto;
	background:url(/saa/bg/header_sky.jpg) 0 0 no-repeat;
	position:relative;
}
#header span {
	display:block;
	width:inherit;
	height:76px;
	background:url(/saa/bg/header.gif) 0 100% no-repeat;
	position:relative;
}
#logo {
	position:absolute;
	top:3px;
	left:0;
}
#header #nav {
	position:absolute;
	width:580px;
	height:33px;
	top:43px;
	left:180px;
	list-style:none;
	padding:0;
	margin:0;
}
#header #nav em {
	display:none;
}
#header #nav li {
	list-style:none;
	padding:0;
	margin:0;
	height:33px;
	float:left;
}
#header #nav li a {
	display:block;
	height:33px;
}
#nav_home { left:0; width:50px; background:url(/saa/nav/home.gif) 0 0 no-repeat; }
#nav_placestostay { left:50px; width:108px; background:url(/saa/nav/placestostay.gif) 0 0 no-repeat; }
#nav_thingstodo { left:158px; width:103px; background:url(/saa/nav/thingstodo.gif) 0 0 no-repeat; }
#nav_eventplanning { left:261px; width:117px; background:url(/saa/nav/eventplanning.gif) 0 0 no-repeat; }
#nav_about { left:378px; width:100px; background:url(/saa/nav/about.gif) 0 0 no-repeat; }
#nav_contact { left:478px; width:102px; background:url(/saa/nav/contact.gif) 0 0 no-repeat; }
#nav_home:hover,#nav_placestostay:hover,#nav_thingstodo:hover,#nav_eventplanning:hover,#nav_about:hover,#nav_contact:hover { background-position:0 -33px; }
p#weather {
	margin:0 auto;
	position:relative;
	font: 1em Arial, Helvetica, sans-serif;
	text-align:right;
	line-height:1em;
	padding:4px;
	width:760px; /* for IE5/Win */
	voice-family:"\"}\"";
	voice-family: inherit;
	width:752px; /* actial value */
}
html>body p#weather {
	width:752px; /* for Opera */
}
#contentWrap {
	position:relative;
	width:760px;
	margin:26px auto 0 auto;
	background:#e2e0c1 url(/saa/bg/content.png) 50% 0 repeat-y;
}
#contentWrap #greentop{
	position:absolute;
	width:760px;
	height:53px;
	top:-26px;
	left:0;
	background:#698149 url(/saa/bg/greentop.gif) 0 0 no-repeat;
}
#contentWrap h1 {
	position:relative;
	margin:0;
	background:url(/saa/bg/redtop.png) 50% 0 no-repeat;
	font:italic bold 2em Helvetica, Arial, Verdana, sans-serif;
	color:#fff;
	padding:19px 22px 10px 22px;
	width:760px; /* for IE5/Win */
	voice-family:"\"}\"";
	voice-family: inherit;
	width:716px; /* actial value */
}
html>body #contentWrap h1 {
	width:716px; /* for Opera */
}
#contentArea {
	position:relative;
	width:696px;
	margin:0 auto;
	padding:20px 0;
	font-size:1.1em;
	line-height:1.4em;
}
#footer {
	position:relative;
	width:760px;
	height:68px;
	background:url(/saa/bg/footer.gif) 0 0 no-repeat;
	margin:0 auto;
}
#footer p#back_top {
	position:absolute;
	top:0px;
	right:22px;
	width:65px;
	height:18px;
	margin:0;
	padding:0;
	background:url(/saa/img/back_top.gif) 0 0 no-repeat;
}
#footer p#back_top a {
	display:block;
	width:65px;
	height:18px;
}
#footer p#back_top span {
	display:none;
}
#footer p#back_top:hover {
	background-position:0 -18px;
}
#credits {
	position:relative;
	width:760px;
	margin:0 auto 30px auto;
	background:url(/saa/img/credits.gif) center 20px no-repeat;
	text-align:center;
	font:1em Arial, Helvetica, sans-serif;
	color:#7E5E26;
	padding-top:130px;
}
#credits ul {
	margin:0 auto 10px auto;
	list-style:none;
	padding:0;
}
#credits ul li {
	list-style:none;
	margin:0 10px;
	display:inline;
}
#credits ul a:link, #credits ul a:visited {
	color:#000;
}
	
	

	

