/* 
==============================================
Document:	  CSS Style Sheet for PDRA
Created By:   Vacation Technologies
Creted On:    January 15, 2006
Author:       Roger Delph

Last Updated: February 9, 2006
==============================================
*/


/* -------------- [ general containers ] -------------- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}
	
#header {
	margin: 0;
	padding: 0;
	background: #fff url(img/header.png) top left no-repeat;
	height: 125px;
	}	
	
#wrap {
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
  	width: 755px;
	}
	
#content {
	width: 755px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	border: solid 1px #fff;
	background: #fff;
	}
	
#travelcontent {
	width: 755px;
	margin: 0 auto;
	padding: 25px;
	border: solid 1px #fff;
	background: #fff;
	}	
	
#sitemapcontent {
	width: 755px;
	margin: 0 auto;
	padding: 25px;
	border: solid 1px #fff;
	background: #fff;
	}		
	
#sidebar {
	width: 155px;
	float: right;
	margin: 0 0 25px 0;
	padding: 25px 0 0 20px;
	font-size: 90%;
	color: #888;
	text-align: left;
	background: #fff;
	font-size: 9pt; 
	}
	
#maincontent {
	float: left;
	width: 525px;
	margin: 0;
	padding: 25px 25px 25px 25px;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}		
	
#rightcontent {
	float: right;
	width: 525px;
	margin: 0 25px 0 0;
	padding: 15px 0 0 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}	
	
#footer {
	font-family: Verdana, Arial;
	font-size: 80%;
	line-height: 1.25em;
	text-align: center;
	color: #fff;
	width: 755px;
	background: #999;
	margin: 3px;
	float: left;
	}
	
#map {
	border: solid 2px #000;
	margin: 25px;
	}	
		
/* -------------- [ common elements ] ----------------- */

p {
	margin: 1em 0 1em;
	padding: 0;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0D3A97;
	padding: 0;
	margin: 0;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0D3A97;
	padding: 0;
	margin: 0 0 1em 0;
	}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	}	

.inlineh1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #698B22;
	padding: 0;
	margin: 0;
	}

.redtext {
	color: #990033;
	font-weight: bold;
	}

em {
	font-style: italic;
	}
	
strong {
	font-weight: bold;
	}	
	
img {
	border: none;
	}

.center {
	text-align: center;
	}	

.disclaimertext{
	font-size: 80%;
	text-align: center;
	}

/* -------------- [ links ] --------------------------- */

a:link {
	color: #036;
	text-decoration: none;
	}
a:visited {
	color: #40659B;
	text-decoration: none;
	}
a:hover {
	color: #036;
	}


/* -------------- [ side navigation ] ----------------- */

#sidenav {
	width: 155px;
	float: left;
	margin: 0 0 25px 0;
	padding: 25px 0 0 20px;
	font-size: 90%;
	color: #888;
	text-align: left;
	background: #fff;
	}

#sidenav h2 {
	font-weight: bold; 
	color: #000; 
	}

#sidenav ul {
	margin: 0; 
	padding: 0; 
	width: 150px;
	}
	
#sidenav ul li {
	list-style: none; 
	padding: 5px 0 5px 0; 
	border-bottom: 1px solid #CBD2DC; 
	background: #fff;
	}

/* -------------- [ top navigation ] ------------------ */

#nav {
	background: #ccc;
	line-height: 1em;
	}


/* -------------- [ property listings ] --------------- */

.propertywrap {
	margin: 0 auto;
	width: 700px;
	padding: 10px 0 10px 0;
	}

.propertytitle {
	background: url(img/tab-property.gif) no-repeat;
	font-size: 9pt;
	color: #000;
	text-align: left;
	height: 18px;
	padding: 0 0 0 20px;
	}

.propertyborder {
	border: 1px solid #000;
	padding: 30px 15px 15px 30px;
	}
	
.propertypic {
	border: 0;
	float: left;
	}

.propertyh1 {
	margin: 0 0 0 235px;
	font-size: 11pt;
	font-weight: bold;
	}

.propertydescription {
	margin: 0 0 0 235px;
	padding: 15px 0 15px 0;
	}

.costwrap {
	margin: 0 0 0 235px;
	padding: 0;
	}

.propertycosttable {
	margin: 0;
	width: 410px;
	border: 1px solid #607B8B;
	background: #8DB6CD;
	text-align: center;
	font-size: 9pt;
	}

.propertycosttd {
	width: 130px;
	}
	
.propertydesctable {
	margin: 0;
	width: 410px;
	border: 1px solid #607B8B;
	background: #8DB6CD;
	text-align: center;
	font-size: 9pt;
	}

.propertydesctd50 {
	width: 75px;
	}

.propertydesctdlong {
	text-align: left;
	}

.propertylinks {
	margin: 10px 0 10px 235px;
	text-align: center;
	}

/* -------------- [ property pages ] ------------------ */	
.piccationtext {
	margin: 5px auto 8px auto;
	padding: 5px;
	width: 570px;
	background: #8DB6CD;
	}
#propcontent {
	float: left;
	width: 755px;
	margin: 0;
	padding: 25px;
	text-align: left;
	line-height: 1.5em;
	background: #ffffff;
	}

#propcontent h1 {
	text-align: center;
	font-size: 160%;
	font-weight: bold;
	color: #330033;
	}
	
.propcostlisttable{
	margin: 15px;
	border: 1px solid #000;
	text-align: center;
	height: 36px;
	width: 700px;
	background: #D5CEE5;
	}	
	
.propcostlist {
	width: 100px;
	text-align: center;

	}	

/* -------------- [ sitemap elements ] ---------------- */	
	
#sitemapcontent table {
	width: 675px;
	}

#sitemapcontent td {
	border-bottom: 1px solid #CBD2DC;
	}	

.sitemaplisttd175 {
	width: 175px;	
	}

.sitemaplisttd50 {
	width: 50px;
	}
	
.sitemaplisttd125 {
	width: 125px;
	}	
	
.sitemaplisttd150 {
	width: 150px;
	}		
	
/* -------------- [ city ] ---------------- */	

#city {
	float: right;
	width: 550px;
	margin: 15px auto 15px auto;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
	color: #333;
	background: #fff;
	}

#city table {
	width: 528px;
	margin: 0 auto;
	vertical-align: middle;
	border-collapse:collapse;
	}

#city h1 {
	text-align: center;
	padding: 0 0 10px 0;
	}	
	
#city th {
	vertical-align: bottom;
	text-align: center;
	text-weight: bold;
	padding: 2px;
	border: 1px solid #a8929a;
	background: #D5CEE5;
	}	
	
#city td {
	padding: 2px;
	border: 1px solid #a8929a;
	}	
	
.citytrshade {
	background: #eee8fa;
	}
	
.cityname {
	width: 300px;
	}

.cityphone {
	width: 100px;
	text-align: center;
	}

.citywebsite {
	width: 125px;
	}