@charset "utf-8";
/* CSS Document */

/* timesharestory index page and stories CSS */

/* index page CSS */
#timeshareStoryHeader {
display: block;
width: 465px; 
height: 120px; 
}

#timeshareStoryHeaderText {
display: block;
width: 255px; 
float: left;
}

#timeshareStoryHeaderText p {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
}

#timeshareStoryHeaderImg {
display: block;
width: 200px;
float: right;
}

#timeshareStoryHeaderImg img {
width: 200px;
}

.storyHolder {
 display: block; 
 width: 465px;
 margin-top: 5px;
}
.storyHolderTitle {
width:465px; 
display: block; 
height: 20px;
background-color: #99CCFF; 
border-top: 2px solid #003366; 
margin-top: 0px;
margin-bottom: 0px;
}

.storyHolderTitle a {
margin-left: 5px;
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
font-weight: bold;
text-decoration: underline;
}

.storyContentHolder {
width: 463px; 
display: block; 
margin-top: 0px; 
background-color: #FFFFFF; 
border: 1px solid #CCCCCC;
border-top: none; 
padding-top: 10px;

}

.storyImageHolder {
display: inline; 
float: float;
width: 100px;
}

.storyImageHolder img {
width: 100px;
height: 75px;
border: none;
margin: 10px; 
margin-top: 0px;
}

.storyTextHolder {
display: inline; 
width: 325px; 
float: right; 
margin-right: 10px; 
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
text-align: justify;
}

.storyTextHolder a {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
font-weight: bold;
text-decoration: underline;
}
 /* author info index page */
 
.storyAuthor {
display: block;
margin-top: 10px;
width: 460px;
}
 

.storyAuthorInfo {
display: block;
float: right;
width: 400px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #0066CC;
text-align: right;
}

/* end index page CSS */

/* index page AND story CSS */

/* tell us your story block */

.tellUsHolder {
 display: block; 
 width: 465px;
 margin-top: 5px;
 margin-bottom: 10px;
}
.tellUsHolderTitle {
width:465px; 
display: block; 
height: 20px;
background-color: #99CCFF; 
border-top: 2px solid #003366; 
margin-top: 0px;
margin-bottom: 0px;
}

.tellUsHolderTitle a {
margin-left: 5px;
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
font-weight: bold;
text-decoration: underline;
}

.tellUsContentHolder {
width: 463px; 
display: block; 
margin-top: 0px; 
background-color: #FFFFFF; 
border: 1px solid #CCCCCC;
border-top: none; 
padding-top: 10px;

}

.tellUsImageHolder {
display: inline; 
float: left;
width: 100px;
}

.tellUsImageHolder img {
width:100px;
height: 100px; 
border: none;
margin: 10px; 
margin-top: 0px;
}

.tellUsTextHolder {
display: inline; 
width: 325px; 
float: right; 
margin-right: 10px; 
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
text-align: justify;
}

.tellUsTextHolder a {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
font-weight: bold;
text-decoration: underline;
}

.tellUsTextHolder p em {
display: block; 
width: 327 px;
font-style: normal;
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
}

.tellUsTextHolder p em a {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #003366;
font-weight: bold;
text-decoration: underline;
text-transform: uppercase;
}

/* end tell us your story CSS */

/* send to a friend page CSS */

#STAFTitle {
display: block;
position: relative;
top: 15px;
left: 0px;
width: 460px;
text-align: left;
margin-bottom: -5px;
}

#STAFStoryTitle {
display: block;
margin-top: 10px;
margin-left: 10px;
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #0066CC;
font-weight: bold;
}

#STAFForm {
display: block;
margin-top: 10px;
margin-bottom: 20px;
}

	#STAFForm a {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #0066CC;
	font-weight: bold;
	text-decoration: underline;
	}

	#STAFForm p {
	display: block;
	margin-top: 10px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #003366;
	font-weight: bold;
	}

	#STAFForm input {
		border: 1px solid #003366;
		width: 250px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #003366;
		margin-bottom: 5px;
	}

	#STAFForm input.send {
		border: 1px solid #003366;
		width: 60px;
		background-color: #99CCFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #003366;
	}


#contentBlock {
display: block;
width: 462px;
height: 100%;
margin-top: 5px;
}
#indexAndSTAFLinks {
display: block;
position: relative;
top: -22px;
right: 0px;
width: 460px;
text-align: right;
margin-bottom: 5px;
}

