@import url('normalize.css');
@import url('typography.css');
@import url('layout.css');


body
{background-color: #C9C6A5; color: #180003; font: normal normal 90% helvetica, verdana, arial, sans-serif; padding-bottom: 20px;}

#wrapper
{z-index: 10;}

#branding
{width: 100%; height: 108px; background-color: #4b6100; color: #ffffff;}

#branding h1
{width: 199px; height: 89px; background: url('../images/h1-branding-white.png') no-repeat; text-indent: -9999px; position: absolute; top: 8px; left: 20px; }

#navigation
{width: 100%; height: 27px; background-color: #D1C682; border-width: 0 0 2px 0; border-style: solid; border-color: #ffffff; color: #000000;}

#navigation #main_nav
{position: relative; top: 5px; left: 17px; width: 700px;}

#navigation #main_nav li
{float: left; font-weight: bold;}



#main_content
{position: relative; margin-left: 20px; top: 20px; max-width: 800px; margin-bottom: 70px;}

#outerWrapper
{position: absolute; top:0; left: 10px; height: 100%; width: 50px; z-index: 12;}

strong
{font-weight: bolder}

h2
{position: relative; padding-bottom: 10px; font-size: 1.4em;}