/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
body{
	margin: 0;
	background: #33271F url(images/bg.jpg) 50% 0 no-repeat;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}
h1{
	font-size: 24px;
	color: #AD3333;
	margin-bottom: 10px;
	padding-bottom: 0;
	font-weight: normal;
}
h2{
	text-transform: uppercase;
	font-size: 14px;
	color: #990000;
	margin-bottom: 20px;
}
h3{
	text-transform: uppercase;
	font-size: 12px;
	color: #990000;
}
h4{
	text-transform: uppercase;
	font-size: 11px;
	background: #98AD33 url(images/icon_arrow.gif) 10px -93px no-repeat;
	color: #FFF;
	padding: 0 10px 0 28px;
	line-height: 24px;
	height: 24px;
}
a{
	color: #3D88A9;
}
ul{
	margin-left: 20px;
	margin-bottom: 10px;
}
li{
	margin-bottom: 10px;
}
img{
	border: 0;
}
p{
	margin-bottom: 10px;
	line-height: 18px;
}
/*------------------------------

	CONTAINER

------------------------------*/
#container{
	background: #FCFAF6;
	text-align: left;
	width: 752px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}
* html #container{
	height: 100%;
}
/*------------------------------

	HEADER

------------------------------*/
#headerHolder{
	display: block;
	height: 80px;
	width: 750px;
}
#header{
	background: #FFF;
	text-align: right;
	height: 80px;
}
#logo{
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}
/*//////////////////////////
	SUBNAV
//////////////////////////*/
#subnav{
	margin: 0;
	padding: 0;
	padding-top: 15px;
	margin-right: 20px;
	list-style: none;
}
#subnav li{
	margin: 0;
	padding: 0;
	display: inline;
}
#subnav li a{
	color: #990000;
	font-size: 10px;
	margin-left: 10px;
}
#subnav a:hover{
	text-decoration: underline;
}
/*//////////////////////////
	NAV
//////////////////////////*/
#nav{
	margin: 0;
	padding: 0;
	margin-top: 18px;
	float: right;
	clear: right;
	display: inline;
	list-style: none;
}
#nav li a, #subnav li a{
	text-decoration: none;
	text-transform: uppercase;
}
#nav li{
	height: 33px;
	line-height: 33px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}
#nav li a{
	border-top: 5px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 12px;
	float: left;
	height: 28px;
	line-height: 28px;
	text-indent: -9999px;
	text-align: center;
}
#nav li a:hover, #nav li.selected a{
	border-top: 0;
	padding-bottom: 5px;
}
#nav_j a{
	width: 124px;
	margin-left: 1px;
	background: #335C85 url(images/nav_jamestown.gif) no-repeat;
}
#nav_w a{
	width: 144px;
	margin-left: 1px;
	background: #AD3333 url(images/nav_williamsburg.gif) no-repeat;
}
#nav_y a{
	width: 124px;
	margin-left: 1px;
	background: #8C8262 url(images/nav_yorktown.gif) no-repeat;
}
#nav_v a{
	width: 104px;
	margin-left: 1px;
	background: #98AD33 url(images/nav_visit.gif) no-repeat;
}

