/* CSS Document for Ridgeview Valley Website */ body,div,p,a,ul,ol,li,dl,dt,dd,img,table,td,form,fieldset { margin: 0px; padding: 0px; border: 0px; list-style: none; font-size: 10px; text-decoration: none; color: #792720 } /*body { font-family: verdana,"arial narrow", sans-serif; text-align: center; line-height: 1.75em; background-color: #792720; }*/ body { font-family: verdana,"arial narrow", sans-serif; text-align: center; line-height: 1.75em; background-color: #8E9A68; } .nowrap { white-space: nowrap; } .req { color: #f00; } /* >>>links - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a:link { text-decoration: none; color: #792720; font-weight: bold; } a:visited { text-decoration: none; color: #666; font-weight: bold; } a:hover { text-decoration: underline; color: #300; font-weight: bold; } a:active { text-decoration: none; color: #792720; font-weight: bold; } div#mainnav a:link { text-decoration: none; color: #792720; } div#mainnav a:visited { text-decoration: none; color: #666; } div#mainnav a:hover { text-decoration: underline; color: #300; } div#mainnav a:active { text-decoration: none; color: #792720; } div#sidenav a { font-weight: normal; } div#sidenav a:link { text-decoration: none; color: #792720; } div#sidenav a:visited { text-decoration: none; color: #666; } div#sidenav a:hover { text-decoration: underline; color: #300; } div#sidenav a:active { text-decoration: none; color: #792720; } div#sidenav li a { font-weight: bold; font-size: 10px!important; letter-spacing: -1px; } div#sidenav li li a { font-weight: normal; font-size: 9px!important; letter-spacing: -1px; } /* >>>headers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ h1 { font-weight: bold; font-size: 20px; margin: 7px 0; line-height: 1.35em; } h2 { font-weight: bold; font-size: 13px; margin: 7px 0; } h3 { font-weight: bold; font-size: 11px; margin: 7px 0; }/* color: #000;*/ /* >>>top container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#contain { margin: 50px auto; text-align: left; width: 830px; background: #E9E4CA; } div#top { width: 100%; height: 113px; background: #792720; float: left; } div#logo { padding: 15px 0 0 15px; float: left; width: 269px; text-align: left; } div#rtnav { padding: 65px 15px 0 0; float: right; width: 50%; } ul#tprtnav { } ul#tprtnav li { display: inline; float: right; background: url(images/white.gif) no-repeat left center; text-transform: uppercase; } ul#tprtnav li a { display: block; color: #fff; font-family: Times, serif; font-weight: bold; font-size: 12px; line-height: 1.5em; padding: 0 8px; } ul#tprtnav li a:link { color: #fff; } ul#tprtnav li a:visited { color: #fff; } ul#tprtnav li a:hover { color: #E9E4CA; } ul#tprtnav li#hm { background: none; } div#topstick { clear: both; height: 23px; background: url(images/top_stick_08.gif) no-repeat left top; }/* position: relative; top: 85px; width: 100%; */ /* >>>main nav container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#middle { float: left; width: 100%; background: #ddd0b8 url(images/lft_top_bckgr.gif) repeat-x left top; } /* middle container to hold entire width of main nav items */ div#midstick { float: right; width: 666px; height: 38px; background: url(images/mid_stick.gif) no-repeat left top; } /* container to hold width of left, float right, and align mid stick part below nub in alignment */ div#mainnav { float: right; width: 644px; height: 38px; text-align: left; position: relative; } /* container inside stick-bg container to hold width of nav ul */ ul#topnav { float: right; width: 644px; height: 38px; background: #e9e4ca url(images/rt_top_bckgr.gif) repeat-x right top; } /* nav ul */ ul#topnav li { position: relative; float: left; display: inline; font-family: Times, serif; text-transform: uppercase; } ul#topnav li a { text-align: center; font-size: 12px; font-weight: bold; white-space: nowrap; line-height: 16px; display: block; padding: 0 13px 2px 14px; border-left: 1px solid #ddd0b8; } /* height: 18px; ::: achieved via line-height=16 + padding-bot=2 */ ul#topnav li a:link { color: #792720; float: none; } ul#topnav li a:visited { color: #792720; } ul#topnav li a:hover { color: #300; text-decoration: none; } ul#topnav li:hover a { background: url(images/top_li_bg.gif) repeat-x top center; border-left: 1px solid #D1BEA8; } ul#topnav li.over a { background: url(images/top_li_bg.gif) repeat-x top center; border-left: 1px solid #D1BEA8; } ul#topnav li#pho:hover a { background: url(images/top_li_bg_dk.gif) repeat-x top center; } ul#topnav li#tor:hover a { background: url(images/top_li_bg_dk.gif) repeat-x top center; } ul#topnav li#pho.over a { background: url(images/top_li_bg_dk.gif) repeat-x top center; } ul#topnav li#tor.over a { background: url(images/top_li_bg_dk.gif) repeat-x top center; } ul#topnav li ul { position: absolute; width: 145px; display: none; background: #F1EDDC; padding: 3px 7px 3px 0; border: 1px solid #D1BEA8; border-width: 0 0 1px 1px; z-index: 99; } ul#topnav li:hover ul { display: block; } ul#topnav li.over ul { display: block; } ul#topnav li>ul { top: auto; left: auto; } /* fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */ ul#topnav li li a { text-align: left; background: #F1EDDC; background-image: none!important; width: 125px; border-left: 0!important; } /* >>>bottom container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#botcontain { width: 100%; background: #E9E4CA url(images/bg_leftnav_dk.gif) repeat-y left top; float: left; clear: both; } /* PAM: add left nav bg color gif in this container to width behind the stick on top of it */ div#stickback { width: 100%; background: url(images/side_stick.gif) repeat-y 162px top; float: left; margin: 0; } /* >>>side nav container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#sidenav { width: 168px; float: left; margin: 0; text-align: center; padding-bottom: 15px; line-height: 1.25em; } ul#disnav { text-align: left; } ul#disnav li { margin: 0 0 3px 15px; text-align: left; text-transform: uppercase; padding-bottom: 3px; } ul#disnav li a { color: #792720; line-height: 1.5em; font-size: 12px; } ul#disnav li a:link { color: #792720; } ul#disnav li a:visited { color: #792720; } ul#disnav li a:hover { color: #300; } ul#disnav li li { margin: 0 0 0 10px; } ul#disnav li li a { color: #792720; line-height: 1.25em; font-size: 11px; } ul#disnav li:hover { color: #300; } ul#disnav li.over ul { color: #300; } ul#disnav li>ul { top: auto; left: auto; } /*fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */ /* >>>right container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#rightcol { float: right; padding: 7px; width: 75%; padding-left: 7px; } div#rtside { text-align: center; float: left; } div.topimg { margin: 10px auto; color:red;} div#botrt { float: left; text-align: left; width: 625px; margin: 10px 0 6px 7px; } div#content { font-size: 11px; float: left; width: 350px; } div#content p { font-size: 11px; } div#content a { font-size: 11px; } /* >>>right mission, developers, others container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#rtsmall { float: right; width: 240px; margin-right: 7px; } div#rtsmall dl { float: left; width: 240px; height: 170px; margin: 0; } div#rtsmall dt { float: left; padding: 0 15px 0 0; width: 95px;} div#rtsmall dl dd.imgs { float: right; } div#rtsmall h1 { text-align: left; margin-bottom: 10px; font-weight: bold; font-size: 14px; } div#rtsmall p { float: right; text-align: left; width: 125px; line-height: 1.25em; font-size: 10px; } /* >>>right index, community, region, lake container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#rtsmallhm { float: right; width: 250px; margin-right: 7px; } div#rtsmallhm dl { float: left; width: 246px; height: 180px; } div#rtsmallhm dt { float: left; margin: 10px 10px 0 0; width: 111px;} div#rtsmallhm dl dd.imgs { float: right; } div#rtsmallhm h1 { text-align: left; margin-bottom: 10px; font-weight: bold; font-size: 14px; padding-left: 15px; } div#rtsmallhm p { float: right; text-align: left; width: 125px; line-height: 1.35em; font-size: 10px; } div#content p.question { font-weight: bold; } /* >>>right location container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#rtsmallloc { float: right; width: 244px; margin-right: 7px; } div#rtsmallloc dl { float: left; width: 246px; margin: 0; } div#rtsmallloc dt { float: left; margin: 0 10px 0 0; width: 120px;} div#rtsmallloc dl dd.imgs { float: right; } div#rtsmallloc h1 { text-align: left; margin-bottom: 10px; font-weight: bold; font-size: 14px; } /* >>>right ridgeviewvalley, deep creek lake, garrett history container - - - - - - - - - - - - - - - - - - -*/ div#rtsmallrv { float: right; width: 255px; margin-right: 7px; } div#rtsmallrv dl { float: left; width: 255px; padding-top: 35px; margin: 0; } div#rtsmallrv dt { float: left; margin: 0 10px 0 0; width: 120px;} div#rtsmallrv dl dd.imgs { float: right; } div#rtsmallrv h1 { text-align: left; margin-bottom: 10px; font-weight: bold; font-size: 14px; padding: 0; } div#rtsmallrv p { float: right; text-align: left; width: 125px; line-height: 1.5em; font-size: 10px; } div#rtsmalldc { float: left; width: 245px; } div#rtsmalldc dl { width: 245px; margin: 0 10px; } div#rtsmalldc dt { margin: 0 10px; } div#rtsmalldc p { text-align: left; line-height: 1.5em; font-size: 10px; } /* >>>"things to do" container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ ul.active li { background: url(images/icon.gif) no-repeat left .65em; margin: 10px 0 0 1px; padding-left: 10px; font-size: 11px; } ul.active li a { font-size: 11px; } ul.activebg li { background: url(images/icon.gif) no-repeat left .65em; margin: 10px 0 0 1px; padding-left: 10px; font-size: 11px; font-weight: bold; } ul.activebg1 li { background: url(images/icon.gif) no-repeat left .65em; margin: 10px 0 0 1px; padding-left: 10px; font-size: 11px; font-weight: bold; } ul.subactive li { background: url(images/icon.gif) no-repeat left .65em; margin-left: 20px; padding-left: 10px; font-weight: normal; } /* >>>right gallery container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body#gallery div#rtside { text-align: left; } body#gallery div#rtside h2 { padding-top: 20px; } ul.galul { width: 600px; float: left; margin-bottom: 10px; } ul.galul li { display: block; float: left; width: 75px; height: 50px; background: #663; margin: 0 10px 10px 0; border: 1px solid #792720; } /* >>>"tour" container and tooltips contents - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body#tour div#toolTip { position: absolute; z-index: 1000; width: 320px; background: #030; border: 5px solid #fff; text-align: left; padding: 5px; min-height: 1em; -moz-border-radius: 5px; } body#tour ul#topnav { position: absolute; z-index: 99; } div.topimgtr { margin: 10px auto; width: 625px; text-align: left; } div#tourbgimg { height: 0; position: absolute; text-align: left; } div#tourtrans { position: absolute; height: 417px; background: url(images/spacer.gif) no-repeat left top; } img#tourmapgif { width: 625px; height: 417px; } img.tt { float: left; padding: 5px 10px 10px 5px; } h2.tt { color: #fff; font-size: 13px; } p.tt { color: #fff; font-size: 11px; } /* >>>contact content - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#allest { float: left; width: 620px; }/* margin: 10px 0; */ div#comm { float: right; width: 200px; } div#estate { float: left; width: 410px; } div#estate p#jon,div#estate p#deb,div#estate p#sal { float: left; width: 200px; } div#estate2 { float: left; width: 610px; }/* margin: 10px 0; */ div#estate2 p#jon,div#estate2 p#deb,div#estate2 p#sal { float: left; width: 200px; margin-top: 10px; } table#contable { width: 620px; } table#contable th { width: 170px; padding: 5px; text-align: right; font-weight: normal; } table#contable td { width: 450px; padding: 5px; } /* >>>phases content container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#phases { background: #D1BEA8; float: left; width: 615px; } div#phasestr { background: #D1BEA8; float: left; width: 615px; margin-top: 430px; } div#phasestr h1 { padding: 10px 10px 0 10px; } div#phasestr p { padding: 0 10px 15px 10px; } div#phases h1 { padding: 10px 10px 0 10px; } div#phases p { padding: 0 10px 15px 10px; } ul.lots li { margin-left: 20px; } tr.lot1 { background: #f0eddc; } tr.lot { background: #e3dac2; } tr.lot td { padding: 2px; } tr.lot1 td { padding: 2px; } div#lots { float: left; width: 350px; } table#ltlft { float: left; } table#sectb { float: right; } /* >>>articles of interest container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#interest { float: left; text-align: left; width: 625px; margin: 10px 0 6px 7px; } div.artcontent { font-size: 11px; float: left; width: 550px; } div.artcontent p { font-size: 12.0px; font-family: "Gill Sans"; letter-spacing: 0.0px; min-height: 14.0px } div#ptitle { text-decoration: underline} span.linc { font-size: 12.0px; font-family: "Gill Sans"; letter-spacing: 0.0px; text-decoration: underline; color: #1e00a8;} span.headpar { font-size: 12.0px; font-family: "Gill Sans"; letter-spacing: 0.0px; text-decoration: underline; color: #000000;} .pclass1 { font-size: 12.0px; font-family: "Gill Sans"; letter-spacing: 0.0px; min-height: 12.0px } /* >>>footer container - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#footer { background-color: #792720; padding-top: 10px; clear: both; text-align: center; } div#footer p { color: #fff; padding: 5px 35px 5px 6px;} div#footer a { text-align: left; font-weight: normal; font-size: 10px; line-height: 10px; height: 50px; color: #fff; padding: 0 6px; display: inline; } /* >>>House Plans - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ ul.houseplans { margin: 20px; list-style-type: disc; list-style-position: inside}