/*		COLOR
lt green	517E5E
dk green	295436
tan			E3E3BD
pink		A84559


					*/

body {

	background: #517E5E url('images/back.jpg');
	font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif;
	font-size:62.5%;
	margin: 0;

}

/* General Definitions */

a, a:link, a:active, a:visited { color: #A84559; }
a:hover{ text-decoration: none; }

h1, h2, h3, h4, h5{
	color: #fff;
	margin: 0 0 .2em 0;
}
h1{
	font-size: 2.2em;
	width:399px;
	height:118px;
	padding: 5px 15px;
	background: url('images/logo.jpg') 15px 10px no-repeat;;
	text-indent:-999em;
	float:left;
	margin:0;
}
h2{ font-size: 1.4em; font-family: georgia, times new roman, times, serif; color:#A84559; font-style:italic; padding: 0 0 10px 0; line-height:1.3em;}
h3{ font-size: 1.1em; color:#000; font-weight:bold; padding: 0 0 10px 0; font-family: "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; }
h4{ font-size: 1.1em; color:#A84559; padding: 0 0 10px 0;}

p{ margin: 0 0 .8em 0; }

ul, ol { margin: 0 0 10px 30px; line-height:1.3em;}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

blockquote {
	font-family: georgia, times new roman, times, serif;
	color:#A84559;
	font-style:italic;
	padding: 0 10px 10px 30px;
	line-height: 1.4em;
	
}
blockquote span {
	padding: 20px 0 0 50px;
	line-height: 3em;
}

#sidebar blockquote { padding: 30px 10px; }




/* Layout and Coloring */

#page {

	text-align: center;
	background: url('images/shadow.png') top center repeat-y;
}

#layout {
	
	width: 965px;
	background: #E3E3BD;
	text-align: left;
	margin-left: auto;
	margin-right: auto;

}

#header {
	width: 964px;
	height: 128px;
	position:relative;
}
#info {
	padding: 0 235px 0 0;
	float:right;
	text-align:right;
	height: 128px;
	position:relative;
	width: 250px;

}
	#info p.tag {
		font-family: georgia, times new roman, times, serif;
		color:#517E5E;
		
		font-style:italic;
		font-size: 1.5em;
		line-height: 1.3em;
		padding: 10px 0;
	}
	#info a {
		text-decoration:none;
	}
	#info a:hover {
		text-decoration:underline;
	}
	#info p.reser {
		font-size:1.4em;
		
		color:#295436;
	}
	#info #tab {
		position: absolute;
		bottom:0;
		right:225px;
		height:22px;
		width:200px;
		padding: 18px 15px 0;
		text-align:center;
		font-size: 1.4em;
		color:#A84559;
		margin:0;
		background: url('images/tab.gif') no-repeat;
	}
	#reservations #container #content #tab {
		position:relative;
		float: right;
		width:200px;
		height:40px;
		padding: 18px 15px 0;
		text-align:center;
		font-size: 1.1em;
		color:#A84559;
		margin:0;
		background: url('images/tab.gif') no-repeat;
	}
	#tab a {
		text-decoration:none;
	}
	#tab a:hover {
		text-decoration:underline;
	}
		
#tilted {
	position:absolute;
	bottom: -45px;
	right:0;
	width:225px;
	height: 173px;
}
	#tilted img {
		position:absolute;
		bottom: 0;
	}

.nav ul {

	list-style: none;
	margin: 0;
	padding: 0;

}

.nav ul li {

	float: left;

}

.nav ul li a {

	text-decoration: none;

}

.nav ul li a:hover {

	text-decoration: underline;

}

#topNav{

	background: transparent url('images/back-nav.gif') top center no-repeat;
	padding: 0 15px 0 20px;
	clear:both;
	height:45px;

}
#topNav ul li {
}
#topNav ul li a {
}
#topNav ul li.lastOne a {
}
	ul#menu {
		height:45px;
	}
	ul#menu a {
		padding: .5em  .9em .5em  .8em;
		background: url('images/back-li.gif') 100% 50% no-repeat;
		font-size: 1.5em;
		color: #fff;
		text-decoration: none;
	}
	ul#menu a:hover {text-decoration:underline;}
	ul#menu * {margin: 0; padding: 0; }
	ul#menu li {
		padding: 1.5em  0 1.5em 0;
		position: relative; /*--Declare X and Y axis base--*/
		z-index:50;
	}
	/*
	ul#menu li.arrow {
		background: url('images/dn-arrow.gif') 96% 50% no-repeat;
	}
	ul#menu li.arrow a{
		padding-left: .5em;
		padding-right: 1.2em;
	} 
	*/
	
	ul#menu li.lastOne {
	}
	ul#menu li.lastOne a {
		background:none;
	}
	ul#menu li span { /*--Drop down trigger styles--*/
		width: 17px;
		height: 32px;
		float: left;
		margin: 12px 0 0 0;
		display:none;
		background: url('images/subnav_btn.gif') no-repeat center top;
	}
	ul#menu li ul.subnav {
		list-style: none;
		position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
		left: 0; top: 38px;
		background: #517E5E;
		display: none;
		float: left;
		width: 170px;
		-moz-border-radius-bottomleft: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-webkit-border-bottom-right-radius: 20px;
	}
	ul#menu li ul.subnav li{
		border-top: 1px solid #252525; /*--Create bevel effect--*/
		border-bottom: 1px solid #444; /*--Create bevel effect--*/
		clear: both;
		width:144px;
		padding:5px 13px;
	} ul#menu li ul.subnav li.last{ padding-bottom: 5px;border-bottom:none; }
	
	html ul#menu li ul.subnav li a {
		float: left;
		color:#fff;
		display:block;
		padding: 0 0 5px 0;
		background:none;
	}

