@import url(reset.css);
@import url(layout.css);
@import url(forms.css);
@import url(nav.css);
/*****************************************/
/*
	Author: Erin Sowards
	Creation Date: June 6, 2007
	Last Updated: June 15, 2006
	Residence Club Global Styles
*/
/*****************************************/

/* This file contains the following:

	Typography
	Start Main IDs
		branding
		content-container
		content
		content-related
		nav-main
		nav-sub
		site-info
	Classes
	Links

*/
/*****************************************/

/*

COLORS USED:

Light Blue #9EC6FD (backgrounds)
Mid Blue #5382c3 (links, site-info)
Dark Blue #214372
Mid Grey #666
Black #000 (text)

*/
#content-left ul {
	list-style-type: none;
}

.required {
	color: #c00; /* Red */
}

.DefaultTextBold {
	font-weight: bold;
}

.photo-caption {
	padding: 0 0 10px 0;
}

#form-global-error {
	margin: 0;
	padding: 5px;
	border: 1px solid;
	color: #c00;
	background: white;
}

#form-global-error p {
	color: #c00;
}

#form-global-error ul {
	list-style-type: square;
}

#form-global-error ul li a {
	color: #c00;
}

/***********************************************/

/* Breadcrumb Navigation */

/***********************************************/

#nav-breadcrumb {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	color: #444;
	font-weight: bold;
}

div#nav-breadcrumb ul {/*descendant selector*/
	margin: 0 0 0 20px;
	padding: 0;
}

div#nav-breadcrumb ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav-breadcrumb a {
	margin: 0 0 0 0;
	padding: 0;
	text-decoration: none;
	color: #333;
}

#nav-breadcrumb a:link {
	color: #333;
}
#nav-breadcrumb a:visited {
	color: #333;
}
#nav-breadcrumb a:hover {
	color: #666;
}
#nav-breadcrumb a:active {
	color: #666;
}
/*****************************************/

/* Typography */

/*****************************************/

body {
	font: 69%/1.6em "Lucida Grande", Verdana, sans-serif;
	color: #000;
	background-color: #9EC6FD;
}

p {
	color: #000;
	line-height: 1.6em;
	margin-bottom: 1.2em;
}

#content .arrows p {
	color: #666;
	line-height: 1em;
	font-weight: bold;
}

div#site-info, a {
	font-weight: bold;
}

/* Headings */

h1 {
	margin: 10px 0 10px 0;
}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%;
}

/*****************************************/
/*****************************************/
/*  START MAIN IDS  */


#page-container {
	width: 770px;
	margin: 5px auto 0 auto;
}
	/* Use with #page-container div as a class */
	/* Regular sub pages need mid blue background */
	.sub-page {
		background-color: #6299E6;
	}
	
	/* Resort pages need white background */
	.resort-page {
		background-color: #fff;
	}

/*****************************************/

/* Branding */

/*****************************************/
#branding {

}

/*****************************************/

/* Content-container (contains content and content-related)  */

/*****************************************/
#content-container {

}

/*****************************************/

/* Content (main content area) */

/*****************************************/
#content {
	background-color: #fff;
	padding-bottom: 20px;
}

#content table {
	width: auto;
}

#content li {
	list-style: square;
	margin: 0 0 0 20px;
}

#content ul, #content ol {
	margin: 0 0 10px 0;
}

#top-nav a {
	color: white;	
}
/*****************************************/

/* Content-related (content on the side) */

/*****************************************/
div#content-related img {
	display:block;
	padding-bottom:20px;
	clear:both;
}
#content-related a {
	color: white;
}
	/* Within the side on the floorplans page */
	div#thumbnails img {
		padding: 0;
		display:inline;
		clear:both;
		border:2px solid #fff;
	}
	div#thumbnails a:hover > img {
		border:2px solid #214372;
		z-index:10;
	}

/*****************************************/

/* LOCATIONS PAGE */
/* Styles for LOCATIONS page */

/*****************************************/

/* Locations Navigation */

div#nav-locations {
	padding:20px 0 10px 0;
}

div#nav-locations li {
	margin:0 0 0 40px;
	padding: 0 0 5px 0;
	list-style-image:url('../images/arrow_blue_transp.gif');
}

/* Locations Content */

div#content-locations {
	margin:0 0 0 0;
	padding: 0 0 0 0;
}

#nav-locations h1, #nav-locations h2, #nav-locations h3, #nav-locations h4, #nav-locations h5, #nav-locations h6 {
	margin: 0 0 0 0;
	padding: 0 0 10px 20px;
}

#content-locations img {
	margin:0 0 1px 0;
	padding: 0 0 0 0;
	display: block;
}

#content-locations img {
	height: 115px;
}

/*****************************************/

/* site-info */

/*****************************************/

div#site-info {
  height: 60px;
  background: url('../images/footer.gif') top no-repeat;
  color: #5382c3;
  border-top: 1px solid #3e6ca9;
	margin-bottom: -4px;
}

div#site-info p {
  display:block;
  line-height:0;
  font-weight:normal;
  white-space:nowrap;
  margin-top:10px;
}

#site-info p a {
	line-height:0;
	font-weight:normal;
	color: black;
	display:inline;
  margin-top:35px;
}

/*****************************************/

/*****************************************/

/* Classes */

/*****************************************/
#content ul.arrows {
	padding: 0;
	margin-left: 20px;
}

#content .arrows li {
	list-style-image: url('../images/arrow_blue_transp.gif');
}

.back-to-top {
	text-indent:-9999px;
	display:block;
	background: url('../images/back_to_top.gif') no-repeat;
	width:50px;
	height:12px;
	margin-top:15px;
}

/*****************************************/
/* Links */
/*****************************************/
a.on {
	color: #214372;
}

a {
	color: #5382c3;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/** copied over from basic.css in passportweb by branjan 08/02/2007 **/
#page-body {
	font-family: verdana, arial, helvetica, sans-serif;
	/** background: #9cf url('/ffrweb/graphics/global/bkg_page-body.jpg') bottom no-repeat; **/
}


#content-media-container {
	width: 770px;
	margin: 0px 0px 0 0px;
	padding: 0px 0 0px 0;
	/** background: url('/ffrweb/graphics/global/curve_media_top.gif') top no-repeat; **/
}

.media { /* Content that is wider than a standard sub page */
	width: 770px;
	margin: 0 0 0px 0;
	padding: 0;
	/** background: url('/ffrweb/graphics/global/curve_media_bottom.gif') bottom no-repeat; **/
}