/* second stylesheet for jwp */
html, body { background-color: #fff; background-image:none; margin:0; 
padding:0; font-family:  Verdana, Arial, sans-serif; font-size:small; }
blockquote { font-weight:bold; font-style:italic; }
#logo { margin-left:80px; border-left:none;}
#side {background-image:none; background-color:transparent; width:99%; margin:auto; position:relative; margin:0 0 100px 0; padding:0; border:thin solid white; }
html > body #side {background-color:transparent; background-image:none; position:relative; margin:0 0 100px 0; padding:0; }
#flag {background-image:none; background-color:transparent; margin:0; padding:0; width:100%; }
#content {  background-color:transparent; width:68%; position:absolute; top:0; left:260px; padding:0; margin-top:25px; max-width:515px;  }
html > body #content { padding:0 15px 0 15px; margin:0; }

#navigation {background-color:transparent; margin:0; padding:0; }
#navigation li a { border-bottom: none; padding:0; color: #fff; border-top: none;}
#navigation li {text-align:center; background-color:#000; color: #fff; border-top: 0.75em solid #339; width:9.5em; float: left; list-style-type:none; list-style-image:none; margin:1px 0 0 1px;}

div#navigate { background-color:transparent; padding:0; margin:auto; width:100%; line-height: 2em;}
#navigate ul {  margin: 0; width:100%; padding:0;  }
#navigation a:hover, #navigation li:hover, #navigation a:focus, #navigation li:focus { border-top-color: #FFF; color:#ccf; text-decoration:none;}

/* push code */
.push {position:absolute;left:-5000px;width:100px;}
/* skip to somewhere - <span class="skip"><a id="top">&nbsp;</a></span> fixes hasLayout bug in IE */
.skip { position:absolute; margin:0; padding:0; font-size:.001em;}
/* code to make the push link show upon tab navigation */
a:active.push, a:focus.push, div a:active.push, div a:focus.push { position:static; width:auto; height:auto; left:0; background:#c1c1c1; color:#f00; }    



#sidenav { position:absolute; top:230px; left:20px; width:200px; background-color:transparent; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size:105%;  padding:0; margin:0; clear:left;}
#sidenav ul li {background-color:#000; line-height:2em; list-style-type:none; list-style-image:none; color:#FFF; border-left:0.9em solid #339; border-right:.6em solid #000; margin: 3px 0 0 -35px; width:10em; }
#sidenav ul li a {color: #FFF; text-decoration:none; font-weight:bold; padding-left:10px;}
#sidenav ul li a:hover, #sidenav ul li:hover, #sidenav ul li a:focus, #sidenav ul li:focus { color:#ccf; text-decoration:none; border-left-color: #FFF;}

#footnote { clear:both;}
#footnote p { text-align:center; font-weight:bold;color:#0F0FFF;font-family:Verdana, Arial, sans-serif; font-size:90%; position:relative;margin-top:4em;}

h3 {color:#0F0FFF;}
hr#one {border:none; color:#fff; margin:5px 0 5px 0; width:100%; }
hr#two {border:none; color:#fff; margin:0 0 5px 0; width:110%;  }


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display:inline-block; } 
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* And to keep IE6 and earlier happy */
html > body .clearfix {min-height: 1px; height: auto;} 


div.images {width:90%; margin:auto;}
div.images img {border:none; margin-right:10px;}

/* from red white and blue css */
#navigate h4, #sidenav h4, #sub h4 {position:absolute; left:0px; top:-500px; width:1px;height:1px; overflow:hidden; }
#navigation li a { padding: 0.25em 1em; margin-right: 0.125em;font-weight: bold; }
#navigation {width: 100%;white-space:nowrap;  }
#navigation a { text-decoration: none; }

#mailinc { margin:auto; width:71%; }
#contactform { margin:20px 50px; width:18em;}
.secondfieldset { background-color:#fff; border:none; }
#amenities { padding-left:6px;width:100%; font-size:small; margin-top:60px;}
#floorplan {border:1px solid black; text-align:center; width:100%;}

/* JS U R Here */
ul#sublinks span.current a:link, div#sublinks span.current a:visited, div#sublinks span.current a:active, ul#navigation li.current,
ul#navigation li.current a:link,
ul#navigation li.current a:visited,
ul#navigation li.current a:active {
    border-top-color: #FFF; color:#000;
    text-decoration: none; background-color:#ccc;
    cursor: default;
    }
ul#navigation li.current a:hover, div#sublinks span.current a:hover {
    border-top-color: #fff; color: #000;
    text-decoration: none; background-color:#ccc;
    }
    
ul#sidenavigation li.current,
ul#sidenavigation li.current a:link,
ul#sidenavigation li.current a:visited,
ul#sidenavigation li.current a:active {
    border-left-color: #FFF; color:#000;
    text-decoration: none; background-color:#ccc;
    border-right-color:#ccc;
    cursor: default;
    }
ul#sidenavigation li.current a:hover {
    border-left-color: #fff; color: #000;
    text-decoration: none; background-color:#ccc;
    border-right-color:#ccc;
    }    

/* END U R HERE code  */