/* Homewood Suites CSS Document */
html, body {
	/* TB: removed to fix IE7. caused scrollbars to disappear. */
	/*min-height: 100%;
	height: 100%;*/
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(_img/main_bg.gif);
	background-repeat: repeat-x;
	background-color: #FFF;
	color: #000;
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 100%;
	/* TB: removed to fix IE7. this caused display problems with the background-color in #detailPadding. */
	/*overflow-x: hidden;*/
}
a, a:link, a:visited, a:active {
	color: #004351;
}
#container {
	width: 730px;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#topnav {
	width: 730px;
	height: 30px;
	background: #004954;
	margin-top: 10px;
}
#topnav ul {
	font-size: 12px;
	line-height: 30px;
	list-style: none;
	margin:0;
	padding:0;
}
#topnav ul li {
	float: left;
	padding: 0 35px 0 20px;
}
#topnav ul li a {
	color: #adc0c4;
	text-decoration: none;
}
#topnav ul li a:hover {
	color: #FFF;
	text-decoration: none;
}
#topnav ul li a:active {
	color: #4d7278;
	text-decoration: none;
}
#header {
	width: 730px;
	height: 170px;
	margin-bottom: 10px;
}
#header .hwlogo {
	float: left;
	margin-top: 10px;
	width: 170px;
	height: 160px;
	/*clear: none;
	float: left;*/
}
#header .hwlogo img {
	border: 0px;
}

#header #headerMsg {
}

#header #topHeader {
	float: right;
	position: relative;
	margin-top: 10px;
	width: 550px;
	height: 160px;
}
#container .disclaimer {
	text-align: center;
	position: relative;
	top: -12px;
}
#intro {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #3c3c3c;
	width: 710px;
	padding: 15px 10px 0 10px;
}
#intro h1 {
	font: 19px 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #004854;
	padding-bottom: 10px;
}
#main {
	width: 730px;
	padding-top: 15px;
	clear: left;
}
#main .pageOptions {
	color: #666666;
	margin-left: 155px;
	width: 540px;
	height: 18px;
	white-space: nowrap;
	border: 0px solid #F00;
}
#main .pageSpecific {
	float: right;
	font-size: 11px;
	margin-right: 10px;
}
#main .pageSpecific .option, #main .pageSpecific .optionsml {
	float: left;
}
#main .pageSpecific .option a, #main .pageSpecific .optionsml a {
	display: block;
	width: auto;
	height: 13px;
	background-color: #afb9b0;
	font-size: 11px;
	margin-right: 2px;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
}
#main .pageSpecific .option a.alt, #main .pageSpecific .optionsml a.alt {
	display: block;
	width: auto;
	height: 13px;
	background-color: #dae3db;
	font-size: 11px;
	margin-right: 2px;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
}
/* TB: added rule for #main .pageSpecific .option a.alt:hover to fix IE7 */
#main .pageSpecific .option a:hover,
#main .pageSpecific .option a.alt:hover,
#main .pageSpecific .optionsml a:hover {
	background-color: #004251;
	color: #dae3db;
}
#main .pageSpecific .option .inactive, #main .pageSpecific .optionsml .inactive {
	display: block;
	width: auto;
	height: 13px;
	background-color: #ECECEC;
	color: #CCC;
	font-size: 11px;
	margin-right: 2px;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
}
#main .pageSpecific .option .curpage {
	display: block;
	width: auto;
	height: 13px;
	background-color: #dae3db;
	font-size: 11px;
	margin-right: 2px;
	padding: 3px 5px 2px 5px;
	text-decoration: none;
}

#main .breadcrumbs {
	font-size: 9px;
}
#main .breadcrumbs a, #main .breadcrumbs a:visited {
	color: #666666;
}
#main .breadcrumbs a:hover {
	color: #004251;
}
#main .nav {
	width: 170px;
	display: block;
	margin-right: 10px;
	float: left;
}
#main #yourstory {
	height: 185px;
	padding-bottom: 20px;
	
}

