/*
SunsetIsland.com Global Stylesheet
Author: Derek Davis
Studio: Neue Interactive
Contact: 703 879-8788 / www.NeueI.com
*/

html,body {
margin: 0;
padding: 0;
background-color: #BEAF91;
text-align: center; /* Fix For Older Browsers */
}

/*
Text size set in EMs.
1 em = 16px
16 x .875 = 14px
16 x .075 = 12px
*/

/* ----- FOR LIGHTBOX ---------- */

#overlay{ background-image: url(/i/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/overlay.png", sizingMethod="scale");
	}

/* ----- BODY ---------- */

body {
color: #333;
font-family: "Georgia", serif;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0;
}


/* ----- POSITIONING ---------- */

div.wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
}

div.header {
width: 960px; /* 960 - (30x2) for padding */
height: 120px; /* 120 - (30x2) for padding */
background-color: #DFB668;
text-align: left;
}

div.nav {
width: 960px;
height: 28px;
background-color: #73A3B0;
background-image: url(/i/navbg.png);
padding-top: 12px;
}

div.page {
width: 920px;
background-color: #FDF0D7;
padding: 20px;
}

div.homecontent {
float: left;
position: relative; /* Relative to Div.Page [DOES MARGIN EFFECT RELATIVE POSITIONING .. IF SO, SUBTRACT 20PX FROM BOTH] */
left: 40px;
top: 0px;
}

div.homeslideshow {
float: left;
position: relative; /* Relative to Div.Page [DOES MARGIN EFFECT RELATIVE POSITIONING .. IF SO, SUBTRACT 20PX FROM BOTH] */
left: 20px; /* Allowing 20px around frame in the actual flash file */
top: 20px;
width: 382px;
height: 254px;
}

div.sidebar {
width: 300px;
margin-right: 20px;
text-align: left;
float: left;
}

	div.sidebar-resources {
	height: 330px;
	width: 300px;
	background-image: url(/i/sidebar_resources.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 56px;
	margin-bottom: -36px;
	}

	div.sidebar-photogallery {
	height: 250px;
	width: 300px;
	padding-bottom: 20px;
	}

	div.sidebar-getintouch {
	height: 250px;
	width: 300px;
	background-image: url(/i/sidebar_getintouch.png);
	background-repeat: no-repeat;
	color: #5d574b;
	font-family: "Georgia", serif;
	font-size: 11px;
	line-height: 13px;
	padding-top: 83px;
	padding-left: 50px;
	margin-bottom: -70px;
	}

div.content {
width: 500px;
position: relative;
float: left;
text-align: left;
padding-left: 20px;
}

div.clear {
clear: both;
}

div.footer {
width: 960px;
height: 40px;
background-color: #73A3B0;
margin-top: -11px;
}

div.subfooter {
clear: both;
width: 960px;
height: 40px;
background-color: #73A3B0;
margin-top: -11px;
}

/* ----- TEXT ----------------- */


/* Use H1s for headlines */
h1 {
color: #4E7681;
font-family: "Georgia", serif;
font-weight: normal;
font-size: 35px;
height: inherit;
}

/* Use H2s for important (SE friendly) content strings */
h2 {
color: #4E7681;
font-family: "Georgia", serif;
font-size: 12px;
font-weight: bold;
line-height: 16px;
}

h2.activities {
color: #4E7681;
font-family: "Georgia", serif;
font-size: 13px;
font-weight: normal;
line-height: 16px;
text-transform: uppercase;
padding-top: 5px;
}

a {
color: #4E7681;
font-family: "Georgia", serif;
font-size: 12px;
line-height: 16px;
text-decoration: none;
}

a:visited {
color: #4E7681;
font-family: "Georgia", serif;
font-size: 12px;
line-height: 16px;
text-decoration: none;
}

a:hover {
color: #4E7681;
font-family: "Georgia", serif;
font-size: 12px;
line-height: 16px;
text-decoration: underline;
}

p.home {
text-align: left;
width: 380px;
position: relative;
left: 25px;
color: #4d4d4d;
}

p.resources {
margin: 0;
padding: 0;
color: #7f7767;
font-family: "Georgia", serif;
font-size: 11px;
line-height: 270%;
}

	p.resources a {
	color: #7f7767;
	font-family: "Georgia", serif;
	font-size: 11px;
	line-height: 270%;
	outline: none;
	text-decoration: none;
	}

	p.resources a:hover {
	color: #7f7767;
	font-family: "Georgia", serif;
	font-size: 11px;
	line-height: 270%;
	outline: none;
	text-decoration: underline;
	}

p.footer {
padding-top: 10px;
}

input {
background-color: #FDF0D7;
border: 1px solid #4E7681;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #4E7681;
}

input.button {
background-color: #4E7681;
padding: 10px;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
color: white;
}

textarea {
background-color: white;
border: 1px solid #4E7681;
padding: 10px;
font-family: "Georgia", serif;
font-size: 14px;
font-weight: normal;
color: #666;
line-height: 1.2;
}


/* ----- Navigational Styles -- */


/* For Delimitters */
div.nav {
color: #FFF;
font-family: "Georgia", serif;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}

/* Off-State */
div.nav a {
color: #FFF;
font-family: "Georgia", serif;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
padding-right: 15px;
padding-left: 15px;
}

/* On-State */
div.nav a:hover {
color: #AFDFEC;
font-family: "Georgia", serif;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}

/* Click-State */
div.nav a:active {
color: #FFF;
font-family: "Georgia", serif;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}


/* ----- Home Footer Styles -------- */

div.footer {
color: #B0D8E3;
font-family: "Georgia", serif;
font-size: 11px;
}

div.footer a {
color: #B0D8E3;
font-family: "Georgia", serif;
font-size: 11px;
text-decoration: none;
}

div.footer a:hover {
color: #B0D8E3;
font-family: "Georgia", serif;
font-size: 11px;
text-decoration: underline;
}

/* ----- Sub Footer Styles -------- */

div.subfooter {
color: #B0D8E3;
font-family: "Georgia", serif;
font-size: 11px;
}

div.subfooter a {
color: #B0D8E3;
font-family: "Georgia", serif;
font-size: 11px;
text-decoration: none;
}

div.subfooter a:hover {
color: #B0D8E3;
font-family: "Georgia", serif;
font-size: 11px;
text-decoration: underline;
}