html, body      { height: 100%;
                padding: 0; margin:0;
                }
                
body            { height: 100%; width: 100%;
                max-width: 100%;
                font: 400 1.0em arial sans serif;
                background: #5C7778 url("images/homepage.jpg") top left;
                background-size: 100%;
                color: #C3AF9D;
                }
                
a               { color: #978B7F;
                text-decoration: none;
                border: none;
                }
                
a:hover         { color: #6E6A67;
                text-decoration: underline;
                }
img             {
                border: none;
}
                
h1              {
                font: 700 32px Georgia, 'century gothic', 'trebuchet ms';
                letter-spacing: 4px;
                }
                
h2              {
                font: 600 22px Georgia, 'century gothic', 'trebuchet ms';
                }

#container      { width: 80%; margin: 20px auto;
                padding: 5px;
                background: top left repeat-x #51320e;
                
                }
                
#header         { width: 100%; max-width: 100%;
                padding: 0; margin: 0;
                clear: both;
                }
#header a {
                text-decoration: none;
                color: #C3AF9D;
}
#header a:active {
                text-decoration: none;
                color: #C3AF9D;
}
                
#header_left    { float: left; display: inline;
                background:  no-repeat top left;
                min-height: 180px; max-width: 65%;
                width: 65%; min-width: 65%;
                text-align: center;
                }
                
#header_right   { float: right; display: inline;
                width: 30%; min-width: 30%;
                text-align: right;
                }
                
#header_right img {
                float: right;  position: absolute;
}
                
#header_nav     { color: #fff;
                padding: 5px; margin: 0; background-color: #381b05;
                clear: both;
                height: 20px; min-height: 20px;
                text-align: center;
                }
                
#main_left      { width: 25%; max-width: 25%; min-width: 25%;
                float: left; clear: left;
                padding: 5px; margin-top: 5px;
                border: 2px solid #C3AF9D; border-right: ridge;
                }
                
#main_right     { float: right;
                max-width: 70%; min-width: 70%; width: 70%;
                padding: 5px; margin-top: 5px;
                border-right: 2px solid #C3AF9D;
                min-height: 600px;
                }
                
#main_right_left { 
                 display: inline;
                text-align: center;
                }
#main_right_left p {
                text-align: left;
}
                
#main_right_right {  display: inline; float: right;
                width: 0%;
                padding-left: 5px;
                border-left: 2px dashed #C3AF9D;
                }
                
#bot_left       { width: 25%; max-width: 25%;
                float: left; clear: left;
                padding: 5px; margin-top: 5px;
                border: 2px solid #C3AF9D;
                border-right: ridge;
                }

#bot_right      { float: right; clear: right;
                max-width: 70%; width: 70%;
                text-align: center;
                padding: 5px; margin-top: 5px;
                border: 2px solid #C3AF9D;
                border-left: ridge;
                }
#bot_right img  {
                border: 1px solid black;
}

#footer         { clear: both;
                width: 100%;
                text-align: center;
                font-size: small;
                margin-top: 5px; padding: 5px;
                }
                
#header img     { float: left; display: inline; clear: none;
                }
                
#header h1      { display:inline; clear:right;
                margin-left: 5px;
                text-shadow: 4px 4px 4px #000;
                font-size: 2.2em;
                }
                
#header h2      { display: block;  
                margin-left: 0px;
                font-size: 1.9em;
                text-shadow: 2px 2px 2px #000;
                }
#header strong    {
                font: Bold 1em Georgia, serif;
}

#main_left li {
                font-size: 1.4em;
                font: Bold;
}

ul.nav          { list-style-type: none;
                padding: 0; margin: 0;
                }

li.nav          { display: inline;
                }

a.nav           { float: left; display: block;
                text-align: center;
                width: 100px;
                background-color: #9C9E97;
                color: #6E6A67;
                text-transform: uppercase;
                }
                
a.nav:hover     { background-color: #5C7778;
                color: #C3AF9D;
                }