.jamestown #nav_j a, .williamsburg #nav_w a, .yorktown #nav_y a, .visit #nav_v a{
	border-top: 0;
	padding-bottom: 5px;
}
/*------------------------------

	CONTENT

------------------------------*/
#container #content{
	margin: 0 1px;
	padding: 0;
	background: #FFF;
}
#main{
	padding: 20px 0;
	margin-left: 20px;
	width: 480px;
}
/*//////////////////////////
	IMAGES
//////////////////////////*/
div.left{
	float: left;
	margin-right: 15px;
}
div.right{
	float: right;
	margin-left: 15px;
}
.print{
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	float: right;
	background: url(images/icon_print.gif) 0 2px no-repeat;
	padding: 1px 0 1px 15px;
}
.print:hover{
	background-position: 0 -98px;
	text-decoration: underline;
}
.image{
	margin-bottom: 10px;
	border: 1px solid #EEE;
	background: #FFF;
	padding: 1px;
}
.image a{
	display: block;
	text-decoration: none;
	color: #FFF;
	background-color: #98AD33;
}
.image a img{
	border-bottom: 1px solid #FFF;
}
.image a span{
	font-size: 10px;
	display: block;
	padding: 10px 0 10px 45px;
	text-transform: uppercase;
	background: url(images/icon_magnify.gif) 10px 6px no-repeat;
	border-top: 0;
}
.image a:hover span{
	background-position: 10px -94px;
}
.jamestown .image a{	background-color: #335C85;}
.williamsburg .image a{	background-color: #AD3333;}
.yorktown .image a{		background-color: #8C8262;}
/*//////////////////////////
	ATTRACTIONS
//////////////////////////*/
ul.attractions{
	list-style: none;
	margin-bottom: 20px;
	margin-left: 0;
}
ul.attractions li{
	padding-top: 15px;
	border-bottom: 1px solid #EFEDE5;
	padding-bottom: 5px;
	margin-bottom: 0;
	clear: left;
}
ul.attractions h3{
	margin-left: 115px;
	margin-bottom: 5px;
	color: #AD3333;
	font-weight: bold;
}
ul.attractions p{
	margin-left: 115px;
}
ul.attractions a{
	text-decoration: none;
}
ul.attractions a:hover{
	text-decoration: underline;
}
ul.attractions a.left{
	float: left;
	display: inline;
	padding-bottom: 5px;
	border-bottom: 5px solid #FFFFFF;	
	margin-bottom: 20px;
}
ul.attractions span{
	color: #98AD33;
	font-weight: bold;
	text-transform: uppercase;
}
ul.attractions a.left:hover{
	border-bottom: 5px solid #EFEDE5;	
}
ul.simple p, ul.simple h3, ul.events p, ul.events h3{
	margin-left: 0;
}
ul.contacts p{
	margin-bottom: 5px;
	margin-left: 10px;
}
ul.events, ul.hotels{
	margin-top: 20px;
	border-top: 1px solid #EFEDE5;
}
ul.contacts{
	margin-top: 20px;
	border-top: 1px solid #EFEDE5;
}
ul.contacts li{
	padding-top: 10px;
}
ul.hotels p, ul.hotels h3{
	margin-left: 215px;
}
h4.mapTitle{
	margin-top: 1px;
	margin-bottom: 20px;
	background-image: none;
	padding-left: 10px;
}
h4 a.top{
	color: #FFF;
	background-position: 100% -392px;
	margin-bottom: 0;
}
a.top{
	float: right;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 20px;
	padding-right: 15px;
	text-transform: uppercase;
	background: url(images/icon_arrow.gif) 100% -398px no-repeat;
}
a.top:hover{
	background-position: 100% -498px;
}
h4 a.top:hover{
	background-position: 100% -492px;
}
a.more{
	padding-left: 15px;
	background: url(images/icon_arrow.gif) 0 2px no-repeat;
}
a.more:hover{
	background-position: 0 -98px;
}
/*------------------------------

	HOME AREA

------------------------------*/
.homeArea{
	margin: 0;
	padding: 0;
	display: inline;
}
.homeArea h1{
	position: relative;
	margin: 0 0 0 20px;
	padding-top: 20px;
}
.homeArea h3{
	margin-left: 20px;
	margin-bottom: 0;
	color: #8C8262;
	font-weight: normal;
}
.homeArea p{
	margin-left: 20px;
	width: 350px;
	margin-top: 10px;
	padding: 0;
	margin-bottom: 0;
}
.homeArea #sidebar h3{
	margin-bottom: 0;
}
.readMore{
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	background: #98AD33 url(images/icon_arrow.gif) 10px -93px no-repeat;
	color: #FFF;
	padding: 5px 10px 5px 28px;
	height: 24px;
	line-height: 24px;
	margin: 0;
}
.jamestown .readMore{	background-color: #335C85;}
.williamsburg .readMore{	background-color: #AD3333;}
.yorktown .readMore{		background-color: #8C8262;}
.homeArea img{
	margin: 0;
	padding: 0;
	border: 0;
	display: inline;
}
.img_bottom{
	float: right;
	display: inline;
	margin: 0;
}
.homeArea ul{
	margin: 20px 0 20px 20px;
	list-style: none;
}
.homeArea ul li{
	display: inline;
}
.homeArea ul li a{
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 14px;
	padding-right: 10px;
	background: url(images/icon_arrow.gif) 0 2px no-repeat;
}
.homeArea ul li a:hover{
	background-position: 0 -98px;
}
/*------------------------------

	SIDEBAR

------------------------------*/
#sidebar{
	float: right;
	display: inline;
	margin: 10px 10px 10px 0;
	width: 230px;
	background: #F2ECDA url(images/bg_sidebar.gif) repeat-y;
}
#top{
	padding-top: 11px;
	width: 230px;
	background: url(images/bg_sidebar_top.gif) no-repeat;
}
#bottom{
	padding-bottom: 11px;
	width: 230px;
	background: url(images/bg_sidebar_top.gif) 0 100% no-repeat;
}
#map{
	padding-bottom: 9px;
	width: 230px;
	background: url(images/bg_sidebar_top.gif) 0 100% no-repeat;
}
#bottom a{
	color: #FFF;
	line-height: 25px;
	display: block;
	text-align: center;
	margin: 10px 11px 0 11px;
	border-top: 1px solid #FFF;
	text-transform: uppercase;
	text-decoration: none;
	background: #98AD33 url(images/icon_arrow.gif) 10px -192px no-repeat;
}
#map a{
	margin: 0 11px 0 11px;
}
.jamestown #bottom a{		background-color: #335C85;}
.williamsburg #bottom a{	background-color: #AD3333;}
.yorktown #bottom a{		background-color: #8C8262;}
#bottom a:hover{
	background-position: 10px -292px;
}
#sidebar h3{
	color: #FFFFFF;
	text-align: center;
	display: block;
	margin: 0 11px 10px 11px;
	line-height: 29px;
	border-bottom: 1px solid #FFF;
	background-color: #98AD33;
}
.jamestown #sidebar h3{		background-color: #335C85;}
.williamsburg #sidebar h3{	background-color: #AD3333;}
.yorktown #sidebar h3{		background-color: #8C8262;}
#sidebar ul{
	border-top: 1px solid #D9D1BA;
	border-bottom: 1px solid #FFFFFF;
	margin: 0 20px;
	width: 190px;
	line-height: 0;
	list-style: none;
}
#sidebar ul li{
	margin-bottom: 0;
}
#sidebar ul li a{
	display: block;
	padding: 0 10px 0 28px;
	line-height: 24px;
	height: 24px;
	border-bottom: 1px solid #D9D1BA;
	border-top: 1px solid #FFFFFF;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	background: url(images/icon_arrow.gif) 10px 8px no-repeat;
}
#sidebar ul li a:hover{
	background-position: 10px -92px;
}
#sidebar ul li a.selected{
	color: #3D88A9;
	font-weight: bold;
	background-position: 10px -92px;
}

