/* ------------------------ */ /* Soft Blue 1.0 */ /* 14 January 2009 */ /* Ripe Template */ /* CSS Document */ /* By Steven Parish */ /* steve@freshervisions.com */ /* ------------------------ */ /* GLOBAL PROPERTIES ----------------------------------------------------------- */ BODY {font-family: Trebuchet MS; font-size: 10pt; color: rgb(26,26,26); background-color: rgb(80,80,80); background-image: url(images/bg2.gif); line-height: 145%; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px;} a {text-decoration: none; color: rgb(206,0,12);} a:hover {color: rgb(0,0,0);} h1 {color: rgb(40,40,40); font-family: Trebuchet MS; font-weight: normal; margin-bottom: 10px; margin-top: 0px; font-size: 21px; display: block; border-bottom: 0px solid rgb(205,0,0); } h2 {color: rgb(206,0,12); font-family: Trebuchet MS; margin-bottom: 10px; font-size: 18px; font-weight: normal;} h3 {color: rgb(40,40,40); font-family: Trebuchet MS; margin-bottom: 10px; font-size: 16px; font-weight: normal; display: block; border-bottom: 0px solid rgb(205,0,0);} h4 {color: rgb(206,0,12); font-family: Trebuchet MS; margin-bottom: 10px; font-size: 14px; font-weight: normal;} img {border: none;} .clear { clear: both; } .input_hp {display: none;} /* hide honey pot inputs */ /* ripe notices such as 'thank you for form submition' */ .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} table, th, tr, td {margin: 0; padding: 0;} /* ----------------------------------------------------------------------------- */ /* LAYOUT BOXES ------------------------------------------------------------------ */ #header {height: 100px; padding-top: 25px; background: url(images/green.gif) repeat-x; border-top;} #menubar {height: 40px; z-index:500; background: url(images/nav-bg.gif) repeat-x; border-top: 1px rgb(206,0,12) solid;} #toolbar {height: 30px; padding: 5px; background-color: rgb(40,40,40); margin-bottom: 4px; font-weight: bold;} #content-box {} #footer {background-color: rgb(40,40,40); color: rgb(93,93,93); padding-bottom: 20px; padding-top: 5px; margin-top: 5px;} #footerBox {padding: 20px; height: 90px;} #page_content {background: white; margin-bottom: 20px; border: 1px rgb(215,213,214) solid; padding: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #leftside {float: left; width: 590px; margin-right: 0px;} #rightside {float: right; width: 302px;} .block {background: rgb(245,245,245); border: 1px rgb(215,213,214) solid; padding: 20px; margin-bottom: 14px; padding-bottom: 5px; padding-top: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .container1 {width:957px; margin-left: auto; margin-right: auto; } .container2 {width:937px; padding: 10px; margin-left: auto; margin-right: auto; background: white; border: 1px rgb(75,75,75) solid;} .container3 {width:937px; padding: 10px; margin-left: auto; margin-right: auto; background: rgb(50,50,50);} #logo1 {width: 238px; height: 84px;} #logo2 {float: right; height: 85px;} #slogan {height: 20px; text-align: left; color:rgb(129,139,146); margin-top:5px;} #service_nos {} #imgwindow {height: 280px; margin-top: 15px; background-color: rgb(238,238,237); background-image: url(images/mortgage-house.gif); background-repeat: no-repeat;} #windowtext {float:right; width: 520px; padding: 30px; padding-top: 70px; font-size: 17px; color: rgb(73,73,73); line-height: 140%;} #joinNewletter {height: 75px; margin-bottom: 14px; position: relative; overflow: hidden;} #joinNewletter a:hover img {position: relative; top: -75px; overflow: hidden;} #findRoute {height: 75px; margin-bottom: 14px; position: relative; overflow: hidden;} #findRoute a:hover img {position: relative; top: -75px; overflow: hidden;} #plannerbox {height: 140px; text-align: right; margin-bottom: 14px; color: white; background: url(images/jpbg.gif) no-repeat; border: 0px;} #proudly {height: 183px; margin-bottom: 14px; position: relative; overflow: hidden;} #plannerbox h3 {margin: 8px; font-size: 22px; color: white; font-weight: bold;} #plannerbox p {float: left; } #smallButs {margin-bottom: 14px;} #footer a {color: white;} /* ----------------------------------------------------------------------------- */ /* MENU ------------------------------------------------------------------------ */ .navlist {list-style: none; height: 40px; margin:0; padding: 0; z-index:500;} .navlist li {list-style: none; padding: 0px; margin:0px; float: left;} .navlist a {display: block; height: 30px; font-size: 11pt; padding: 5px; margin-right: 15px; line-height: 30px; color: rgb(40,40,40);} .navlist a:hover {color: rgb(140,16,28); text-decoration: underline;} .subnavlist {position:absolute; z-index:500; display: block; padding: 0px; margin:0px; color: rgb(53,53,53); background-color: white; border: none; } .subnavlist li {display: none; float: none; padding: none; margin: none; width: 130px; border-left: 4px solid rgb(206,0,12); } .subnavlist a {margin: 0px; line-height: normal;} #menubar .navlist .subnavlist a span {display: block; padding: 2px; padding-left: 5px; padding-right: 5px; margin: 0px; } #menubar .navlist .subnavlist a {float: none; border: none; display: block; height: auto; margin: 0px; font-size: 11px; background-image: none; border-bottom: 1px solid rgb(200,200,200); border-right:1px solid rgb(100,100,100); } #menubar .navlist .nav_on .subnavlist a, #menubar .navlist .subnavlist a:hover {background-image: none;} .subnavlist a:hover {background-color: rgb(240,240,240);} .navlist li:hover .subnavlist li {display: block;} /* ie6 menu */ #ie6menu {background-color: rgb(40,40,40);} #menubar #ie6menu .navlist li {} #menubar #ie6menu .navlist a {background-image: none; color: rgb(228,228,228); padding: 4px; margin-right: 5px;} #menubar #ie6menu .navlist a span {display: block;} #menubar #ie6menu .navlist a:hover {color: white;} /* ----------------------------------------------------------------------------- */ /* ARTICLES -------------------------------------------------------------------- */ .art, .art_feat {background: white; border: 1px rgb(215,213,214) solid; padding: 15px; height: 180px; overflow: hidden; width: 151px; margin-right: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .art_title {} .dateline {font-family: Arial; color: rgb(100,100,100); font-size: 11px; } .art_feat h1, .art h1 {font-size: 15px;} .comment01 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment02 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment01:hover, .comment02:hover {background-color: white; border: 1px solid rgb(112,0,14); border-left: none; border-right: none;} .com_author {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;} .com_subject {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; } .com_date {color: rgb(128,128,128); font-size: 10px; text-align: right;} .com_rate {float: right; font-size: 18px;} .com_hide {color: rgb(187,187,187);} .com_post_table {text-align: left; } #pagnation {background: white url(images/cbg.gif) repeat-x; border: 1px rgb(215,213,214) solid; padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #com_post_box {text-align: left; display:none;} #commentPostZone .ripeFormBox {background: white url(images/cbg.gif) repeat-x; border: 1px rgb(215,213,214) solid; padding: 20px; margin-bottom: 20px; padding-top: 0px; } /* ----------------------------------------------------------------------------- */ /* forms -------------------------------------------------------------------- */ .ripeFormBox {width:99%;} .ripeFormBox table {width:99%;} .ripeFormBox .formLabels {width:120px;} .ripeFormBox .textbox, .ripeFormBox .emailbox {width:99%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .textarea {width:99%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} #searchBox {float: right; padding-top: 3px;} #ripe_search #search_term {width: 157px; height: 18px; background-image: url(images/srch_box.gif); border: 0px solid #8d8d8d; padding: 4px; padding-top: 7px; padding-left: 8px;} #ripe_search #top-submit {width: 40px; height: 29px; background-image: url(images/srch-b.gif); } /* ----------------------------------------------------------------------------- */