#main #mainnav {
	width: 170px;
	margin-bottom: 15px;
	padding-top: 5px;
	color: #004954;
	font-size: 12px;
}
#main #mainnav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
}
#main #mainnav ul li a {
	display: block;
	padding: 5px 0px 5px 1px;
	color: #575858;
	text-decoration: none;
	border-top: 1px solid #c6c6c6;
}
#main #mainnav ul li a:hover {
	background-color: #f7f0b8;
	color: #004351;
}
#main #mainnav ul li.active {
	color: #004351;
	font-weight: bold;
	display: block;
	padding: 5px 0px 5px 1px;
	text-decoration: none;
	border-top: 1px solid #8b8b8b;
}
#main #mainnav ul li {
	padding: 0px;
	margin: 0px;
}
#main #mainnav .navrandom {
	margin-left: 5px;
	display: block;
	width: 116px;
	height: 34px;
	background-image: url(_img/nav_random_story.gif);
	background-repeat: no-repeat;
	margin-top: 2px;
}
#main #mainnav .navrandom a {
	display: block;
	width: 116px;
	height: 34px;
	text-decoration: none;
	color: #004351;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 11px;
}
#main #searchForm, #main #searchForm form {
	padding: 0px;
	margin: 0px;
	font-size: 1px;
}
#main #searchForm {
	height: 18px;/* TB: added to fix IE7 */
	margin-bottom: 5px;
}
#main #searchForm .mainsearch {
	width: 118px;
	height: 16px;
	padding:0px;
	background-color: #FFF;
	border: 1px solid #8a8b8b;
	font-size: 10px;
	margin-right: 2px;
	float: left;
}
#main #searchForm input.mainBtn {
	width: 46px;
	height: 18px;
	display: block;
	background-image:url(_img/nav_search_btn.gif);
	background-repeat: no-repeat;
}

#main #bookSuite {

}
#main #bookSuite a {
	display: block;
	width: 128px;
	height: 37px;
	color: #004351;
	padding-top: 13px;
	font-weight: bold;
	text-align: center;
	background-image: url(_img/nav_book_suite.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}
#main #bookSuite a:hover {
	background-image: url(_img/nav_book_suite_on.gif);
	background-repeat: no-repeat;
}
#thebody {
	color: #004351;
	background-color: #dae3db;
	width: 547px;
	margin-left: 181px;

}
#vidbody {
	color: #004351;
	background-color: #dae3db;
	width: 453px;
	margin-left: 181px;
}
#thebody form {
	margin: 0px;
	padding: 0px;

}
#thebody #bodyPadding {
	padding: 7px 9px 0px 4px;
	background-color: #dae3db;
	height: auto;
}
#thebody .lrgBox {
	width: 171px;
	height: 171px;
	border: 1px solid #004251;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
}
#thebody .lrgBox .vid {
	z-index: 5;
	/*background-image:url(_img/vid_overlay.png);*/
	width: 43px;
	height: 43px;
	position: relative;
	top: -103px;
	left: 58px;
}
#thebody .smlBox {
	width: 82px;
	height: 82px;
	border: 1px solid #004251;
	margin-left: 5px;
	margin-bottom: 5px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
}
#thebody .smlBox .vid {
	z-index: 5;
	/*background-image:url(_img/vid_overlay_sml.png);*/
	width: 22px;
	height: 23px;
	position: relative;
	top: -50px;
	left: 30px;
	
}
#thebody .clearIt, #vidbody .clearIt {
	clear: both;
	height: 3px;
}
#footer {
	height: 50px;
	margin-top: 20px;
	margin-left: 181px;
	width: 540px;
	font-size: 10px;
	color: #999999
}
#footer a, #footer a:link, #footer a:visited {
	color: #004251;
	text-decoration: none;
}
#footer a:hover, #footer a:visited:hover {
	text-decoration: underline;
}
/* --- DETAIL PAGE --- */
#thebody #detailPadding {
	padding: 35px 40px 0px 35px;
	background-color: #dae3db;
	color: #004351;
	height: auto;
}
#vidbody #detailPadding {
	padding: 23px 0px 0px 23px;
	background-color: #dae3db;
	color: #004351;
	height: auto;
}
#thebody #detailPadding .detailTitle {
	margin-top: 24px;
	margin-bottom: 3px;
	font-size: 18px;
}
#thebody #detailPadding .detailAuthor, #thebody #detailPadding .detailLocation { 
	font-size: 12px;
}
#thebody #detailPadding .detailStory {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 20px;
}
/* --- SEARCH PAGE --- */
#thebody .resultEntry {
	margin-bottom: 15px;
	height: 85px;
	padding: 5px 5px 4px 0px;
}
#thebody .resultEntry:hover {
	background-color: #FFFFCC;
	cursor: hand;
	cursor: pointer;
}
#thebody .resultEntry .smlBox {
	margin-right: 20px;
	overflow: hidden;
}
#thebody .resultEntry .thetitle {
	font-size: 14px;
	font-weight: bold;
}
#thebody .resultEntry .theauthor {
	margin-bottom: 5px;
	font-weight: bold;
}
#thebody .resultClear {
	clear: both;
}
#thebody .noResults {
	padding: 10px;
}
/* --- FORM / SUBMIT PAGE --- */
#thebody span.error {
	color: #f00;
}
#thebody .stepEntry {
	margin-bottom: 32px;
	position: relative;
}
#thebody .tall {
	clear: left;
	padding-top: 40px;
	position: relative;
}

