body { font: 100% Arial, Verdana, sans-serif; line-height:1.125em; background: url('../img/background.gif'); text-align: center }
#wrapper { width: 826px; height: 554px; padding: 11px; overflow: hidden; background: #fff; margin: 10px auto; text-align: left }
#wrapper #sitemap {height: 700px}

#top-links { width: 826px; padding: 11px; margin: 10px auto; text-align: right; color: #adceec; font-size: 0.75em }
#top-links a { color: #fff; text-decoration: none }
#top-links a:hover { text-decoration: underline }

#footer { width: 826px; padding: 5px; margin: 0px auto; text-align: right; color: #999; font-size: 0.6em }
#footer a { color: #7a99ae }
#footer p.left { padding: 0px 20px; text-align: justify }
#footer p.center { text-align: center }

a { color: #0b4267 }
a:hover { text-decoration: none }
a:visited { color: #7a99ae }

/* Nav */
#nav { width: 150px; height: 537px; padding-top: 17px; background: url('../img/nav-background.jpg'); font-size: 0.75em; float: left ; overflow-y: hidden}
#nav .logo { margin-bottom: 35px; border: none }

/* Nav links */
#nav ul { margin: 0px; padding: 0px; list-style-type: none; height: 215px}
#nav ul ul { height: auto }
#nav ul a { display: block; padding-left: 30px; width: 120px; color: #fff; text-decoration: none; background: url('../img/plus.gif') 20px 7px no-repeat }
#nav ul a:visited { color: #ccc }
#nav ul a:hover { background: url('../img/plus.gif') 20px 7px no-repeat #000 }
#nav ul a.highlight { color: #d3a64f; background: url('../img/minus.gif') 20px center no-repeat #000 }
#nav ul a span {color: #7a99ae; text-decoration: underline}

/* Secondary nav links */
#nav ul li { margin-top: 1px }
#nav ul.subnav a { padding-left: 40px; width: 110px; background: #111; font-size: 0.92em }
#nav ul.subnav a:visited { color: #ccc }
#nav ul.subnav a:hover, #nav ul.subnav a.highlight { color: #d3a64f; background: #000; text-decoration: none }

/* Index content */
#index .slideshow { float: right; width: 665px; height: 365px; overflow: hidden }

#index .search { width: 200px; height: 178px; margin-top: 11px; background: #ccc; float: right }
#index .search h1 { margin: 0px; font: normal 1em Arial, sans-serif; padding: 3px 7px; background: #abb3bd; border-bottom: 2px solid #818994; color: #2c405b }
#index .search fieldset { padding: 0px 0px 10px 10px }
#index .search p { font-size: 0.7em; margin: 0px; padding: 5px 10px }

/* Form styles */
.search select { width: 95%; margin: 3px 0px; border: 1px solid #333 }
.search button { font-weight: bold; padding: 3px 15px; background: #ddd; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #666; border-bottom: 1px solid #666; margin-top: 5px; cursor: pointer }
.search button:hover { background: #dff4ff; border: 1px solid #c2e1ef; color: #369 }
.search button img { vertical-align: middle; padding-right: 5px }

#index .copy { width: 414px; height: 117px; padding: 0px 20px; margin: 11px 11px 0px 0px; float: right }
#index .copy h1 { font: normal 1.1875em Arial, sans-serif; margin: 0.2em 0em }
#index .copy p { font-size: 0.75em }

#index .callout { width: 434px; height: 50px; padding-left: 20px; margin: 11px 11px 0px 0px; background: #7a99ae; float: right }
#index .callout h1 { float: left; font: normal 1.6em Arial, sans-serif; color: #fff; margin: 0.4em 0em }
#index .callout p { font-size: 0.9em; float: left; margin-top: 1.1em; padding-left: 10px; color: #fff }
#index .callout a { color: #0b4267 }

/* Misc */
.clear-left { clear: left }
.clear-both { clear: both }
.accessibility { display: none }
hr { border: none; border-top: 1px dotted #000 }
* html hr { border: none; height: 1px; background: url('../img/hr.gif') repeat-x #fff }	/* IE Hax */
a img { border: none; vertical-align: middle }
small { line-height: 0.95em }
form { margin: 0px; padding: 0px }
fieldset { border: none; margin: 0px; padding: 0px }

.hop {text-align: center; color: #fff;  margin: 115px 5px 0 5px; padding: 0 0 1px 0}
.hop img {background-color: #7a99ae; padding: 6px 10px; }
.hop a, .hop a:visited {color: #7a99ae }

/* Secondary pages */
#secondary .copy { float: left; width: 388px; padding: 20px 11px; padding-bottom: 0px }
#secondary .copy p { font-size: 0.75em; margin-top: 1em; margin-bottom: 1em}
#secondary .copy h1 { font: normal 1.1875em Arial, sans-serif; margin: 0.2em 0em; color: #344a66 }
#secondary .copy h2 { font: normal 0.9em Arial, sans-serif; margin: 0.2em 0em; color: #344a66 }
#secondary .copy h3 { font: normal 0.8em Arial, sans-serif; margin: 0.2em 0em; color: #344a66 }

#secondary ul { list-style-type: circle; margin: 0em; padding-left: 25px }
#secondary li { padding: 0.1em; font-size: 0.75em }

#secondary .images { float: right; width: 255px; text-align: center }
#secondary .images img { margin: 0px auto 10px auto; display: block }
#secondary .images h3 { font: normal 0.8em Arial, sans-serif; margin: 0.2em 0em; color: #344a66 }
#secondary .images .see-more { background: #7a99ae; width: 255px; height: 43px; margin: auto; margin-bottom: 10px; text-align: right }
#secondary .images .bottom { margin-bottom: 0px }

.see-more h2 { font: normal 1em Arial, sans-serif; margin: 0px; padding: 0.8em 0.59em }
.see-more a { text-decoration: none; color: #fff }
.see-more a:hover { text-decoration: underline }

/* Styles for contact form */

#Contact fieldset { border: none }
#Contact label { width: 75px; float: left; margin-top: 5px; font: normal 0.7em Arial, sans-serif }
#Contact input, select, textarea { width: 200px; float: left; margin-top: 3px; border: 1px solid #666 }
#Contact select { width: auto; margin-top: 5px }
#Contact input[type=checkbox] { width: auto; border: none }

#Contact .input { width: 200px; float: left; margin-top: 5px; font: bold 0.7em Arial, sans-serif }
#Contact .label { width: 75px; float: left; margin-top: 5px; font: normal 0.7em Arial, sans-serif }
#Contact .checkbox-label, #Contact .select-label { width: 180px; font: normal 0.7em Arial, sans-serif; float: left; margin-top: 5px }

#Contact .error { border: 2px solid #dc5855 }
.required { color: #dc5855; font: bold 1em Arial, sans-serif }
#Contact .email-warning { color: #dc5855; font: bold 0.7em Arial, sans-serif }
#Contact .button { width: auto; padding: 4px 20px; background: #ccc; border: 0px; border-right: 1px solid #666; border-bottom: 1px solid #666; margin-top: 15px }
#Contact .edit { margin-right: 10px }
#Contact .confirm { float: none }

/* For search/pagination */
a:hover.pagination-link { background: #dae1e5 }
a.pagination-link  { text-decoration: none; font-size: 0.95em; padding: 3px 5px; border: 1px solid #000 }
a.pagination-current { background: #dae1e5 }
tr.table-alt { background: #dae1e5 }
table { font: 0.75em sans-serif; width: 100% }
th { font-size: 0.95em }
tr.highlight { background: #0b4267; color: #fff; font-weight: bold }
.in-contract { color: #dc5855; font-weight: bold }
#email-a-friend { float: right; font-size: 0.7em }

/* For Gmap page */
#map { height: 364px; width: 664px; float: left; margin-left: 11px; overflow: hidden }
#map p { font-size: 0.75em }
.map-copy { float: left; padding: 0px 11px; width: 664px; padding-right: 0px }
#secondary .map-copy p { font-size: 0.75em }
#secondary .map-copy h1 { font: normal 1.1875em Arial, sans-serif; margin: 0.2em 0em; color: #344a66 }