﻿html {}
body {width: 100%; padding: 0px; margin: 0px; font-size: 12px; line-height: 18px; color: #ffffff; font-family: Arial, sans-serif; background: #000000; z-index: 1;}
form {}

h1, h2, h3 {margin: 0px 0px 10px 0px; font-weight: normal; font-family: Arial, sans-serif; color: #ffffff;}

h1 {font-size: 24px; color: #ecd264;}
h2 {font-size: 18px;}
h3 {font-size: 14px; font-weight: bold;}
a {color: #ecd264}
a:hover {color: #ffffff}

.Clear {clear: both;}

#divContainer {width: 100%; min-height: 100%;}

#divHeaderContainer {position: absolute; top: 0px; left: 0px; height: 220px; width: 100%; padding: 0px; margin: 0px;}
#divHeader {position: relative; top: 0px; left: 0px; height: 100%; width: 900px; margin: 0px auto; background: url(../images/header_bg.jpg) no-repeat 180px 0px}
#divLogo {position: absolute; top:33px; left: 10px;}
#divAddress {position: absolute; top: 50px; right: 25px; font-size: 14px; font-family: Georgia, Serif; text-align: right; font-weight: bold; font-style: italic; line-height: 24px;}

#divBodyContainer {position: relative; top: 0px; left: 0px; width: 100%; padding: 220px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#divBody {position: relative; top: 0px; left: 0px; width: 900px; min-height: 400px; margin: 0px auto;}
#divBodyFull {padding: 30px 0px;}
#divContent {padding-top: 20px;}

#divFooterContainer {position: relative; top: 0px; left: 0px; width: 100%; height: 80px;}
#divFooter {position: relative; top: 0px; left: 0px; width: 900px; margin: 0px auto; color: #705b1a; font-size: 10px; background: url(../images/footer_bg.png) no-repeat top}
#divFooter #divFooterContent {position: relative; top: 0px; left: 0px; float: left; width: 670px; margin: 30px 30px 0px 30px;}
#divFooter #divFooterCallout {position: relative; top: 0px; left: 0px; float: left; width: 350px; margin: 30px 0px 0px 0px; display: none;}
#divFooter #divCaordaLogo {position: absolute; top: 30px; right: 50px;}

#divNavigationPrimary {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 33px; z-index: 10; background: url(../images/navigation_primary.png) top}
#divNavigationPrimary ul {list-style-type: none; margin: 0px; padding: 0px;}
#divNavigationPrimary ul li {position: relative; top: 0px; left: 0px; float: left; margin: 0px}
#divNavigationPrimary a {display: block; margin-right: 2px; height: 33px;}
#divNavigationPrimary li:hover a,
#divNavigationPrimary li.Current a {background-image: url(../images/navigation_primary.png);}

#divNavigationPrimary li a.Home {width: 121px; background-position: 0px top}
#divNavigationPrimary li a.MeetCraig {width: 143px; background-position: -123px top}
#divNavigationPrimary li a.Materials {width: 127px; background-position: -268px top}
#divNavigationPrimary li a.TheGallery {width: 144px; background-position: -397px top}
#divNavigationPrimary li a.UpcomingEvents {width: 184px; background-position: -543px top}
#divNavigationPrimary li a.ContactCraig {width: 170px; margin-right: 0px; background-position: -729px top}

#divNavigationPrimary li:hover a.Home,
#divNavigationPrimary li.Current a.Home {background-position: 0px bottom}
#divNavigationPrimary li:hover a.MeetCraig,
#divNavigationPrimary li.Current a.MeetCraig {background-position: -123px bottom}
#divNavigationPrimary li:hover a.Materials,
#divNavigationPrimary li.Current a.Materials {background-position: -268px bottom}
#divNavigationPrimary li:hover a.TheGallery,
#divNavigationPrimary li.Current a.TheGallery {background-position: -397px bottom}
#divNavigationPrimary li:hover a.UpcomingEvents,
#divNavigationPrimary li.Current a.UpcomingEvents {background-position: -543px bottom}
#divNavigationPrimary li:hover a.ContactCraig,
#divNavigationPrimary li.Current a.ContactCraig {background-position: -729px bottom}

#divNavigationPrimary .Dropdown {display: none; width: 153px; position: absolute; top: 40px; left: 50%;}
#divNavigationPrimary li:hover .Dropdown {display: block;}
#divNavigationPrimary .DropdownInner {position: absolute; top: 0px; left: -24px;}
#divNavigationPrimary .Dropdown .Top {position: absolute; top: -16px; left: -2px; width: 157px; height: 16px; background: url(../images/dropdown_bg_top.png) no-repeat}
#divNavigationPrimary .Dropdown .Bottom {position: absolute; bottom: -6px; left: 0px; width: 155px; height: 6px; background: url(../images/dropdown_bg_bottom.png) no-repeat}
#divNavigationPrimary .Dropdown ul {border: 1px solid #efd97b; background-color: #ecd264; padding: 0px;}
#divNavigationPrimary .Dropdown li {float: none; margin: 0px; border-top: #f0db83 1px solid; border-bottom: #d4bd5a 1px solid; width: 151px;}
#divNavigationPrimary .Dropdown li.First {border-top: none;}
#divNavigationPrimary .Dropdown li.Last {border-bottom: none;}
#divNavigationPrimary .Dropdown li a {color: #000000; text-decoration: none; padding: 5px 10px; margin: 0px; height: auto; font-family: Georgia, Serif; font-weight: bold; background: none !important;}
#divNavigationPrimary .Dropdown li a:hover {background: #c8a129 !important}