#sidebar ul li ul{
	margin: 0;
	border: 0;
	background: #FFF;
}
#sidebar ul li ul li{
	border: 0;
}
#sidebar ul li ul li a{
	font-size: 10px;
	font-weight: bold;
	color: #006699;
	border: 0;
	margin: 0 10px;
	padding: 0;
	line-height: 18px;
	height: 18px;
	background: none;
}
#sidebar ul li ul li a:hover{
	text-decoration: underline;
}
#sidebar ul li ul li ul li a{
	font-weight: normal;
	color: #8C8262;
	padding-left: 10px;
	line-height: 18px;
	height: 18px;
	border-top: 1px solid #EFEDE5;
}
#sidebar h2{
	margin: 0;
	text-align: center;
	line-height: 24px;
	font-size: 11px;
}
#sidebar h3{
	font-weight: normal;
}
/*//////////////////////////
	VACATIONS NAVIGATION
//////////////////////////*/
#sidebar ul.vacations{
	margin: 0;
	padding: 0;
	background: #FFF;
}
#sidebar ul.vacations li{
	margin: 0 10px;
	padding: 0;
	border-top: 1px solid #EFEDE5;
}
#sidebar ul.vacations li.first{
	border: 0;
}
#sidebar ul.vacations li a{
	margin: 0;
	color: #8C8262;
	font-weight: normal;
	padding-left: 20px;
}
#sidebar ul.vacations li a:hover, #sidebar ul.vacations li a.selected{
	color: #000;
	text-decoration: none;
}

