/*--------------------------------------------------------------------------
Default CSS

Author:			    Che de Bruin
Date:	        	03-09-2009
Description:		Layout for the entire web-site
--------------------------------------------------------------------------*/
*                           { -moz-box-sizing: border-box; } 
html, body                  { cursor: auto; height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: center; background-image: url('../../images/background/pattern.gif'); }

a                           { font-family: Arial; font-size: 12px; color: #006701; text-decoration: none; }
a:hover                     { text-decoration: underline; }

body /*FF*/                 { text-align: -moz-center; }

.MainPage                   { width: 750px; font-family: Arial; font-size: 12px; color: White; background-color: White; text-align: left; }
.MainPagePadding            { padding: 0px 10px 10px 10px; }

.SiteLogo                   { position: absolute; top: 20px; margin-left: -40px; text-align: left; }
.SiteLogoSmall              { position: absolute; top: 20px; margin-left: -30px; text-align: left; }

.PageHeader                 { text-align: right; padding: 10px 0px 10px 0px; color: #3A8d49; }
.PageHeader h1              { font-size: 18px; padding: 0px; margin: 0px; }
.PageHeader h2              { font-size: 12px; padding: 0px; margin: 0px; }

.HeadMenu                   { width: 100%; height: 30px; text-align: right; margin: 0px; padding: 0px; text-align: center; background-image: url('../../images/background/bar.jpg'); }

.PageQuotes                 { font-family: Times New Roman; font-size: 17px; color: #484848; float: left; width: 280px; }
.PageQuotes h1              { font-size: 17px; font-weight: normal; padding: 0px; margin: 0px; }

.MainContent                { width: 450px; float: left; color: #484848; }
.MainContent h1             { font-family: Times New Roman; font-size: 45px; font-weight: normal; color: #006701; }
.MainContent h2             { font-size: 15px; color: #006701; }

.MainNavigation li          { height: 48px; padding-left: 75px; list-style: none; background-image: url(../../images/bone/off.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 25px; }
.MainNavigation li:hover    { background-image: url(../../images/bone/over.gif); }
.MainNavigation a           { font-family: Times New Roman; font-size: 35px; color: #006701; text-decoration: none; }

.HeaderNavigation           { text-align: right; }

.HeaderNavigation li        { width: 100px; height: 30px; list-style: none; float: right; background-position: center center; background-repeat: no-repeat; color: #FFFFFF; text-align: center; border-left: 1px solid #00920E; }
.HeaderNavigation li:hover  { background-image:url(../../images/bone/small.gif); }
.HeaderNavigation a         { color: #FFFFFF; font-weight: bold; text-decoration: none; }

.SelectNavigation           { background-image:url(../../images/bone/small.gif); }

.ContentImages              { clear: both; text-align: center; }

.PageFooter                 { clear: both; border-top: solid 1px #006701; color: #484848; width: 100%; }
.PageFooter a               { color: #484848; text-decoration: underline; }