#container {

	clear: both;
	overflow:hidden;
	font-size:1.3em;

}
#topimg { position:relative; }
#topimg, #slides, #borders {
	width:961px;
	height:331px;
	margin: 0 auto;
	overflow:hidden;
}
#slides img {
	width:947px;
	height:320px;
	margin: 6px;
}
#slides, #borders {
	position:absolute;
	top:0;
	left:0;
}
	#home #slides img {
		width:961px;
		height:331px;
		margin: 0px;
	}

#borders {
	z-index:30;
	background:  url('images/borders.png');
}

#topimg.noimg {
	background:none;
	border-top:5px solid #fff;
	width:949px;
	height:5px;
}

#container #content {

	float:right;
	width:550px;
	margin:25px 20px 0px 0;

}
.full #container #content {
	width: 920px;
	margin:25px 0 0px 0;	
}
#gc #container #content {
	width: 850px;
	margin:25px 40px 20px 40px;
}
#rooms #container #content {
        min-height:1400px;
}
.full #container #sidebar { 
	display:none;
}
#content p {
	font-size: 1.1em;
	line-height: 1.3em;
}
.roomsList {
	list-style:none;
	margin:0px 0px 15px 0px;
	padding:0 0 0  0;
}
	.roomsList li {
		width:276px;
		height:244px;
		float:left;
		margin: 6px;
		padding:0;
		text-align:center;
	}
	.roomsList a {
		width:250px;
		height:230px;
		display:block;
		margin:4px;
		padding:8px;
		background: #fff;
		text-decoration:none;
		color:#517E5E;
	}
	.roomsList a:hover {
		border: 4px solid #517E5E;
		margin: 0px;
	}
	.roomsList img {
		margin: 0 0 8px 0;
		width:250px;
	}
	.roomsList span.rmname {
		font-size:1.4em;
		padding: 3px 0 0 0;
		display:block;
	}
	.roomsList span.rmdescrip {
		padding: 4px 0 0 0;
		font-size:1em;
		display:block;
	}

#attractions .roomsList img {
		width:415px;
	}
	
#attractions .roomsList li {
		width:441px;
		height:352px;
	}
	
#attractions .roomsList a {
		width:415px;
		height:328px;
	}

#container #sidebar {
	float:left;
	width:330px;
	padding: 20px;
	text-align:center;
}
#sidebar img {
	border: 2px solid #fff;
	width: 295px;
	margin: 10px 0;
}
#footer {

	background: #295436;
	border-top:3px solid #fff;
	overflow:hidden;
	padding: 15px;
	
}
	
#footer a {

	color:#fff;
	
}
p.contact {
	color:#fff;
	font-size:1.2em;
	line-height:1.3em;
}
p.contact span {
	font-size:150%;
	line-height:1.4em;
	font-family: georgia, times new roman, times, serif;
}
p.contact a { text-decoration:none; }
p.contact a:hover { text-decoration:underline; }
#footer img.right {
	margin: 0 0 0 40px;
}
#bottomNav{
	padding: 15px 0 0 0;
	clear: both;
	font-size: 1.1em;
	
}

#bottomNav ul a{
	padding: 0 7px 0 7px;
	border-right: 1px solid #fff;

}
#bottomNav ul li.lastOne a{
	border:none;
}

#copyright{
	float:right;
	color: #fff;
	padding: .0 .5em .1em .5em;
	text-align: right;

}
#copyright a {
}

/* General Class Definitions */

.clear{ clear: both; }

.image { margin: 8px; }

.right { float: right; }

.left { float: left; }

/* Auto/Conditional PDF Icon */

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/icon_pdf.png) no-repeat right;
}

/* For GC and Photo Code */

#geotrust img{ float: right; }

#photoGalDisplayTable td{ padding: 7px; }

#photos table#photoGalDisplayTable {margin:0 auto;}

#pgTable {margin:0 auto;}

#photoGalTable {margin:0 auto; width:550px;}

#photos #content .container {text-align:center;}


/* More */

.internNav {padding: 20px 0 15px 70px;}

#photos .internNav {padding: 20px 0 15px 170px;}
#photos .internNav span {text-align:left;}

#attractions .internNav {padding: 20px 0 15px 220px;}
#attractions .internNav span {text-align:left;}

#mapStmarys .internNav {padding: 50px 0 15px 220px;}
#mapStmarys .internNav span {text-align:left;}

#mapCumberlandisland .internNav {padding: 50px 0 15px 220px;}
#mapCumberlandisland .internNav span {text-align:left;}


#cumberland-island table {width:530px; border:1px solid #000;}
#cumberland-island table td {padding:5px; border:1px solid #000;}