/* Common */
html, body { margin:0; padding:0; }
body { background:#f2f2f2 url(../images/background.gif) repeat-x; }

/* Layout */
#Wrapper { margin:0 auto; width:976px; }

/* Header */
#Header #Logo { float:left; margin:27px 0 0 33px; }

/* Container */
#Container #Content { position:relative; margin-top:-8px; padding:8px; min-height:500px; }
#Container #Content #ColLeft { display:inline; float:left; min-height:335px; width:330px; }
#Container #Content #ColLeft .Content { padding:0; }
#Container #Content #ColLeft .Content h1 { margin-left:15px; color:#FFF; }
#Container #Content #ColLeft .Content h2 { color:#FFF; }
#Container #Content #ColLeft .ColOverlay { padding:95px 0 0 90px; height:240px; background:url(../images/bg_coloverlay.png) }
#Container #Content #ColRight { display:inline; float:left; min-height:335px; padding:20px; width:590px; }
.Container { background:url(../images/bg_container.png); }
.Container .ContainerTop { height:9px; background:url(../images/bg_container_top.gif) no-repeat; overflow:hidden; }
.Container .ContainerBot { height:37px; background:url(../images/bg_container_bot.gif) no-repeat; overflow:hidden; }

/* Footer */
#Footer { padding-bottom:20px; }
#Footer #Sitemap { display:inline; float:left; margin:20px 0 0 30px; width:600px; }
#Footer #Sitemap ul { margin:0; padding:0; list-style:none; }
#Footer #Sitemap ul li { display:inline; float:left; padding:0 15px 0 0; width:90px; } 
#Footer #Sitemap ul li a { font-weight:bold; color:#999; font-size:11px; }
#Footer #Sitemap ul li a:hover { text-decoration:underline; }
#Footer #Sitemap ul li ul { margin-top:5px; list-style:none; }
#Footer #Sitemap ul li ul li { display:block; float:none; padding:2px 0; }
#Footer #Sitemap ul li ul li a { font-weight:normal; font-size:10px; }
#Footer #SmallLogos { float:right; width:320px; }
#Footer #SmallLogos img { margin-right:20px; }
#Footer #TuskBadge { float:right; margin:18px 0 0 0; }
#Footer #TuskBadge a { color:#CCC; }

/* Homepage */
#Homepage #Hero { width:974px; }

/* Hero Banners */
#Homepage #HeroImage { float:left; position:relative; padding:17px 0 0 7px; width:619px; height:353px; background:url(../images/bg_homepage_hero.png);  }
#Homepage #HeroImage #hero-carousel { overflow:hidden; width:619px; height:335px; z-index:2; }
#Homepage #HeroImage #hero-carousel #hero-content { width:10000px; }
#Homepage #HeroImage #hero-carousel #hero-content .slide { float:left; margin-right:4px; width:619px; height:335px; }
#Homepage #HeroImage #hero-carousel #hero-content .slide .banner { float:left; width:619px; height:335px; overflow:hidden; }
#Homepage #HeroImage #hero-carousel #hero-content .slide .first { margin-right:4px; }


#Homepage #Hero #FeaturedProjects { float:left; padding:9px 0 0 1px; width:346px; height:361px; background:url(../images/bg_homepage_project.png);  }
#Homepage #Hero #FeaturedProjects img { float:left; }
#Homepage #Hero #FeaturedProjects .Details h2 { margin:0; padding:0; }
#Homepage #Hero #FeaturedProjects .Details a { clear:both; display:block; margin-right:8px; padding:6px 0 0 8px; height:37px; background:url(../images/btn_homepage_project.gif); }
#Homepage .HeroCopy { float:left; padding:20px 30px; width:567px; height:196px; font-size:20px; line-height:30px; }
#Homepage #LatestNews .Heading { width:347px; height:31px; background:url(../images/h_news.gif);  }
#Homepage #LatestNews .Heading img { float:left; }
#Homepage #LatestNews .Heading img.Subscribe { margin-left:150px; }
#Homepage #LatestNews { float:left; margin:20px 0; width:330px; }
#Homepage #LatestNews .List { margin-bottom:10px; }
#Homepage #LatestNews .List .Item { padding:10px 0; line-height:14px; }
#Homepage #LatestNews .List .Item h2 { margin:0 0 5px; }
#Homepage #LatestNews .List .Item p { margin-top:5px; }
#Homepage #LatestNews .List .Item p a { color:#333; }

/* Menu */
#Menu { float:left; margin:50px 0 0 70px; width:700px; }
#Menu ul { margin:0; padding:0; list-style:none; }
#Menu ul li { display:inline; float:left; margin:0 0 0 20px; padding:0; }
#Menu ul .First { border:0; }
#Menu ul li a { display:block; color:#FFF; font-size:11px; }
#Menu li ul { position:absolute; left:-999em; margin-top:-2px; padding:0; width:180px; background:#FFF; border:1px solid #003878; border-top-width:0; z-index:1; }
#Menu li ul li { margin:0; padding:0; width:180px; }
#Menu li ul li a { display:block; padding:5px 10px; width:160px; color:#003878;  border-top:1px solid #003878; }
#Menu li ul li a:hover { color:#FFF; background:#003878; }
#Menu li ul li ul { margin: -1.75em 0 0 12em; }
#Menu li:hover ul, #Menu ul li:hover ul ul, #Menu ul li:hover ul ul ul, #Menu ul li.sfhover ul ul, #Menu ul li.sfhover ul ul ul { left: -999em; }
#Menu ul li:hover ul, #Menu ul li li:hover ul, #Menu ul li li li:hover ul, #Menu ul li.sfhover ul, #Menu ul li li.sfhover ul, #Menu ul li li li.sfhover ul { left: auto; }

/* Sub Menu */
.SubMenu { padding:15px 0 0 15px; }
.SubMenu ul { margin:0; padding:0; list-style:none; }
.SubMenu li a { display:block; padding:6px 0; color:#FFF; font-weight:bold; }
.SubMenu li a:hover, .SubMenu li.Selected a { text-decoration:none; } 

/* Content Downloads */
.ContentDownloads { padding:0 0 20px 0; }
.ContentDownloads h2 { margin:0; padding:8px 0; border-bottom:1px solid #e3e2e2; }
.ContentDownloads ul { margin:0; padding:0; list-style:none; }
.ContentDownloads li a { display:block; padding:8px 0; color:#898686; font-weight:bold; border-bottom:1px solid #e3e2e2; }
.ContentDownloads li a:hover { color:#00529a; }

/* Homepage */
#Homepage .Images img { float:left; margin:5px 0 0 5px }

/* Contact */
#Contact .ColLeft { float:left; width:250px; } 
#Contact .ColLeft table { margin:0 auto 0; }
#Contact .ColRight { float:right; width:600px; } 

#Contact .Form .Col { clear:none; float:left; width:300px; }


/* Photo Gallery */
#PhotoGallerySearch { margin-bottom:20px; }
#PhotoGallerySearch .FormField { margin-bottom:5px; }

/* News */
#NewsMenu { margin:0 0 30px; }
#NewsMenu h3 { margin:0; padding-bottom:5px; color:#00529a; border-bottom:1px solid #e3e2e2; }
#NewsMenu ul { margin:0 0 15px; padding:0; list-style:none; }
#NewsMenu ul li { margin:0; padding:0; }
#NewsMenu ul li a { display:block; padding:8px 0; color:#898686; font-weight:bold; border-bottom:1px solid #e3e2e2; }
#NewsMenu ul li a:hover, #NewsMenu ul li a.Selected { color:#00529a; }

/* News */
#News h2 { margin:4px 0; }
#News h2 a:hover { color:#777; }
#News .ArticleList .Article .Thumbnail { float:left; margin-right:10px; width:250px; height:120px; }
#News .ArticleList .Article .Details { float:left; width:290px; }
#News .ArticleList .Article .Details .More a { display:block; padding:6px; height:17px; color:#FFF; background:url(../images/bg_more.gif) right; }
#News .ArticleList .Article .Large { width:600px; }
#News #Article .Viewer { margin:30px 0 0 0; }
#News #Article .Viewer .Thumbnail { float:left; margin:0 10px 10px 0; }
#Unsubscribe .Form label { width:80px; }
#Unsubscribe .Form .FormButton { margin:5px 0 0 86px; }

/* Projects */
#Projects h2 { margin:4px 0; font-size:14px; }
#Projects .ProjectList .Project .Thumbnail { float:left; margin-right:10px; width:250px; height:120px; }
#Projects .ProjectList .Project .Details { float:left; width:290px; }
#Projects .ProjectList .Project .Details .More a { display:block; padding:6px; height:17px; color:#FFF; background:url(../images/bg_more.gif) right; }
#Projects .ProjectList .Project .Large { width:600px; }
#Projects #Project .Viewer { margin:30px 0 0 0; }
#Projects #Project .Viewer .Thumbnail { float:left; margin:0 10px 10px 0; }

/* Login */
#RMRequest .Form .ColLeft { clear:none; float:left; width:400px; }
#RMRequest .Form .ColRight { clear:none; float:left; width:200px; }
#RMRequest .Login { margin:40px 0; width:340px; border:1px solid #CCC; }
#RMRequest .Login h2 { margin:0; padding:5px; color:#FFF; background:#005199; }