#indexAndSTAFLinks a {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 10px; 
color: #0066CC;
font-weight: bold;
text-decoration: underline;
}

#libaryLink {
display: block;
float: left;
margin-top: 5px;
width: 200px;
text-align: left;
}

#libraryLink a {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 10px; 
color: #0066CC;
font-weight: bold;
text-decoration: underline;
}

#storyAuthorNew {
display: block;
float: left;
margin-top: 5px;
width: 260px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 14px; 
color: #0066CC;
text-align: right;
}

#storyTitle {
display: block;
position: relative;
top: 15px;
left: 0px;
width: 460px;
text-align: left;
margin-bottom: -5px;
}

#storyTitle h1 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 18px; 
color: #003366;
font-weight: bold;
}

#storyTitleNew {
display: block;
width: 460px;
text-align: left;
}

#storyTitleNew h1 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size: 18px; 
color: #003366;
font-weight: bold;
}



 
.divider {
width:465px; 
display: block; 
background-color: #99CCFF; 
border-top: 2px solid #003366; 
margin-top: 3px;
font-size: 4px; 
}

.imageTextBlock {
display: block;
width: 465px;
margin-top: 5px;
margin-bottom: 10px;
padding-top: 5px;
}

.imageTextBlock img {
display: block;
float: left;
width: 200px;
height: 200px;
margin: 10px;
margin-top: 0px;
}

.imageTextBlock img.x150 {
display: block;
float: left;
width: 200px;
height: 150px;
margin: 10px;
margin-top: 0px;
}

.imageTextBlock > p {
	display: inline;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000000;
	}

.imageTextBlock p {
	display: block;
	margin-bottom: 10px;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000000;
	}

.imageTextBlock a {
	color:#003366;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

/* Added by dhong Aug 3/09 - to make the questions bold */
.ques{
	font-weight: bold;
}

.clear {
clear: both;
}

.clearSmall {
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 6px; 
clear: both;
}

/* sidebar CSS and resort listing CSS */

#sidebar	{
	padding: 0;
	width: 140px;
	font-family: Verdana, sans-serif;
	text-align: center;
	float: left;
	margin-top: 5px;
	margin-left: 4px;	
	}
	
#sidebar h2 {
	margin: 0;
	padding: 3px 6px;
	font-weight: bold;
	font-size: 9pt;
	color: white;
	background-color: #336699;
	}
.headerbar {
	margin: 0;
	padding: 3px 6px;
	font-weight: bold;
	font-size: 9pt;
	color: white;
	background-color: #336699;
	}

#sidebar div {
	margin: 0;
	margin-bottom: 12px;
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: solid 1px #336699;
	border-top: none;
	text-align: center;
	}

#sidebar div p {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	}

/*romance ul*/

#sidebar div ul {
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	list-style-image:   url("images/hrtblt.jpg");
	padding-left: 5px;
	list-style-position: inside;
	margin-left: 1px;
	}

#sidebar div ul li {
	vertical-align: middle;
	font-size: 9px;
	font-weight: bold;
	}
	
#sidebar div p a {
	margin: 0.5em 0;
	color: #336699;
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	}
	
#sidebar div p a:hover {
	text-decoration: underline;
	}

/* misc */
.smalltext {
	font: normal 11px Verdana, sans-serif;
	text-align: center;
	}
	
.smallHeader {
	font: normal 12px Verdana, sans-serif;
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

.rightbox {
	border: dashed 1px #336699;
	border-top: none;
	border-right-style: dashed;
}

/*themepark styles*/
.blueitalic {
	color: #003466;
	font-style: italic;
	font-weight: bold;
}
/* Change by Iridius, on 6/11/08 per Geoff Req */
.themepark_ul {
	font-size: 10pt;
	list-style: disc;
	color: #0033CC;
}

/* Added by Iridius on 06/24/2008 to ensure a margin to the right of resort images below content */
#relatedResorts {
	display: block; 
	margin-bottom: 8px;
	text-align: left;
}

/* Added by Iridius on 06/24/2008 to ensure a margin to the right of resort images below content */
#relatedResorts img.resortImage {
	display: block;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	border: 0;
}

#viewAllListings {
display: block;
margin-left: 5px;
}