/* Styles for Longford */ ul,ol { list-style: none; } h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; border: none;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,table,tr,td,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; } fieldset, a img,:link img,:visited img , img{ border: none; } html,body { height: 100%; } body { font: 11px arial,lucida sans,sans-serif; line-height: 18px; background: #7a010a url(../images/bg.jpg) repeat-x; color: #333; margin: 0 auto; text-align: center; position: relative; } a { color: #3366cc; } a:hover { color: #7a010a;} #wrap {text-align: left; margin: 0 auto; background: #7a010a; width: 900px; } /* HEADER /////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #header {background: url(../images/header.gif) no-repeat; height: 123px; width: 100%; clear: both;} #header-logo h1 a {display: block; width: 150px; height: 123px; float: left;} #header-pics {float: right; margin: 18px 20px 0 0; display: inline;} /* NAVIGATION MENU - TOP ////////////////////////////////////////////////////////////////////////////////////////////// #menu {width: 886px; margin: 0 0 0 7px; clear: both; float: left; background:white; display: inline;} #menu-left {background: url(../images/menu-left.gif) no-repeat; width: 3px; height: 41px; float: left;} #menu-right {background: url(../images/menu-right.gif) no-repeat; width: 3px; height: 41px; float: left;} #menu-middle {background: url(../images/menu-bg.gif) repeat-x; height: 41px; width: 880px; float: left;} #menu ul {margin: 3px 0 0 15px; text-align: center; background: url(../images/menu-pipe.gif) no-repeat left top;} #menu ul li {display: inline; float: left; background: url(../images/menu-pipe.gif) no-repeat right top;} #menu ul li a {display: block; height: 27px; float: left; padding: 8px 15px 0 15px; margin-right: 3px; display: inline; color: #7a010a; text-decoration: none; font-weight: bold; font-size: 10px;} #menu ul li.twoLines a {padding-top: 5px; line-height: 11px; height: 30px;} #menu ul li.first a {background: url(../images/menu-pipe.gif) no-repeat left top;} #menu ul li a:hover, #menu ul li.selected a {background-color: white;} #menu ul li.selected a {padding-bottom: 3px;}*/ /* NAVIGATION MENU - TOP //////////////////////////////////////////////////////////////////////////////////////////////*/ #menu {width: 886px; margin: 0 0 0 7px; clear: both; float: left; background:white; display: inline;} #menu-left {background: url(../images/menu-left.gif) no-repeat; width: 3px; height: 41px; float: left;} #menu-right {background: url(../images/menu-right.gif) no-repeat; width: 3px; height: 41px; float: left;} #menu-middle {background: url(../images/menu-bg.gif) repeat-x; height: 41px; width: 880px; float: left; position: relative; z-index:100;} #menu ul {margin: 3px 0 0 15px; text-align: center; background: url(../images/menu-pipe.gif) no-repeat left top;} #menu ul li {display: inline; float: left; background: url(../images/menu-pipe.gif) no-repeat right top; position: relative;} #menu ul li a {height: 27px; float: left; padding: 8px 15px 0 15px; margin-right: 3px; display: inline; color: #7a010a; text-decoration: none; font-weight: bold; font-size: 10px;} #menu ul li.twoLines a {padding-top: 5px; line-height: 11px; height: 30px;} #menu ul li.first a {background: url(../images/menu-pipe.gif) no-repeat left top;} #menu ul li a:hover, #menu ul li.selected a {background-color: white;} #menu ul li.selected a {padding-bottom: 3px;} /* DROP DOWN */ #menu ul li ul { position: absolute; left: -1px; top: 35px; display: none; width: 130px; text-align: left; line-height: 13px; margin: 0; padding:0;} #menu ul li ul li {background: none; margin: 0; padding: 0; border: 1px solid #d8d4bf; border-top: none; } #menu ul li ul li a, #menu ul li.twoLines ul li a {background: #fff; width: 140px; margin: 0px; padding: 7px 7px 6px; height: 15px; position: relative; z-index: 100;} #menu ul li ul li.twoLines a {height: 34px;} #menu ul li ul li a:hover, #menu ul li ul li.dd-selected div {background: #7a010a; color: white;} #menu ul li.selected ul li a {padding-bottom: 0;} .isSelected div {background: url(images2/btn-on.gif) no-repeat;} /* Holly Hack. IE Requirement for Drop down menu\*/ * html #menu ul li { float: left; height: 1%px; } * html #menu ul li a { height: 27px; margin-bottom: 0px; position: relative; z-index: 100;} * html .selected div { height: 27px; margin-bottom: 0px;} /* End */ #menu ul li:hover ul, #menu ul li.over ul {display: block;} /* The magic */ /* MAST HEAD ///////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Home */ #mast {width: 886px; height: 296px; float: left; clear: both; margin-bottom: 10px; overflow: hidden; } #mast-img {position: relative; z-index: 1;} #mast-text {position: relative; top: -185px; left: 503px; z-index: 2; width: 325px; color: black; font-size: 12px;} #mast-text-adj {position: relative; top: -230px; left: 503px; z-index: 2; width: 348px; color: black; font-size: 12px;} #mast-text b, #mast-text a {color: #7a010a;} #mast-text a:hover {color: #3366cc;} /* Inside */ #mast-inside {width: 818px; border: 5px solid #cc0000; padding: 2px; margin: 15px auto 30px; _margin: 30px auto; overflow: hidden;} #mast-inside-img {float: left; margin-right: 2px;} #mast-inside-text {background: url(../images/mast-inside-bg.jpg) no-repeat; width: 273px; height: 187px; float: left; padding: 20px;} #mast-inside-text h4 {font: 22px Arial, Helvetica, sans-serif; color: black; margin-bottom: 15px;} /* CONTENT ///////////////////////////////////////////////////////////////////////////////////////////////////*/ #print-btn, #print-btn-map {width: 100%; clear: both; float: left; height: 29px; margin-bottom: 15px;} #print-btn a, #print-btn-map a {background: url(../images/icon-print.gif) no-repeat; padding: 6px 0 0 37px; margin-left: 25px; display: block; height: 29px; width: 300px;} #print-btn-map a {display: inline; padding: 7px 0 10px 37px;} /* dev - used by intspec button on home*/ #intspec-btn {width: 100%; clear: both; float: left; height: 36px; margin-bottom: 5px;} #intspec-btn-left{background: url(../images/icon-print.gif) no-repeat; padding: 0px 0 0 37px; margin-left: 70px; display: block; height: 36px; width: 100px;} #intspec-btn-right {padding: 0px 0 0 0px; margin-right: 72px; display: block; height: 36px; width: 300px;} /* dev - right printer friendly button */ #printer-btn-right {background: url(../images/icon-print.gif) no-repeat; padding: 0px 0 0 37px; margin-left: 690px; display: block; height: 36px; width: 100px;} #content-home, #content {background: white; float: left; width: 886px; margin-left: 7px; display: inline; padding-top: 10px;} #content-home h1, #right-column h1, #content h1 {font-size: 14px; color: #7a010a; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif;} #content-home h1 span, #right-column h1 span {font-size: 17px;} #content-home h3, #content h3, .comm-features-wrap h4 {font-size: 13px; color: #7a010a;} #content h3 {font-family: Georgia, "Times New Roman", Times, serif;} #content-home h1, #content-home h3, #content-home p, #pod-intro, #right-column h1, #right-column p, #content h3 {margin-bottom: 15px;} /* INSIDE TEMPLATE ///////////////////////////////////////////////////////////////////////////////////////////////////*/ #content {display: inline;} #content-border {border: 3px solid #ffcc00; border-bottom-width: 40px; float: left; width: 850px; padding-bottom: 30px; margin: 4px 15px 16px; display: inline;} /* Left Column */ #left-column-home {width: 400px; float: left; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 15px 0 22px; display: inline;} #pod-intro, #home-contact {width: 370px;} #pod-intro .pod-1-content {padding: 30px; font-size: 12px;} #home-contact {margin-left: 37px;} .home-contact-1 { width: 180px; float: left; font-size: 10px; } .contact {font-size: 12px; width: 220px; } #left-column {width: 313px; float: left; padding: 50px 0 0 49px;} /* Page: Careers -------------------- */ /* Page: Newsletter -------------------- */ #career-available, #newsletter {border: 3px solid #E3E3E3; width: 255px; padding: 10px; margin-top: 15px;} #career-available form, #career-available p, #newsletter {margin-bottom: 10px; clear:both;} #career-available p {text-align: center; font-weight: bold;} .career-benefits, .career-positions {font-size: 11px; line-height: 15px; border-collapse:collapse; margin: 0 0 15px 1px;} .career-benefits tr, .career-positions tr {padding-bottom: 15px;} .career-benefits tr th,.career-positions tr th {padding-bottom: 15px;} .career-benefits tr td, .career-positions tr td {padding: 10px 5px; border: 1px solid #CCCCCC;} .career-benefits tr.color, .career-positions tr td.color {background: #E3E3E3;} .career-positions tr {border-bottom: 1px solid #CCCCCC;} .career-positions tr td {border: none; width: 25%;} .career-positions tr td.apply {text-align: right;} /*.career-positions tr td.apply a {display: block; padding: 2px; background: black;}*/ /* BAck Link, I used it in the Careers Benefits Page */ .back-btn, #print-btn-map {width: 100%; text-align: right;} .top, #print-btn-map {margin-top: -30px; margin-bottom: 30px;} #newsletter form {padding: 25px 30px 20px;} #newsletter form fieldset div {width: 40px; float: left;} #newsletter form fieldset input {width: 140px; margin-bottom: 10px;} #newsletter-input {margin-left: 40px;} /* Right Column */ #right-column-home {width: 400px; float: left; overflow: hidden;} .callouts {width: 189px; float: left; margin: 0 5px 5px 0; display: inline;} .callouts .pod-1-content {height: 390px; padding: 10px;} .callouts .pod-1-content img {margin-bottom: 10px;} #right-column {float: left; width: 450px; padding: 50px 30px 0 0; font-size: 12px; display: inline; overflow: hidden;} #right-column h1 {font-size: 17px;} #right-column h1 span {font-size: 20px;} #right-column form {margin-bottom: 20px;} #right-column ul {list-style: disc; margin: 0 0 15px 50px;} #right-column ul li {} /* One Column */ #one-column {padding: 30px;} #one-column form {margin: 0 auto; width: 700px;} .form-customer {} /* Home: Callouts*/ #home-callouts { text-align: center; clear: both; margin: 0 0 40px 70px;} #home-callouts .callout-1 {float: left;} .callout-1 {width: 176px; height: 425px; border: 1px solid black; text-align: center; font: 12px Georgia, "Times New Roman", Times, serif; margin: 0 10px 10px 0;} .callout-1-header { height: 2px; margin: 2px 2px 2px; color: #7a010a; font:bold 13px Arial, Helvetica, sans-serif;} /*.callout-1-header { background: url(../images/callout-1-bg.gif) repeat-x; height: 56px; margin: 2px 2px 15px; color: #7a010a; font:bold 13px Arial, Helvetica, sans-serif;} */ .callout-1-header table {height: 56px;} .callout-1 ul {text-align: left; margin-bottom: 15px;} .callout-1 ul li {list-style: disc; margin-left: 25px;} #trails {margin-left: -70px;} /* OUR COMMUNITIES */ #content-sections {margin: 0 auto; width: 828px; padding-bottom: 50px;} #sec-ourCommunities, #sec-ourCommunitiesSearch {width: 203px; float: left; margin-left: 10px; display: inline;} #sec-ourCommunitiesList {width: 583px; float: left; border-left: 2px solid #d8d4bf; padding-left: 30px;} #sec-ocl-wrap {width: 100%;} .sec-ocl-block {margin-bottom: 15px; border-bottom: 1px solid #d8d4bf; float: left; width: 100%;} .sec-ocl-list {width: 285px; float: left; margin-bottom: 20px; display: inline;} .sec-ocl-list-img {float: left; margin: 0 10px 0 10px; display: inline;} .sec-ocl-list-img-tall {float: left; margin: 0 0px 0 0px; display: inline;} /*.sec-ocl-list-txt {float: left; margin-top: 0px; width: 135px; display: inline;}*/ .sec-ocl-list-txt {float: left; margin-top: 0px; width: 200px; height: 150px; display: inline; text-align: center; position:relative; top: -10px; z-index:100;} .sec-ocl-list .short {height: 60px;} .sec-ocl-list-num {background: #e3e0d2; width: 50px; padding: 4px; font-size: 18px; color: #7a010a; float: left; font-weight: bold;} .small {font-size: 13px;} .sec-ocl-list-links {float: right;} .sec-ocl-list-month {font-size: 11px; color: #7a010a; font-weight: bold;} .sec-ocl-list-special {float: left; margin-top: 0px; width: 200px; height: 65px; display: inline; text-align: center; position:relative; top: -10px; z-index:100;} .sec-ocl-list-special-tall {float: left; margin-top: 0px; margin-left: 10px; width: 250px; height: 225px; display: inline; text-align: left; position:relative; top: -10px; z-index:100;} .li-bullet {list-style: inside; list-style-type: disc;} #sec-ourCommunitiesList h2 {margin-bottom: 25px; font-size: 14px; font-weight: normal;} #sec-ourCommunitiesList h3 {clear: both;} #sec-ourCommunitiesList p {margin-bottom: 15px;} #sec-ourCommunitiesSearch form select {margin-bottom: 15px;} /* Our Communities: Specific Community */ body#comm #content {padding-top: 30px;} .comm .sec-ocl-list {width: 583px; margin-bottom: 40px;} .comm .sec-ocl-list-txt {width: 215px; margin-left: 5px;} .comm .sec-ocl-list-img {width: 130px;} #sec-ourCommunitiesList .comm h3 {margin-bottom: 30px;} /* Our Communities: INSIDE NAV */ ul#comm-nav {width: 580px; border: 1px solid #d8d4bf; float: left; margin-bottom: 20px; clear: both;} #comm-nav li {display: inline; float: left; border-right: 1px solid #d8d4bf; } #comm-nav li a {padding: 5px 10px; display: block; color: #7a010a;} #comm-nav li a:hover, #comm-nav li.selected a #comm-nav li.print a {background: #7a010a; color: white; text-decoration:none;} #comm-nav li.print { float:right;} /* COMMUNITY FEATURES */ .comm-features-wrap {width: 580px; margin-bottom: 20px;} .comm-features-left, .comm-features-right, .comm-features-center-left, .comm-features-center-right {width: 270px; float: left; margin-right: 40px; display: inline;} .comm-features-right, .comm-features-center-right {margin-right: 0px;} .comm-features-wrap h4 {font-size: 12px; border-bottom: 1px solid #d8d4bf; margin-bottom: 10px;} .comm-features-wrap ul {margin-bottom: 20px;} .comm-features-wrap ul li {list-style: disc; margin-left: 15px;} /* FINANCING ///////////////////////*/ #nav-financing ul {margin-bottom: 20px;} #nav-financing ul li {list-style: disc; margin-left: 18px;} #nav-financing p a img {margin: 0 0 15px 30px;;} /* Footer */ #footer {clear: both;text-align: center; padding-bottom: 50px; padding-top: 15px;} #footer ul { margin: 0 0 7px;} #footer ul li {display: inline;} #footer ul li a {color: #ffcc00; padding: 10px;} #footer ul li a:hover {color: white;} #footer cite {color: white;} /* CLASSES ///////////////////////////////////////////////////////////////////////////////////////////////////*/ .clear {clear: both; line-height:0;} .quotes {font-size: 17px; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; line-height: 22px;} .smallcaps {font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif;} .headline-1 {border-top: 1px solid #ffcc00; border-bottom: 1px solid #ffcc00; padding: 5px 0; font-size: 15px;} .noCursor a { cursor:default;} .noCursor ul li a {cursor: pointer;} .table { width:100%; margin-bottom: 15px; float: left;} .table .tr {float:left; width:100%; color:#000;} .table .tr .td { float:left; width:65%; display:inline; font-size: 9px;} .table .tr .short {width: 29%;} .btn-adobe {padding-top: 25px;} .btn-adobe-two {padding-bottom: 25px;} .btn-adobe img, .btn-adobe-two img {margin-top: 4px; margin-right: 10px;} #header-logo h1 a span, hr, #flash {display: none;} #menu-left, #menu-right, .clear {font-size:1px; line-height:0;} /* FORMS: Contact /////////////////////////////////////////////////////////////////////*/ table.form-contact {font-size: 11px; line-height: 18px;} table.form-contact tr td div {margin-right: 5px;} table.form-contact tr td input, table.form-contact tr td select, table.form-contact tr td textarea {margin-bottom: 5px;} .survey {margin-left: 5%;}