/*UNIVERSAL STYLES*/ body {background-color:#e4d17a; padding:0px; margin:0px;} .bg-left {background-image:url(../images/bg_left.gif); width:17px; background-repeat: repeat-y; background-position: right top; height:100% } .bg-right {background-image:url(../images/bg_right.gif); width:17px; background-repeat: repeat-y; background-position: left top; height:100%} /* H3 tag defined here */ /* Logo properties here */ /** #logo {padding-top:0px; padding-right:70px; padding-bottom:25px; top:2px; display:block;} **/ #logo {padding-top: 0px; padding-right: 0px; padding-bottom:5px; top:0px; display:block;} #logo2 {padding-top: 0px; padding-right: 0px; padding-bottom:5px; top:0px; display:block;} /*NEW TOP NAVIGATION STYLES*/ #topnav2-bg {height:32px; padding-left:66px; display:block; background-color:#FFFFFF; margin-top:7px; padding-bottom:7px;} /*#topnav2-bg2 {height:43px; background-image:url(../images/nav_bg.gif); width:600px; display:block; float:left}*/ #topnav2 {background-color:#FFFFFF; height:17px; float:left;} #topnav2 a {padding-left:16px; padding-right:16px; padding-top:6px; padding-bottom:9px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#968345; text-decoration:none; vertical-align:middle; background-color:#ffffff; font-weight:normal; display:block; float:left; height:17px; border-right:7px solid #ffffff;} #topnav2 a:hover {background-color:#f6f2df; height:17px; float:left; color:#2b5f5b;} #topnav2-on {background-color:#ffffff; float:left; height:17px;} #topnav2-on a {padding-left:16px; padding-right:16px; padding-top:6px; padding-bottom:9px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#2b5f5b; text-decoration:none; vertical-align:middle; background-color:#ffffff; font-weight:normal display:block; float:left; height:17px; border-right:7px solid #ffffff;} #topnav2-on a:hover {background-color:#f6f2df; float:left; height:17px;} /*TOP NAVIGATION STYLES*/ #topnav-bg {height:43px; background-image:url(../images/nav_bg.gif); width:900px; display:block; border-bottom:3px solid #224c49} #topnav-bg2 {height:43px; background-image:url(../images/nav_bg.gif); width:600px; display:block; float:left} #topnav {height:43px; background-image:url(../images/nav_bg.gif); float:left; display:block} #topnav a {padding-left:23px; padding-right:23px; padding-top:10px; padding-bottom:11px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-decoration:none; vertical-align:middle; background-image:url(../images/nav_bg.gif); font-weight:normal; display:block; float:left; border-right:1px solid #4e716f; } #topnav a:hover {background-image:url(../images/nav_bg_on.gif)} #topnav-on {height:43px; background-image:url(../images/nav_bg.gif); float:left} #topnav-on a {padding-left:23px; padding-right:23px; padding-top:10px; padding-bottom:11px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; text-decoration:none; vertical-align:middle; background-image:url(../images/nav_bg_on.gif); font-weight:normal display:block; float:left; border-right:1px solid #4e716f;} #topnav-on a:hover {background-image:url(../images/nav_bg_on.gif)} /* HOMEPAGE STYLES*/ .home-body {margin-left:73px; padding-bottom:20px; font-size:13px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:225%; text-align:left; width:750px; display:block; } .home-body a {color:#0b6b5f; text-decoration:none; font-weight:bold;} .home-body a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .home-body2 {padding-bottom:20px; font-size:13px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:225%; text-align:left; display:block; float:left; z-index:1; top:428px; left:177px; width:560px; position:absolute; left: 50%; margin-left:-382px;} html>body .home-body2 { top:390px;} .home-body2 a {color:#0b6b5f; text-decoration:none; font-weight:bold;} .home-body2 a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} /* CHILDPAGE STYLES*/ .main {font-size:14px; line-height:150%; color:#5e5a4c; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; } .main a {color:#0b6b5f; text-decoration:none; font-weight:bold; } .main a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .selector {float:left; font-size:11px; position:relative; color:#5e5a4c;margin-top:30px; font-family:Verdana, Arial, Helvetica, sans-serif; } /* Banner or flash will go here */ #flash-child {width:900px; height:260px; background-image:url(../images/dreamstime7.jpg); } #flash-child2 {width:900px; height:260px; background-image:url(../images/dreamstime9.jpg); } .body-box {background-color:#e8e4d9; border:1px solid #dbd6c8} .box-top {background-image:url(../images/box-top.gif); height:19px; font-size:12px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#9e9e9e; margin-bottom:-6px; } html>body .box-top { margin-bottom:0px;} .img-border {border:5px solid #cac4b3; margin-left:2px} /* Here is where you can center the image on the tabs area */ .img2-border {border:5px solid #cac4b3; margin-left:-6px; background-image:none;} /* .image-left {margin-right:17px; border:5px solid #cac4b3} .image-left-body {margin-right:17px; margin-top:10px; margin-bottom:10px; border:5px solid #cac4b3} .image-left-body-top {margin-right:17px; margin-top:8px; margin-bottom:10px; border:5px solid #cac4b3} .image-right-body {margin-left:17px; margin-top:10px; margin-bottom:10px; border:5px solid #cac4b3} .image-right-body-top {margin-left:17px; margin-top:8px; margin-bottom:10px; border:5px solid #cac4b3} .image-right-body-bot {margin-left:17px; border:5px solid #cac4b3} .image-left-body-bot {margin-right:17px; border:5px solid #cac4b3} */ .child-body {padding-left:73px; padding-bottom:0px; font-size:13px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:200%; text-align:left; width:530px; display:block; float:left;} .child-body a {color:#0b6b5f; text-decoration:none; font-weight:bold;} .child-body a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .child-body ul {margin-left:15px;} .child-body li {margin-left:30px; list-style-type:square;} .feedback {padding-left:73px; padding-bottom:0px; font-size:13px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:200%; text-align:left; width:530px; display:block; float:left;} .feedback a {color:#0b6b5f; text-decoration:none; font-weight:bold;} .feedback a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .feedback ul {margin-left:15px;} .feedback li {margin-left:30px; list-style-type:square;} .child-body2 {padding-left:73px; padding-bottom:0px; font-size:12px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:200%; text-align:left; width:750px; display:block; float:left;} .child-body2 a {color:#0b6b5f; text-decoration:none; font-weight:bold;} .child-body2 a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .child-body2 ul {margin-left:15px;} .child-body2 li {margin-left:30px; list-style-type:square;} .sitemap {padding-left:73px; padding-bottom:0px; font-size:12px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:200%; text-align:left; width:750px; display:block; float:left;} .sitemap a {color:#5e5a4c;} .sitemap ul {margin-left:15px;} .sitemap li {margin-left:30px; list-style-type:square;} .small {font-size:10px;} .child-body-news {padding-left:35px; padding-bottom:20px; text-align:left; width:589px; display:block; float:left; padding-top:24px;} .child-body-tight {font-size:13px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#5e5a4c; line-height:150%; text-align:left; width:500px; display:block; float:left;} .child-body-tight a {color:#0b6b5f; text-decoration:none; font-weight:bold;} .child-body-tight a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .child-body-tight li {list-style-type:square; margin-left:30px;} html>body .child-body-tight li {margin-left:0px;} .big {font-size:14px;} #quicklinks {font-size:11px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #cfb565;} h2 {color:#FFFFFF; font-size:12px; margin-bottom:8px; margin-top:4px; line-height:125%; font-family:Verdana, Arial, Sans-serif} h3 {color:#cfb565; font-size:17px; font-weight:normal; margin-bottom:7px; margin-top:0px; margin-bottom:0px;} h5 {font-size:17px; font-weight:normal; margin-bottom:7px; margin-top:0px; margin-bottom:0px; line-height:150%} .subtitle {color:#895421; font-size:16px; margin-bottom:0px; margin-top:4px; line-height:125%; font-family:Verdana, Arial, Sans-serif; font-weight:bold;} html>body .bg-firefox {background-color:#7f4a17;} #buckets-team {width:260px; float:left; display:block; margin-top:20px; color:#5e5a4c; font-size: 12px; line-height:150%; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;} #buckets-team a {color:#0b6b5f; text-decoration:none; font-weight:bold;} #buckets-team a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .bucket-links {margin-top:5px;} .quick-right {width:200px; padding-left:20px; padding-top:20px; padding-bottom:20px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#948d7b; background-color:#FFFFFF; width:200px;} #buckets-team2 {width:500px; float:left; display:block; margin-top:20px; color:#5e5a4c; font-size: 12px; line-height:150%; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;} #buckets-team2 a {color:#0b6b5f; text-decoration:none; font-weight:bold;} #buckets-team2 a:hover {color:#0b6b5f; text-decoration:underline; font-weight:bold;} .bucket-links2 {margin-top:5px;} .quick-right2 {width:200px; padding-left:20px; padding-top:20px; padding-bottom:20px; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#948d7b; background-color:#FFFFFF; width:200px;} /* FOOTER STYLES*/ #bottom4 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; height:28px; width:900px; background-image:url(images/footerbg.jpg);} #bottom4-padding {padding-bottom:15px;} #footer4 {font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:12px; color:#FFFFFF; font-size:10px; display:block; padding-right:25px; } #footer4 a {color:#FFFFFF; text-decoration:none;} #footer4 a:hover {color:#333333; text-decoration:none;text-decoration:underline;} #footer5 {padding-right:50px; font-family:Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px;} html>body #footer5 {margin-top:-28px;} #copyright4 {color:#d4cbc2; font-size:10px; margin-left:74px; margin-top:25px; margin-bottom:15px; display:block; font-family: Trebuchet, 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; background-color:#ffffff;} #copyright4 a {text-decoration:none; color:#d4cbc2; } #copywright4 a:hover {text-decoration:underline;} #m1{width:900px; margin:0 auto; height:31px; padding-top:10px; position:relative;} #m1 a{display:block; float:left; height:31px; font-size:14px; color:#fff; text-align:center; text-decoration:none;} #m1 a span{display:block; height:31px; float:left;} #m1 a span em{display:block; line-height:31px; float:left; font-style:normal; height:31px;} * html #m1 a span em{line-height:31px;} /* this is the width of the tabs here: */ #m1 a span em{padding:0 23px 0 20px;} /* Change the padding on the left and right to make them wider, don't forget to add an extra 3px to the right to keep text centred */ /* style="background:url('images/black-bg.jpg'); */ #m1 a.m1on{background-image:url('../images/greenbg1.png');} /* #m1 a.m1on{background:#799320;} */ #m1 a.m1on span{background:url(../images/m1-left.jpg) no-repeat left;} #m1 a.m1on span em{background:url(../images/m1-right.jpg) no-repeat right;} #m1 a:hover{color:#e6ff92; background:#63781b; cursor:pointer;} #m1 a.m1on:hover{color:#FFFFFF;background:url(../images/m1-rep.jpg) repeat-x;} #m1 a span em, #m1 a:hover span em, #m1 a span, #m1 a:hover span{cursor:pointer;} #content-main {width:900px; float:left; margin: 10px 10px 0 5px;} #black {width: 900px;height: 10px;margin: 0px;padding: 0px 0px 0px 20px;border: none;background: #000000 ;} #content-header {width: 900px; height: 130px; background: url('images/header-main.jpg') top left no-repeat;} #content-header img {margin: 55px 0 0 25px; } #home-col1 { width: 180px; float: left; margin: 20px 10px 0 10px; border:none; } #frontpage-col1 {float: left;width: 180px;margin: 0px 20px 0 0;padding: 0px;border: none;background-color: #FFFFF;} #frontpage-col2 {float: left;width: 180px;margin: 0px 20px;padding: 0px;border: none;background-color: #FFFFF;} #services-websitedesign {float: left;width: 180px;height: 160px; margin: 0 0 35px 0; padding: 0 0 15px 0px;border: 0.35em solid #dbeaf6;} .services_blurb {color:#FFFFFF; padding-left:5px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px;} /* background of text area to the right of the page */ .blurb_right {background-color:#DBEAF6; color:#000000; padding-left:5px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; width:180px;} .blurb_left {background-color:#DBEAF6; color:#000000; padding-left:5px; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; width:210px;} #read_more_right {float: left; color:#663366; font-size:85%; text-align:left; background:url('images/readmore.jpg');} /* #m1 a{display:block; float:left; height:32px; font-size:14px; color:#fff; text-alig;n:center; text-decoration:none;} */ /* this is where the tab area can be changed */ #services-right {background-color:#DBEAF6; float: center; width:200px; height:334px; margin: 0 0 35px 0; padding: 0 0 36px 12px; border: 0.1em solid #DBEAF6;} /* a:link {color: #FFFFFF; text-decoration: none;} */ /* hover over and the color will change #services-right :hover {background-color:#DBEAF6;} */ a:link {color:#FFFFFF; font-size:15px; font-face:verdana, arial, helvetica, sans-serif; font-weight:normal; margin-bottom:7px; margin-top:0px; margin-bottom:0px; text-decoration: none;} a:visited {color: #FFFFFF; font-size:10; text-decoration: none;} a:hover {color: #333333;text-decoration: none;} a:active {color: #666666;text-decoration: none;} a.box_title { color:#FFFFFF; padding: 5px; text-decoration: none; } a.read_more { font-weight: bold; font-size:10px; color:#FFFFFF; text-decoration: underline;} a.bold_link {font-weight: bold;color: #E31E26;text-decoration: none;} a.bold_link:hover {font-weight: bold;color: #999;text-decoration: underline;} ul#nav{list-style-type: none;height: 30px;margin: 0;background:url('images/navbg.jpg') repeat-x;padding-left: 20px;} ul#nav li{display: block;float: left;line-height: 30px;margin: 0; padding: 0;} ul#nav a, ul#nav a:link, ul#nav a:visited{display: block;text-decoration: none;color: white;font-size: 12px;font-weight:bold;padding: 0 15px;font:Geneva, Arial, Helvetica, sans-serif;text-transform:none;} ul#nav li a:hover, ul#nav li a:active{ text-decoration: underline;} /* services list */ /* services list */ ol.cities { margin: 1em 20 2em 0; } ol.cities li { width: 11em; float: left; padding: 0; margin: 0 2em 1em 0; } ol.cities li.third { margin-right: 0; } ol.cities li h3 { float: left; margin: 0 0 3px 0; padding: 0; font-size: 1em; font-weight: bold; line-height: 2.0em; color: #999; margin: -1em 0 0 0; padding: 1em; vertical-align: middle; background: #799320; width:9em; height:1em; } ol.cities li h3 a { font-weight: bold; margin-right: 5px; } ol.cities li div.city { position: relative; clear: left; height: 5.6em; padding: 0.7em; background: #ffffff; overflow: hidden; } ol.cities li div.city2 { position: relative; clear: left; height: 5.6em; padding: 0.7em; background: #ffffff; overflow: hidden; left: 4.1em; top: -1em; } ol.cities li div.city a.city-over { display: block; text-indent: -9999px; } ol.cities li div.city:hover a.city-over { text-indent: 0; position: absolute; top: 1.0em; left: 1.0em; width: 7.7em; height: 3.4em; margin: 0; padding: 1em; /* underlines the hover over text inside the box */ text-decoration: underline; color: #cccccc; background-color: #333333; } ol.cities li div.city:hover a.city-over strong { display: block; font-size: 2.5em; font-family: "Gill Sans"; font-weight: normal; line-height: 1em; color: #ffffff; } ol.cities li div.city-img { height: 5em; width: 9em; overflow: hidden; border:5px solid #cac4b3; } ol.cities li div.city-img img { width: 10em; border:none; } ol.cities li div.city-over { width: 10em; border:10px; } ol.cities li ul.tools { margin: 0 10px 5px 10px; text-align: left; } h3 { margin: 0 0 0 0; padding: 0 0 0px 0; font-family: verdana arial helvetica; font-size: 1em; color: #000000; } #homeFlash { float: left; height:282px; background-color:#FFFFFF; padding-left: 0px; text-align:center; padding-top: 0px; margin-top: 0px; margin-bottom: 0px; margin-left:0px; width: 700px; border:0px; } #homeFlash2 { height:282px; background-color:#FFFFFF; width: 198px; text-align:left; padding-left: 0px; padding-top: 0px; margin-top: 0px; float: right; border:0px; } #leftText { height:282px; background-color:#FFFFFF; width: 190px; text-align:left; padding-left: 3px; padding-right: 3px; padding-top: 3px; margin-top: 3px; float: left; } #mainText { height:382px; width: 378px; text-align:left; padding-left: 3px; padding-right: 3px; padding-top: 3px; margin-top: 3px; float: left; } * =Nav ----------------------------------------------- */ #container-nav { padding: 0; margin: 11px 0 0 0; font: bold 1.75em Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #FFFFFF; } /* box model hack for IE 5.x */ #container-nav { width:200px; } html>body #container-nav { width:185px; } /* end box model hack */ #container-nav ul { list-style: none; border: none; } #container-nav li { border-bottom: 1px solid #fff; margin: 0; } #container-nav li a, #container-nav li#active span { display: block; padding: 5px 0 5px 5px; border-left: 10px solid #8ba38b; background-color: #598059; color: #fff; text-decoration: none; width: 100%; } #container-nav li#active span { background-color: #d5e5d5; color: #0f400f; } html>body #container-nav li a { width: 185px; } #container-nav li a:hover { border-left: 10px solid #0c330c; background-color: #0f400f; } .contents-section{ width:296px; height:200px; float:left; padding-left:10px; padding-right:10px; background-position:top; background-repeat:no-repeat; } .content-box{ width:340px; height:200px; float:left; background-position:top; background-repeat:no-repeat; padding-top:0px; padding-left:0px; padding-right:0px; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer .credits { float: left; padding: 1em 0; height: auto !important; height: 100px; min-height: 76px; width: 216px; } #footer .credits h1 { text-indent: -999em; width: 167px; font-size: 1em; line-height: 1em; margin: 0 0 0.5em; } #footer .credits a { text-decoration: none; display: block; background-image:url(../images/moro4.png); height: 100px; width: 160px; } #footer dl { float: left; border-left: 1px solid #333333; padding: 1em 1.5em; height: auto !important; height: 46px; min-height: 46px; width: 173px; margin-top: 0.2em; } #footer dt { color: #FFFFFF; text-decoration: underline; font-size: 1.0em; font-weight: normal; padding: 0 0 0.5em; line-height: 1em; /** background-image:url(../images/roundcorner.png); **/ } #footer dt img { vertical-align: -20%; margin-right: 0.25em; background-images:url(../images/design.png); } #footer dd { /** background:#999999 no-repeat left 0.5em; **/ /** background-image:url(../images/roundcorner.png); **/ display: block; padding-left: 2.0em; margin-left: 0.03em; }