/*
Dark brown: 4c4242
Main blue: 77a8c7
Darker blue: 3b6884
Light blue: caeaff
Background blue: e2ecf3
Box background: d6e3ed
Purple: 747bd4
*/

@import url('/stylesheets/elements.css');
@import url('/stylesheets/classes.css');
@import url('/stylesheets/menu.css');

#header-container { background: #4c4242 url('/images/header-bg.gif') repeat-x; height: 152px; }
#header { margin: 0 auto; width: 880px; text-align: left; }
#logo { height: 113px; }
#logo img { margin-top: 25px; padding-bottom: 5px; }
#logo a:hover { border-bottom: 1px solid #eee; }

#home-container { background: #e2ecf3 url('/images/home-bg.gif') repeat-x; }
#content-container { background: #e2ecf3 url('/images/bg.gif') repeat-x; }

#banner { width: 830px; height: 135px; background: url('/images/banner.jpg') no-repeat; margin: 0 auto; padding: 60px 40px; text-align: left; }
#banner-content { width: 500px; color: #fff; }
#banner-content h1 { color: #fff; border: none; font-size: 2.25em; margin-top: 0; }
#banner-content a { color: #fff; text-transform: uppercase; margin-right: 1.25em; font-size: 1.25em; text-decoration: none; border-bottom: 2px solid #3b6884; }
#banner-content a:hover { background: #fff; color: #77a8c7; border: none; }

#content, #footer { line-height: 1.7em; }

#content { width: 880px; margin: 0 auto; text-align: left; min-height: 600px; padding: 25px 0; }
#content-with-sidebar { float: left; width: 550px; }
#content a { border-bottom: 2px solid #747bd4; text-decoration: none; }
#content a:hover { color: #fff; background: #747bd4; border-bottom: none; }

#sidebar { float: right; width: 298px; }

#error, #notice { font-size: 1.2em; color: #fff; padding: .5em .75em; font-weight: bold; margin-bottom: 1em; }
#error { background: #b00; }
#notice { background: #0b0; }
#errorExplanation { border: 2px solid #f00; padding: 0; margin: 20px 0; color: #f00; }
#errorExplanation p { padding: 0 10px; }
#errorExplanation h2 { color: #fff; background-color: #f00; padding: 8px; margin-top: 0; }

#footer-container { margin-top: 1px; background: #4c4242 url('/images/header-bg.gif') repeat-x; font-size: .85em; }
#footer { width: 880px; margin: 0 auto; padding: 1em 0; }
#footer, #footer a { color: #fff; }

#smoothGallery { width: 880px !important; height: 650px !important; z-index: 999; }
#smoothGallery a { border: none !important; }
#smoothGallery a:hover { background: none; }

#google-map { width: 248px; height: 300px; overflow: hidden; margin-top: 10px; border: 1px solid #77a8c7; }