body { margin: 0px; background: url('../img/body-background.gif') top center repeat #fff; text-align: center; font: 11px Arial, Helvetica, sans-serif; line-height: 15px }
#container { width: 802px; margin: 0px auto; text-align: left }

a { color: #680909 }
a:hover { text-decoration: none }

#header {background: url(../img/header-background.gif) no-repeat -2px bottom; height: 69px}
#header img {}

/* Utility Nav */
#top-links { float: right; margin-top: 40px ; font-weight: bold}
#top-links ul { list-style-type: none }
#top-links ul li { display: inline; padding: 0px 5px }
#top-links ul li a { color: #680909 }
#top-links ul li a:hover { text-decoration: none }

h1,h2,h3,h4,h5,h6 { font-family: 'Times New Roman', Times, serif; font-style: italic }
h1 { font-size: 24px ; color: #286068}
h2 { font-size: 20px ;  color: #286068}
h3 { font-size: 16px; margin-bottom: 3px }
a img { border: none } 

h3.button2 a { background: #DAE5B1; border: 2px solid #650A06; color: #650A06; display: block; width: 200px; text-align: center; padding: 7px; text-decoration: none }
h3.button2 a:hover { color: #586068; border-color: #586068; }

h7 {font-weight: bolder; font-size: 11px; color: #680909}


.index h1 {font-weight: normal}
.index h2 { font-size: 14px }


h3.button a { background-color: #680909; border: 2px solid #000; color: #fff; display: block; width: 250px; text-align: center; padding: 7px; text-decoration: none }
h3.button a:hover { background: #fff; color: #680909; border: 2px solid #680909;}

p { margin: 10px 0px }
.clear-left { clear: left }
.clear-right { clear: right }
.clear { clear: both }

#wrapper { background: #fff; padding: 5px ; border: 1px solid #e7e7e7;}
#content { background: #fff; border: 1px solid #286068 ;  border-top-width: 0px; padding-top: 0px; }
#content.index { background: url('../img/index-content-background.gif') top right repeat-y }

#content .copy { padding: 10px 15px; text-align: left; }
#content .copy h1, #content .copy h3 { margin: 5px 0px; color: #286068 }

#content #index-slideshow { border-bottom: 5px solid #6a7745; background: #fff; width: 788px; height: 340px; overflow: hidden; margin: 0px }

#content #callout { width: 200px; padding: 10px 20px 20px 20px; float: right; margin-left: 20px; color: #4d301b; text-align: justify; margin-bottom: -126px } /* Negative margin used to compensate for the positioned image */
#content #callout h2 { margin: 0px }
#content #callout h2, #content #callout p { position: relative; bottom: 120px }
#content #callout img { position: relative; bottom: 100px; left: 100px; border: none; z-index: 100 }

#content ul { text-align: left; padding-left: 15px}

/* Nav */
#nav { height: 40px; background-color: #680909; font-size: 12px; overflow: hidden; border-bottom: 5px solid #d9e6b2 ; width: 788px;border-top: 1px solid #286068 }
#nav ul { list-style-type: none; margin: 0px; padding: 0px ;}
#nav ul li { float: left; background: url('../img/nav-separator.gif') 0px 8px no-repeat; margin-right: 5px }
#nav ul li.first-child { background: none }
#nav ul li a { color: #fff; text-transform: uppercase; text-decoration: none; padding: 13px 10px; margin-left: 7px; display: block }
#nav ul li a:hover, #nav ul li a.current { color: #2c2c2c; background: #fff }

/* Subnav */
#subnav ul { list-style-type: none; margin: 0px; padding: 0px; background: #d9e6b2; height: 20px }
#subnav ul li { display: inline; padding: 0px 5px 0px 7px; margin: 0px; border-left: solid 1px #680909; line-height: 10px; font-size: 10px;}
#subnav ul li.first-child { border: none }
#subnav ul li a { color: #680909; text-decoration: none }
#subnav ul li a:hover, #subnav ul li a.current { text-decoration: underline }

#subnav ul.living-space { padding-left: 100px }
#subnav ul.residents { padding-left: 230px }

/* Footer */
#footer { text-align: right; margin: 0px; padding: 10px 0; color: #680909 ; background: url(../img/footer-background.jpg) no-repeat -2px top; }
#footer ul { list-style-type: none; margin: 0px; padding: 0px }
#footer ul li { display: inline; padding: 0px 5px 0px 7px; margin: 0px; border-left: solid 1px #680909; line-height: 10px; font-size: 10px;}
#footer ul li.first-child { background: none ; border-left: none}
#footer a { color: #680909; text-decoration: none ; margin: 0; padding: 0}
#footer a:hover { text-decoration: underline }
#footer p { margin: 0px }
#footer p.small {font-size: 90%; padding: 10px 0 0 0px; color: #9dc5d9;}

/* Form CSS */
fieldset { border: 0px; display: block }
legend { font-weight: bold }

.label { width: 100px; padding-right: 10px; float: left; font-weight: normal; text-align: left; margin: 6px 0px }
.input { width: 250px; float: left }
.select { width: 200px; float: left }
.textarea { width: 250px; float: left; font-family: sans-serif }

.input, .select, .textarea { margin: 3px 0px; border: 1px solid #ccc; border-top: 1px solid #777; padding: 1px; background: url('../img/input-background.gif') 0px 0px repeat-x #fff }
span.input, span.select, span.textarea, span.state { background: #fff; border: none; font-weight: bold }
.select { padding: 0px }

.checkbox { margin: 3px 0px } 
.required { color: #dc5855 }
.error { border: 2px solid #dc5855 }

/* For calendar */

#calendar-background { width: 380px; padding: 25px 10px 5px 10px; float: right; background: url('../img/calendar-background.gif') 100px 10px no-repeat #eee; text-align: center; margin-left: 30px; }
#calendar-background table.calendar, table.calendar caption { margin: 0px auto; font-size: 13px; }
#calendar-background table.calendar td { padding: 3px 5px }
#calendar-background table.calendar caption.calendar-month { font-size: 14px }
#calendar-background table.calendar td.linked-day a { text-decoration: none; color: #fff }
#calendar-background table.calendar td.linked-day { background: url('../img/day-highlight.png') center center no-repeat #ccc; color: #fff }
#calendar-background table.calendar tr.alt { background: #ccc }
#calendar-background .events { text-align: left; margin-top: 35px; } 

.event-callout {background-color: #eee; padding: 4px 4px 2px 13px; width: 300px; margin-top: 0px}

/* GMap */
#map-wrapper { width: 460px; height: 360px; background: url('../img/map-background.gif') 0px 0px no-repeat; float: right; text-align: center; margin: 15px 0px 0px 15px }
#map { width: 440px; height: 340px; margin: 7px auto; text-align: left;}

#directions-effects p {width: 400px}

/* Floorplan */
#floorplan { width: 504px; float: right; text-align: center ; margin-top: 15px}
 #content #floorplan h3 {font: 14px Arial, Helvetica, sans-serif; color: #000; font-weight: bold; margin: 0 15px; padding-bottom: 2px}
  #content #floorplan table {border: none; margin: 0 auto 5px;}
  #content #floorplan table td {vertical-align: middle; background: url('../img/floorplans/title-bar.gif'); height: 42px}
  #content #floorplan table td#first {background-position:left;  width: 10px}
  #content #floorplan table td#middle {background-position: center}
  #content #floorplan table td#last{background-position: right ; width: 10px}
#floorplan p {font-size: 12px; margin: 3px 0}




/* Photo Gallery */
#slideshow-background { background: url('../img/photo-gallery-background.jpg') no-repeat 0px 7px; width: 448px; height: 493px; padding-top: 25px; float: right ; }
#slideshow { margin: 0px 0px 0px 25px ;}

ul#slideshow-nav { margin: 0px; padding: 0px ; width: 260px; margin-top: 20px; }
#slideshow-nav li { width: 107px; height: 110px; background: url('../img/gallery-thumbnail-background.gif') no-repeat; float: left; margin: 0px 0px 20px 20px; list-style: none; padding: 0px }
#slideshow-nav a { width: 90px; height: 91px; padding: 4px; margin: 3px 0px 0px 3px; display: block }
#slideshow-nav a.activeSlide { background: #680909 }
#slideshow-nav a:focus { outline: none }
#slideshow-nav img { border: none; display: block }

/* Site Map */
td.nav, td.subnav, td.subsubnav { font-size: 12px; padding: 7px }
td.nav { background: url('../img/nav-node.gif') 2px 3px no-repeat; padding-left: 20px }
td.subnav { background: url('../img/subnav-node.gif') 10px 3px no-repeat; padding-left: 40px }
td.subnav.last { background: url('../img/subnav-node-last.gif') 10px 3px no-repeat }
td.subsubnav { background: url('../img/subsubnav-node.gif') 10px 3px no-repeat; padding-left: 57px }
td.subsubnav.last { background: url('../img/subsubnav-node-last.gif') 10px 3px no-repeat }

/* Residents */
#residents-info { clear: right; background: url('../img/index-content-background.gif') top right repeat-y #fff; border-top: 1px solid #286068; padding: 1px 0px 1px 25px }
#residents-info p { margin: 3px 0px }
#residents-info .callout { width: 200px; padding: 10px 20px; float: right; margin-left: 20px; color: #4d301b }
#residents-info .callout p { margin-bottom: 7px }
#residents-info .callout h3 { margin: 10px 0px }
#residents-info table { width: 50%; margin-bottom: 10px }

* html img { behavior: url('../css/iepngfix.htc'); }