#thebody .stepNum {
	font-size: 60px;
	width: 30px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	top: -9px;
}
#thebody .stepTitle {
	font-size: 18px;
	margin-bottom: 2px;
}
#thebody .stepDesc {
	font-size: 12px;
	margin-bottom: 8px;
	margin-left: 50px;
}
#thebody .stepForm {
	margin-left: 50px;
}
#thebody .stepThanks {
	margin-left: 50px;
	margin-top: 15px;
	padding-left: 20px;
	height: 20px;
	background-image:url(_img/file_icon.jpg);
	background-repeat: no-repeat;
	display: none;
}
#thebody .inputSml {
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	color: #004351;
	background-color: #e6e7e8;
	width: 118px;
	height: 19px;
	font-size: 12px;
	border: 1px solid #e6e7e8;
	border-top: 1px solid #002f39;
	margin-right: 10px;
}
#thebody .inputReg, #thebody .inputLong {
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	color: #004351;
	background-color: #e6e7e8;
	width: 237px;
	height: 19px;
	font-size: 12px;
	border: 1px solid #e6e7e8;
	border-top: 1px solid #002f39;
}
#thebody .inputLong {
	width: 360px;
}
#thebody .inputLrg {
	font-family: 'Trebuchet MS', 'Lucida Grande', Helvetica, Arial, sans-serif;
	color: #004351;
	background-color: #e6e7e8;
	width: 237px;
	height: 179px;
	font-size: 12px;
	border: 1px solid #e6e7e8;
	border-top: 1px solid #002f39;
	margin-bottom: 10px;
}
#thebody .errorBlock {
	padding: 10px;
	border: 1px solid #F00;
	background-color: #FFFFCC;
	margin-bottom: 20px;
}
/* --- THANK YOU PAGE --- */
#thebody .lrgTxt {
	font-size: 24px;
	margin-bottom: 12px;
}
#thebody .thanksTxt {
	line-height: 16px;
}
#thebody #submitbtn {
	float: left;
}
#thebody .formThanks {
	margin-left: 20px;
	margin-top: 5px;
	padding-left: 20px;
	float: left;
	clear: right;
	height: 20px;
	width: 310px;
	background-image: url(_img/form_loading.gif);
	background-repeat: no-repeat;
	display: none;
}

.overlib {
	background: none;
}
/* TV SPOTS PAGE */
#vidbody #videoResults {
	width: 414px;
}
#vidbody #videoResults .videoThumb {
	margin-right: 7px;
	margin-bottom: 7px;
	width: 131px;
	height: 49px;
	float: left;
}
.tvmsg {
	width: 80%;
	margin-top: 17px;
	margin-bottom: 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	color: #004351;
}
/* SAFARI HACK #main #searchForm input.mainBtn { height: 18px;#} */