/*
Main: #003C18
Complementary: #B5AE84
Background: #EFE7DE
*/

body { height: 100%; margin: 0 auto; width: 780px; padding: 0; background: #5A5152; }
div#OuterContainer { background: url(../images/gui/body_background.gif) repeat-y scroll 0%; }
div#InnerContainer { margin: 0 auto; width: 760px; }

.Left { float: left; }
.Right { float: right; }
.Clear { clear: both; height: 0; display: none; }

#Header { height: 61px; position: relative; background: #000000 url("../images/gui/header_background.gif") repeat-x left top; }
#Header a.Logo { position: absolute; top: 10px; right: 10px; }

#Header .Nav { position: absolute; bottom: 0; left: 20px; padding: 0; margin: 0; }
#Header .Nav a { height: 23px; display: block; float: left; margin: 0 20px 0 0; text-decoration: none; }
#Header .Nav a#NavHome { width: 55px; background: url("../images/gui/nav_home.gif") no-repeat left top; }
#Header .Nav a#NavHome:hover, #Header .Nav a#NavHome:active { background-position: left -27px; }
#Header .Nav a#NavHome.Current { background-position: left -27px; }
#Header .Nav a#NavGallery { width: 85px; background: url("../images/gui/nav_gallery.gif") no-repeat left top; }
#Header .Nav a#NavGallery:hover, #Header .Nav a#NavGallery:active { background-position: left -27px; }
#Header .Nav a#NavHome.Current { background-position: left -27px; }
#Header .Nav a#NavLinks { width: 56px; background: url("../images/gui/nav_links.gif") no-repeat left top; }
#Header .Nav a#NavLinks:hover, #Header .Nav a#NavLinks:active { background-position: left -27px; }
#Header .Nav a#NavLinks.Current { background-position: left -27px; }
#Header .Nav a#NavAbout { width: 63px; background: url("../images/gui/nav_about.gif") no-repeat left top; }
#Header .Nav a#NavAbout:hover, #Header .Nav a#NavAbout:active { background-position: left -27px; }
#Header .Nav a#NavAbout.Current { background-position: left -27px; }
#Header .Nav a#NavVideos { width: 68px; background: url("../images/gui/nav_videos.gif") no-repeat left top; }
#Header .Nav a#NavVideos:hover, #Header .Nav a#NavVideos:active { background-position: left -27px; }
#Header .Nav a#NavVideos.Current { background-position: left -27px; }
#Header .Nav a#NavBlog { width: 52px; background: url("../images/gui/nav_blog.gif") no-repeat left top; }
#Header .Nav a#NavBlog:hover, #Header .Nav a#NavBlog:active { background-position: left -27px; }
#Header .Nav a#NavBlog.Current { background-position: left -27px; }

#Footer { overflow: hidden; position: relative; color: #A0A0A0; clear: both; padding: 20px 10px 10px 10px; background: #1D2F36 url("../images/gui/footer_horizontal_rule.gif") no-repeat left top; }
#Footer a { font-weight: bold; text-decoration: none; }
#Footer a:link, #Footer a:visited { color: #4A798C; }
#Footer a:hover, #Footer a:active { color: #6396AD; }
#Footer .Nav { font-size: 11px; width: 360px; }
#Footer .Legal { float: right; width: 360px; font-size: 10px; }

#HomepageSplash { position: relative; }
#HomepageSplash .Background { display: block; width: 760px; height: 200px; background-repeat: no-repeat; background-position: left top; }
#HomepageSplash .MaskTop { display: block; width: 760px; height: 200px; background: url("../images/gui/homepage_splash_mask_top.gif") no-repeat left top; }
#HomepageSplash .MaskBottom { display: block; width: 760px; height: 200px; background: url("../images/gui/homepage_splash_mask_bottom.gif") no-repeat left bottom; }
#HomepageSplash .More { position: absolute; bottom: 40px; right: 0; }

#Content { min-height: 400px; overflow: hidden; position: relative; padding: 10px 20px 25px 20px; background: #000000; }
#Content.Homepage { padding: 5px 20px 20px 20px; }
#Content .PageTitle { margin-top: 0; }
#Content h1 { font-size: 25px; margin: 15px 0 15px 0; color: #FFFFFF; }
#Content h1 small { font-size: 10px; text-transform: uppercase; display: block; color: #808080; }
#Content h1 span { font-weight: normal; }
#Content h2 { font-size: 20px; margin: 15px 0 15px 0; color: #FFFFFF; }
#Content h2 span { font-weight: normal; }
#Content h3 { font-size: 16px; margin: 15px 0 15px 0; color: #A0A0A0; }
#Content h3 span { font-weight: normal; }
#Content h3 small { font-weight: normal; font-size: 80%; line-height: 16px; }
#Content h3 strong { color: #FFFFFF; font-weight: bold; }
#Content h3 em { font-style: italic; display: block; }
#Content h4 { font-size: 14px; margin: 10px 0 10px 0; color: #6396AD; }
#Content hr { margin: 0; padding: 0; display: none; }
#Content p { color: #A0A0A0; font-size: 14px; }
#Content em { font-style: italic; }
#Content a { text-decoration: none; }
#Content a:link, a:visited { color: #4A798C; }
#Content a:hover, a:active { color: #6396AD; }
#Content img.Left { float: left; margin: 0 15px 15px 0; }
#Content img.Right { float: right; margin: 0 0 15px 15px; }
#Content ul { }
#Content li { color: #A0A0A0; list-style: square; padding: 0; margin-left: 20px; }

#Content #HomepageAbout { width: 350px; }
#Content #HomepageBlog { float: right; width: 350px; }

#FeedSweep {}
#FeedSweep .feedsweep_title { display: none; }
#FeedSweep .feedsweep_item { font-size: 12px; color: #A0A0A0; margin: 0 0 15px 0; }
#FeedSweep .feedsweep_item .feedsweep_date { font-size: 10px; color: #606060; }
#FeedSweep .feedsweep_item .feedsweep_headline { font-weight: bold; display: block; }
#FeedSweep .feedsweep_item .feedsweep_headline a.feedsweep_link {}
#FeedSweep .feedsweep_item .feedsweep_headline a.feedsweep_link:hover, #FeedSweep .feedsweep_item .feedsweep_headline a.feedsweep_link:active {}
#FeedSweep .feedsweep_item .feedsweep_body {}
#FeedSweep .feedsweep_headline { display: none; }

#Content #AboutBlog { float: right; width: 250px; }
#Content #About { width: 450px; }
#Content #About .Columns { overflow: hidden; }
#Content #About .Columns ul { float: left; width: 210px; margin-right: 10px; }

#Content #Gallery {}
#Content #Gallery h2 { clear: both; }
#Content #Gallery h3 { clear: both; }
#Content #Gallery .Album { height: 90px; float: left; width: 30%; overflow: hidden; margin: 0 15px 15px 0; display: block; }
#Content #Gallery .Album p { font-weight: bold; display: block; width: 140px; float: right; margin-top: 0; margin-bottom: 5px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; }
#Content #Gallery .Album small { font-size: 12px; color: #C0C0C0; width: 141px; float: right; display:block; }
#Content #Gallery .Thumbnails { margin: 0 0 15px 0; overflow: hidden; }
#Content #Gallery .Thumbnails object { margin: 0 auto; }
#Content #Gallery a.Thumbnail { float: left; margin: 0 5px 5px 0; padding: 1px; }
#Content #Gallery a.Thumbnail:link, #Content #Gallery a.Thumbnail:visited { border: 1px solid #395D6B; }
#Content #Gallery a.Thumbnail:hover, #Content #Gallery a.Thumbnail:active { border: 1px solid #6396AD; }