/* -------------------------------------------------------------- RPI CSS * Filename: layout.css * Version: 1.0b (2008-00-00) * Website: www.resortparks.com Created by: * Keobs Avila == Layout: =========================================================== *Fixed CSS Layout: \\ Header | Content |Footer *Header: \\ w850px h259 *Cotent: \\ 3 Colum Left-200 | Content-450 | Right-200 *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;} h1 h2 h3 h4 h5 p lu li{ padding:0; margin:0;} /* - 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: 255px; margin: 0px 0px 0px 0px; } #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"); } /*faded tree*/ #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;} #green-break {border-bottom:#899d4c solid 4px;} .img-icon-rightc { float:right; padding:7px 3px; margin-right:-45px; position:relative;} /* - END Header Style - */ /* - CONTENT LAYOUT - */ #wrapc {padding: 60px 20px; text-align:left;} #wrapr {padding: 57px 15px;} /*#content {float:left; margin:0; padding:0; width: 640px; border-right: #cccccc dotted 1px; height:850px;}*//* w450px */ #content {float:left; margin:0; padding:0; width: 640px; border-right: #cccccc dotted 1px;}/* w450px */ #rightcolumn{float:left; margin:0; padding:0; width:200px;}/* w200px */ #rightcolumn p {font: normal .8em/160% Georgia; color:#4C4843; margin:0;} /* - 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 {border:#edeadf solid 3px; text-align:center; text-decoration:none; } #homestates-img a {border:#edeadf solid 3px; text-decoration:none; display:block; height:65px; width:115px;} #homestates-img a:hover {border:#b0de76 solid 3px; text-align:center; text-decoration:none; display:block; height:65px; width:115px;} #homestates-img {float:left;} .stateslink {clear:left;} .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:180px; 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} .submit {color: #4c4843; background: #ece6df; border:#846e47 1px solid ; width: 65px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; height: 20px;} .button {padding: 11px 0 11px 0;} #form {line-height: 20px; color:#56780a; } .field1 {border: #999999 solid 1px; width:160px; height:16px; color:#333333;} /* YELLOW content box */ #boxwraY #bc1Y ul {margin:0; padding:0;} #bc1Y li {color:#4c4843; list-style-position:outside; font: normal .8em/160% georgia;} #bc1Y li a {color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #bc1Y li a:hover {border-bottom:#527a03 solid 1px;} #bh1Y {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#9a2e1c; background-color:#f4e686; border-left:#ecd95d solid 10px;} #bc1Y {background-color:#f7f1ca; padding: 0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} /*old color: #f7f3e3 */ /* GOLD content box */ #boxwraD #bc1D ul {margin:0; padding:0;} #bc1D li {color:#4c4843; list-style-position:outside; font: normal .8em/160% georgia;} #bc1D li a {color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #bc1D li a:hover {border-bottom:#527a03 solid 1px;} #bh1D {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#d6a834; border-left:#bb9922 solid 10px;} #bc1D {background-color:#f7f1ca; padding: 0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} /*old color: #f7f3e3 */ /* GREEN content box */ #boxwrapG #bc1G ul {margin:0; padding:0;} #bc1G li {color:#4c4843; list-style-position:outside; font: normal .8em/160% georgia;} #bc1G li a {color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #bc1G li a:hover {border-bottom:#527a03 solid 1px;} #bh1G {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#9a2e1c; background-color:#99a66b; border-left:#859258 solid 10px; color:#FFF;} #bc1G {background-color:#e8eed2; padding: 10px 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} /*old color: #f7f3e3 */ /* BLUE content box */ #boxwrapB #bc1B ul {margin:0; padding:0;} #bc1B li {color:#4c4843; list-style-position:outside; font: normal .8em/160% georgia;} #bc1B li a {color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #bc1B li a:hover {border-bottom:#527a03 solid 1px;} #bh1B {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#859ab3; border-left:#4b6a90 solid 10px;} #bc1B {background-color:#d1dce9; padding:0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} /* BLUE content box */ #boxwrapR #bc1R ul {margin:0; padding:0;} #bc1R li {color:#4c4843; list-style-position:outside; font: normal .8em/160% georgia;} #bc1R li a {color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #bc1R li a:hover {border-bottom:#527a03 solid 1px;} #bh1R {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#df282a; border-left:#902a2b solid 10px;} #bc1R {background-color:#f5dddd; padding:10px 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} /* BBlue content box */ #boxwrapS #bc1S ul {margin:0; padding:0;} #bc1S li {color:#4c4843; list-style-position:outside; font: normal .8em/160% georgia;} #bc1S li a {color:#527a03; text-decoration:none; border-bottom:#527a03 dotted 1px;} #bc1S li a:hover {border-bottom:#527a03 solid 1px;} #bh1S {padding:4px 2px 4px 10px; font: normal 1.1em/100% georgia; color:#ffffff; background-color:#46b2d6; border-left:#1989ae solid 10px;} #bc1S {background-color:#d2e6ec; padding:0 10px 5px 20px; border-top: #FFFFFF solid 1px; border-bottom:#d9d3ba solid 1px;} #borders { border-top:#999999 dashed 1px; border-bottom:#999999 dashed 1px; padding:15px;} #borders li {list-style-position:inside;} /* - END Footer Layout - */ .f2 {width: 40px; margin-left:15px;} .f3 {width: 200px; margin-left:15px;} .namef2 {width:200px; text-align:right;} #logoFloat1 {float: right; margin:-100px -50px 0; width:70px; padding: 50px;} #logoFloat2 {float: right; margin:-80px -50px 0; width:80px; padding: 50px;} #logoFloat3 {float: right; margin:-70px -50px 0; width:80px; padding: 50px;} .hfield {border:none; width:140px; height:16px; color:#333333; background-color:#ece6df} #homelogin {padding: 5px 100px 0px 30px; height:25px; background-image:url("../img/loginbg.png"); background-repeat:no-repeat;} #homelogin p {color:#FFFFFF; font: normal .7em/160% Georgia; margin-top:0;} #homelogin a {color:#FFFFFF; font: normal 1em/160% Georgia; margin-top:0; text-decoration:none; border-bottom:#ffffff dotted 1px;} #homelogin a:hover {color:#FFFFFF; font: normal 1em/160% Georgia; margin-top:0; text-decoration:none; border-bottom:#ffffff solid 1px;} #homemap {float:left; width:308px; background-color:#dceaec;} #homestate {float:left; width:255px; margin-left:26px; background-color:#e7edcb;} .icon {border:#edeadf solid 3px; text-align:center; text-decoration:none; } #himages a {border:#f6f6f6 solid 3px; text-decoration:none; display:block; height:65px; width:115px;} #himages a:hover {border:#aec665 solid 3px; text-align:center; text-decoration:none; display:block; height:65px; width:115px;} .himagesf {float:left; margin-bottom:10px;} .himagesfb {float:left; margin-right:10px; } .stateslink {clear:left;} #hmap a {border:#f6f6f6 solid 3px; text-decoration:none; display:block; height:144px; width:300px;} #hmap a:hover {border:#9fb9bf solid 3px; text-align:center; text-decoration:none; display:block; height:144px; width:300px;} .home-go-link {margin-bottom:-4px;} #home-dases {clear:left; border-bottom: #CCCCCC dashed 1px; padding-top:20px; } #home-vacation1 {float:left;} #home-vacation2 {float:left; padding: 5px; background-image:url("../img/bg_vacations.gif"); height:169px; width:145px; text-align:center;} #homebreak { display:block; clear:left; position:absolute; width:850px; top:263px;} /* added by Pia */ .ccsubmit {background: #e4e4e4; border:#999999 1px solid; color:#666666; font: bold .7em georgia; height:21px; width:60px; padding:0; margin-top:5px; margin-bottom:10px;} input.cc {width:150px; height:17px; vertical-align:middle; color:#4C4843; margin-bottom: 4px; border: #999999 solid 1px; font:normal 1em Georgia, serif;}