/* Color Code
#99CCFF blue (for border)
#09417E dark blue
*/


/* Reset CSS ======================*/
ul {list-style-type:none;}
body, ul, ol, li, h1, h2, h3, h4, h5, p, dl, dt, dd {margin:0; padding:0;}
img {border:none;}
.clearFloat{clear:both;}
.firstMenu {border:0 !important; padding:0 !important; margin:0 !important;}
	
/* Structure ======================= */
body {font-family: Arial, Helvetica, sans-serif; font-size:62.5%; color:#444;}
a:link, a:visited, a:active {color:#09417E;}
a:hover {color:#86AFD0;}
#container {width:960px; margin:0 auto 10px; padding-bottom:10px;}
#containerSubL {width:249px; padding-left:17px; float:left;}
#containerSubR {float:right; width:691px;}
#logo {float:left; margin:16px 0 0 16px;}
#logo a {display:block; width:75px; height:47px; background:url(../images/logo.gif) no-repeat; text-indent:-2000em; font-size:0.1px;}

/* Main Menu ====================== */
#menuL1 {float:right; margin-top:27px; display:none; font-size:1.2em; color:#FFFFFF;}
#menuL1 li {float:left; text-indent:-2000em;}
#menuL1 a {height:26px; background-image:url(../images/menuL1.gif); display:block !important;}
#menuL1a a {width:127px; background-position:0 0;}
#menuL1b a {width:191px; background-position:-127px 0;}
#menuL1c a {width:188px; background-position:-318px 0;}
#menuL1d a {width:172px; background-position:-506px 0;}
#menuL1e a {width:142px; background-position:-678px 0;}
#menuL1a a:hover, .aboutUs #menuL1a a {width:127px; background-position:0 26px;}
#menuL1b a:hover, .vacationWithRCI #menuL1b a {width:191px; background-position:-127px 26px;}
#menuL1c a:hover, .memberslounge #menuL1c a {width:188px; background-position:-318px 26px;}
#menuL1d a:hover, .concierge #menuL1d a {width:172px; background-position:-506px 26px;}
#menuL1e a:hover, .contactUs #menuL1e a {width:142px; background-position:-678px 26px;}
#menuL1 span {display:none;}

#menuL1 ul {background-color:#CE2222; padding:20px;}
#menuL1 ul li {float:none; text-indent:0; padding-top:10px; margin-top:10px; border-top:1px dotted #FFF}
#menuL1 ul a:link, #menuL1 ul a:visited {background:none; color:#FFF; text-decoration:none; height:auto !important; width:auto !important;}
#menuL1 ul a:hover {text-decoration:underline;}
#menuL1 ul div a:link, #menuL1 ul div a:visited {display:list-item !important; list-style:square; margin-left:20px;}

#menuL1 ul {width:200px;}

/* Maskhead ====================== */
#maskhead {height:225px; clear:both;}
#testimonial_container {width:450px; height:100px; position:relative; top:75px; left:138px;}
	
/* Sub Column Banners ======================= */
.subBannerL1Container {background:url(../images/subBannerFrame.jpg) top left no-repeat; width:250px; height:240px; margin-bottom:10px;}
.subBannerL1Container img {margin:10px 0 0 20px;}
#subBannerL1 {margin-left:20px; text-indent:-2000em;}
#subBannerL2 {background:url(../images/subBanner/2.jpg) no-repeat left top;	width:249px; height:106px; padding-bottom:15px;	text-indent:-2000em;}
#subBannerL3 {padding:7px 8px; border-top:1px dotted #86AFD0; font-size:1.1em; clear:left; min-height:37px;}
.subBannerL3Img {margin-right:10px; float:left;}
.subColTestimonialContainer {margin-top:20px;}
.testimonial {font-size:1.4em; padding:10px 0 5px;}

/* Content Structure ===================== */
#templateContainer {padding:0 17px 0 25px; font-size:1.2em; text-align:justify;}
#template1_L1 {float:left;}
#template1_L2 {float:right;}
#template1_L1, #template1_L2 {width:304px; }
#template1_L1, #template1_L2, #template2 {padding:0 13px 0 0;}
#template3_L1, #template3_L2 {float:left; width:240px;}
#template3_L2 {padding-left:60px; margin-left:60px; border-left:2px dotted #99CCFF; margin-bottom:20px;}

/* Picture in Content */
.pictLeft {float:left; margin:0 15px 10px 0;}
.pictRight {float: right; margin:0 0 10px 15px;}
.picBgTop {background:url(../images/picBgTop.gif) top right no-repeat; padding-top:3px;}
.picBgLeft {background:url(../images/picBgLeft.gif) top left no-repeat; padding-left:5px;}
/*.picStacks {float:left;}
.picStacks .picBgTop {margin:0 20px 20px 0;}*/

/* Text in Content */
.textSeperator {border-bottom:1px dotted #99CCFF; padding-bottom:30px; margin-bottom:20px;}
p {padding-bottom:15px;}
.h2Title {background:url(../images/dottedLine.gif) bottom left repeat-x; height:40px; margin-bottom:20px; padding-left:24px;}
h3 {font-size:1.6em; color:#09417E; padding-bottom:10px; font-weight:normal;}
h4 {font-size:1.4em; color:#09417E; padding-bottom:10px; font-weight:normal;}
.h3withSeperator {border-top:1px dotted #99CCFF; padding-top:15px; margin-top:15px;}
.highlightedText {color:#09417E; font-weight:bold; padding-bottom:5px;}
.highlightedText.withPadding {padding-bottom:15px;}
.smallDesc {font-size:0.9em; color:#666; margin-top:-10px;}
.picDesc {font-size:0.9em; color:#666; text-align:left; padding:5px 0 0;}
.textBesideImg {float:left; width:445px; padding-top:10px; border-top:1px dotted #99CCFF;}
.textLeft {float:left;}
.textRight {float:right;}

/* Link */
.backToTop {text-align:right; font-size:0.85em;}
.backToTop a:link, .backToTop a:visited {color:#1E9CF1;}
.backToTop a:hover {text-decoration:none;}
.viewPDF {background:url(../images/bulletPDF.jpg) no-repeat top left; text-transform:uppercase;}
.viewLink {background:url(../images/bullet_arrow.jpg) no-repeat top left;}
.viewPDF, .viewLink {padding-left:30px; padding-bottom:5px; display:block;}

/* Listing */
.list_bullet {list-style:square; margin:-15px 0 20px 0;}
.list_bullet li {margin-left:20px;}
ol {margin:-10px 0 15px; padding-left:20px;}

.templateListing li {border-top:1px dotted #99CCFF; padding-top:15px; clear:both;}
.templateListing .templateListingTitle {padding-bottom:0; color:#09417E; font-weight:bold;}
.templateListing .templateListingContent {}
.templateListing li li {border:none; padding:0;}
.templateListingIndex {height:1.2em; margin-bottom:20px; color:#aaa;}
.templateListingIndex li {display:inline; padding-left:5px; margin-left:5px; border-left:1px solid #99CCFF;}
.templateListingIndex a:link, .templateListingIndex a:visited {text-decoration:none;}
.templateListingTitle2 {margin-bottom:20px; list-style-type:square; padding-left:20px; color:#09417E;}
.templateListingTitle2 li {padding-bottom:8px;}
.templateListingTitle2 a:link, .templateListingTitle2 a:visited {font-weight:bold;}
.col1 {float:left;}
.col2 {float:left; margin-bottom:15px;}

/* Form */
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit; color:#444;}
.textFill, .textArea {border:1px solid #ccc;}
.textFill {width:200px;}
.textArea {width:400px;}
#dateFill .textFill {width:59px;}
.labelName, .formList dt {font-weight:bold;}
.formList {margin-bottom:20px;}
.formList dt {float:left; clear:left; text-align:left;}
.formList dd {margin-bottom:10px;}
.formList p {padding:0;}
.labelDesc {font-size:0.9em; color:#666; font-weight:normal;}
.btn input {border:none; background-color:#09417E; color:#FFF; font-weight:bold;}
.btn {background-color:#FFFFFF; border:1px solid #99CCFF; padding:3px;}
.asterisk {font-weight:bold; color:#CE2222;}

/* Button */
.btnBrowse {margin-top:5px;}
.btnBrowse a:link, .btnBrowse a:visited{width:78px; height:22px; display:inline-block; background:url(../images/btnBrowse.jpg) top left no-repeat; margin-left:5px;}
.btnBrowse a:hover {background:url(../images/btnBrowse.jpg) 0px -22px no-repeat;}
.btnBrowse a span {display:none;}
.btnSubmit a:link, .btnSubmit a:visited{width:78px; height:22px; display:block; background:url(../images/btnSubmit.jpg) top left no-repeat;}
.btnSubmit a:hover {background:url(../images/btnSubmit.jpg) 0px -22px no-repeat;}
.btnSubmit a span {display:none;}
.btnMore a:link, .btnMore a:visited {display:block; width:55px; height:20px; background-image:url(../images/btnMore.jpg); background-repeat:no-repeat;}
.btnMore a:hover {background-position:0 -20px;}
.btnMore a span {display:none;}
.btnBack a:link, .btnBack a:visited {display:block; width:55px; height:20px; background-image:url(../images/btnBack.jpg); background-repeat:no-repeat;}
.btnBack a:hover {background-position:0 -20px;}
.btnBack a span {display:none;}

/* Table */
.formTable {text-align:left; margin-bottom:20px;}
.formTable th, .formTable td {vertical-align:text-top; padding:5px;}
.formTable th {background-color:#e8e8e8; font-size:1.1em; color:#222; text-align:left;}
.formTable td {border-bottom:1px solid #e8e8e8; }


/* Quick Links ============================== */
#quickLinks {clear:both; border-bottom:1px dotted #CCC; padding-bottom:15px; text-align:center; color:#666; font-size:1.1em;}
#quickLinks ul {padding:20px 0 10px;}
#quickLinks li {display:inline; padding-left:10px; margin-left:10px; border-left:1px solid #999;}
#quickLinks p {padding-bottom:0;}

/* Footer ========================== */
#footer {width:800px; font-size:1.1em; color:#666; margin:10px auto; position:relative;}
.footerTitle {font-weight:bold;}
#hotlines {position:absolute; top:0; left:0;}
#footer #hotlines dl {float:left; margin-right:50px;}
#footer dl {margin:10px 0;}
#footer dt {float:left;}
#footer dd {margin-left:80px;}
#operatingHours {position:absolute; top:0; left:600px; display:inline-block;}