/*//////////////////////////
	MAP NAVIGATION
//////////////////////////*/
#sidebar ul.maps{
	margin: 0;
	padding: 0;
	background: #FFF;
}
#sidebar ul.maps li{
	margin: 0 10px;
	padding: 0;
	border-top: 1px solid #EFEDE5;
}
#sidebar ul.maps li.level1{
	border: 0;
}
#sidebar ul.maps li a{
	margin: 0;
	color: #8C8262;
	font-weight: normal;
	padding-left: 25px;
	background: url(images/icon_triangle.gif) 0 2px no-repeat;
}
#sidebar ul.maps li a:hover{
	color: #000;
	text-decoration: none;
}
#sidebar ul.maps li.level2 a{	background-position: 0 -196px;}
#sidebar ul.maps li.level3 a{	background-position: 0 -395px;}
#sidebar ul.maps li.level1 a:hover, #sidebar ul.maps li.level1 a.selected{	background-position: 0 -98px;}
#sidebar ul.maps li.level2 a:hover, #sidebar ul.maps li.level2 a.selected{	background-position: 0 -296px;}
#sidebar ul.maps li.level3 a:hover, #sidebar ul.maps li.level3 a.selected{	background-position: 0 -495px;}

/*//////////////////////////
	MAP LEGEND
//////////////////////////*/
#sidebar ul.legend{
	line-height: 18px;
}
#sidebar ul.legend li{
	display: block;
	padding-left: 30px;
	border-bottom: 1px solid #D9D1BA;
	border-top: 1px solid #FFFFFF;
}
#parkway{	background: url(images/icon_parkway.gif) 5px 50% no-repeat;}
#roads{		background: url(images/icon_roads.gif) 5px 50% no-repeat;}
#busRoutes{	background: url(images/icon_busRoutes.gif) 5px 50% no-repeat;}
#parking{	background: url(images/icon_parking.gif) 5px 50% no-repeat;}
#sign{	background: url(images/icon_triangle1.gif) 5px 1% no-repeat;}
/*//////////////////////////
	ATTRACTIONS
//////////////////////////*/
.attraction{
	margin: 10px 20px;
	padding: 5px;
	background: #FFF;
	text-decoration: none;
	display: block;
	color: #999;
	text-align: center;
	font-size: 10px;
}
.attraction span{
	display: block;
	line-height: 15px;
	margin-top: 5px;
	text-transform: uppercase;
}
.attraction:hover{
	color: #000;
}
/*------------------------------

	SITE MAP

------------------------------*/
#sitemap, #sitemap ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sitemap li{
	margin: 10px 0;
}
#sitemap li{
	padding: 0 0 0 15px;
}
#sitemap a{
	text-decoration: none;
}
#sitemap a:hover{
	text-decoration: underline;
}
#sitemap li .small li{
	margin: 6px 0;
	font-size: 10px;
}
/*------------------------------

	FOOTER

------------------------------*/
#footer{
	clear: both;
	padding: 0 10px;
	border-top: 1px solid #E0DCD1;
	color: #990000;
	background: #FCFAF6;
	font-size: 10px;
	display: block;
	height: 35px;
}
#footer p{
	margin: 10px 0 0 10px;
	line-height: 20px;
}
#footer ul{
	float: right;
	display: inline;
	margin-right: 10px;
	margin-top: 10px;
}
#footer ul li{
	display: inline;
	margin-left: 10px;
	line-height: 20px;
}
#footer a{
	color: #990000;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer #stories{
	float: none;
	margin: 0;
}
#footer #stories li{
	line-height: 20px;
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	margin-left: 10px;
	border-right: 1px solid #E0DCD1;
}
#footer #stories li a{
	color: #98AD33;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	font-size: 10px;
}
#footer #stories li.jamestown a{		color: #335C85;}
#footer #stories li.williamsburg a{		color: #AD3333;}
#footer #stories li.yorktown a{			color: #8C8262;}
#footer #stories li.visit{
	margin-right: 0;
	border: 0;
}
#footer #stories li a:hover{
	text-decoration: underline;
}