/* -------------------------------------------------------------- RPI CSS * Filename: layout.css * Version: 1.0b (2008-00-00) * Website: www.resortparks.com == Layout: WIDE - no right bar ======================================= *Fixed CSS Layout: \\ Header | Content |Footer *Header: \\ w850px h259 *Cotent: \\ 2 Colum Left-200 | Content-650 *Footer: \\ w850px h150 ====================================================================== -------------------------------------------------------------- */ body {margin:0; text-align:center; font: 100% Georgia, Times; padding:0; background: url("../img/mbg.jpg") repeat-x; background-color:#c9c2a9;} li ol {color:#4c4843; list-style-position:outside; font-family: georgia;} /* - BG main Effect - */ #marginbg {margin:0 auto; width: 860px; text-align:center; background-image:url("../img/bg1.png"); background-repeat:repeat-y;} /* - BG main Effect - */ /* - Header Layout - */ #wrapper {margin:0 auto; width: 850px; background: white url("../img/header_bg2.jpg") repeat-x; text-align:left; } #header {width:850px; float: left; height: 262px; margin: 0px 0px 0px 0px; border-bottom:#899d4c solid 4px;} #logo {position:absolute; width:124px; margin: 0; padding: 8px 0 0 45px; float:left;} .logo {border:0px;} #hwrap {width:850px; text-align:left;} #float1 {float:right; width: 534px; height:193px; text-align:right; background-image:url("../img/bgf1.jpg");} #float2 {float:right; width: 316px; height:193px; margin-right:-50px; margin-top:-8px;} #float1padding { padding:20px;} #flashborder { border:#65604e solid 1px; padding:3px; background-color:#ffffff; width:252px; height:156px; text-align:center; margin: 10px 0 0 10px;} /* - END Header Style - */ /* - CONTENT LAYOUT - */ #wrapl {padding: 10px 10px;} #wrapc {padding: 30px; text-align:left;} #wrapr {padding: 37px 20px 10px 20px;} #leftcolumn {float:left; margin:0; padding:0; width: 200px; text-align:center; background-color:#eee084; }/* w200px */ #content {float:left; margin:0; padding:0; width: 649px;}/* w450px */ /* - Round Corners Box - */ .roundcont {width: 180px; background-color: #f7f3e3; color: #fff;} .roundcont p {margin: 0; padding: 5px 10px 5px 10px;} .roundtop {background: url("../img/tr.gif") no-repeat top right; text-align:left;} .roundbottom {background: url("../img/br.gif") no-repeat top right; text-align:left;} img.corner {width: 10px; height: 10px; border: none; display: block !important;} img1 {border:#f5f2ec solid 2px;} .imgfloat {float:right; width:204px; margin: 18px 0 10px 20px; border:#CCCCCC solid 1px; padding:3px; background-color:#f5f2ec} .icon {background-color:#f2f0e7; padding:4px; text-align:center; text-decoration:none;} .iconpadright {background-color:#f2f0e7; padding:4px; text-align:center; text-decoration:none; border-right:10px solid #ffffff;} .dash {border-bottom: #999999 dashed 1px; padding-bottom: 15px;} /* - END Round Corners Box - */ /* - END CONTENT LAYOUT - */ #footer {text-align:center; width: 850px; clear: both; height:100px; background-color:#d9e0b4; margin:0; padding:0;} /*e0e4c9*/ .ftop {width:850px; height:10px; background:#d9d59d; display:block; border-bottom: #fff solid 1px;} #form {padding: 18px 0 15px 0; text-align:left;} #form a {margin-left:4px; color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #form a:hover {margin-left:4px; border-bottom:#527a03 solid 1px;} #fieldset {border: 1px dashed #999999; width:165px; padding:7px; background-color:#FFFFFF;} .legend {background: #e5ebc8; border: 1px solid #5e904b; padding:0 4px 4px 4px; color:#56780a; font-weight:bold; color:#9a2e1c; width: 93px; margin-top:-15px; margin-bottom: 10px; position:relative} #form {line-height: 20px; color:#56780a; } .field1 {border: #999999 solid 1px; width:160px; height:16px; color:#333333;} /* ABOUT US programs */ /* RPI - Green */ #rpi-greenH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#7a8c42; border-left:#54612d solid 10px;} #rpi-greenC {background-color:#eaefdc; padding: 0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #rpi-logoFloat{float: right; width:50px; padding: 50px; margin-top:-50px;} /* Enjoy America - Red */ #ea-redH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#d21e1e; border-left:#951616 solid 10px;} #ea-redC {background-color:#f5ebeb; padding: 0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #ea-logoFloat {float: right; width:80px; padding: 50px; height:20px; margin-top:-50px;} /* RPI Plus - Dark Green */ #rpiP-darkGreenH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#9a2e1c; background-color:#99a66b; border-left:#859258 solid 10px; color:#FFF;} #rpiP-darkGreenC {background-color:#e8eed2; padding: 10px 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px; height:115px;} #rpiP-logoFloat {float: right; width:30px; padding: 50px; height:20px; margin-top:-60px;} /* RPI Preferred - Light Brown */ #rpiPF-lightBrownH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#c29e6a; border-left:#a57e47 solid 10px;} #rpiPF-lightBrownC {background-color:#eee2d1; padding:0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #rpiPF-logoFloat {float: right; width:120px; padding: 30px 30px 10px 30px; margin-top:-35px;} /* RPI Gold - Gold */ #rpiGold-GoldH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#cfb643; border-left:#b39714 solid 10px;} #rpiGold-GoldC {background-color:#f5f1e1; padding:10px 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px; height:70px;} #rpiGold-logoFloat {float: right; width:100px; padding: 50px; height:60px; margin-top:-58px;} /* Preferred Access - Light Blue */ #pa-lightBlueH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#46b2d6; border-left:#1989ae solid 10px;} #pa-lightBlueC {background-color:#d2e6ec; padding:0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #pa-logoFloat {float: right; width:90px; padding: 30px; height:60px; margin-top:-30px;} /* Resort Connections - Purple */ #rc-darkBrowH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#5763ae; border-left:#394485 solid 10px;} #rc-darkBrowC {background-color:#e4e6f5; padding:0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #rc-logoFloat {float: right; width:150px; padding: 45px; height:100px; margin-top:-40px;} /* Preferred RV Vacations - Dark Brown */ #prvv-darkBrowH {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#b39f69; border-left:#816d37 solid 10px;} #prvv-darkBrowC {background-color:#f1ebdd; padding:0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #prvv-logoFloat {float: right; width:75px; padding: 15px; height:100px; margin-top:-15px;} /* END of ABOUT US programs */ #borders {padding:0px 15px 2px 20px; background-color:#e6e0c8; border-bottom:#e5dfd5 solid 1px; border-top:#fffaef solid 1px; } /* #f4f1e9 */ #borders li {list-style-position:outside; margin-left:-40px; padding:0px; list-style-type: circle;} #borders p {font: normal .9em/100% georgia; line-height:22px;} .highlightbox {padding:5px 15px 0px 8px; margin-top:8px; background-color:#e6e0c8; border-bottom:#e5dfd5 solid 1px; border-top:#fffaef solid 1px; } /* #f4f1e9 */ .highlightbox p {font: normal .9em/100% georgia; line-height:22px;} .highlightboxyellow {padding:5px 0px 0px 8px; margin-top:0px; margin-bottom:3px; background-color:#f0e6a2; border-bottom:#e5dfd5 solid 1px; border-top:#fffaef solid 1px; } /* #f4f1e9 */ .highlightboxyellow p {font: normal .9em/100% georgia; line-height:22px;} .highlightbox p.red-center {font: normal .9em/100% georgia; line-height:22px; color:#9a2e1c; text-align:center;} /* - END Footer Layout - */ .f2 {width: 40px; margin-left:15px;} .f3 {width: 200px; margin-left:15px;} .namef2 {width:200px; text-align:right;} #buy-credits {padding:15px; background-color:#f3f7ea; border:#cccccc dashed 1px;} #buy-credits ol li { padding-left: 25px;} /* added by Pia */ #message {width:100%; background-color:#d9e0b4; font: normal .8em/160% Georgia; color:#222222; padding:0; margin:0;} /*#message br {display:none;} */ #photo {width:350px; text-align:center;} #floatright {float:right;} #createlogin {width:350px; float:right;} #resformright {width:350px; float:right; line-height:25px;}