@import url("reset.css");

body
    {
    text-align: center;
    font: normal 62.5%/ 1.1em Arial, Helvetica, sans-serif;
    background-color: #c1b3a8;
    }

#wrapper
    {
    position: relative;
    margin: 0 auto;
    width:  750px;
    text-align: left;
    background: #fff;
    font-size: 1.15em;
    line-height: 1.65em;
    color:  #663333;
    padding-top: 88px;
    margin-top: 15px;
    }

#footer
    {
    height: 20px;
    width: 100%;
    background: #C6AA75;
    padding-left: 2px;
    }
/* = Header 
----------------------------------- */
#header_cont
    {
    width:  100%;
    height: 88px;
    position: absolute;
    top:    0;
    left:   0;
    background: #fff url(/images/header_backr.png) repeat-x 0 0;
    }

#header_cont #top-block
    {
    width:    100%;
    position: relative;
    }

#header_cont #top-block #logo
    {
    position: absolute;
    top: -5px;
    right: -9px;
    width: 101px;
    height: 95px;
    background: url(/images/logo.gif) no-repeat top right;
    }
#header_cont #top-block #breadcrumb{position: absolute; top:69px; left: 2px; z-index: 2000; width: 655px;}
#header_cont #top-block #breadcrumb span.active{font-weight: bold;}
#container
    {
    padding:  3px 0 3px 0;
    position: relative;
    width:    100%
    }

#left
    {
    float: left;
    width: 198px;
    margin: 0 0 0 2px;
    padding-bottom: 174px;
    position: relative;
    }

#bottomlogo{
    position: absolute;
    bottom: 18px;
    left:   2px;
    z-index: 1000;
}

#content_container
    {
    width: 546px;
    float: right;
    }

#content
    {
    padding: 0;
    width: 100%;
    }
#content .ce_text{padding: 3px;}
#content.headimg { }

/* Nav */
#nav
    {
    border: 1px solid #643C28;
    margin: 3px 0 20px 0;
    padding:5px 10px 5px 15px;
    list-style-type: none;
    line-height: 1.2em;
    }
#nav li{margin-bottom: 0.6em;}
#nav ul.level_2
    {
    margin:          5px 0 20px 18px;
    list-style-type: none;    
    }
#nav ul.level_2 li{margin-bottom: 0.6em;}
#nav a{text-decoration: none; color: #643C28;}
#nav a:hover{color: #643C28; text-decoration: underline;}

h1
    {
    font-size: 1.4em;
    color: #663333;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 0.5em;
    }

.h1
    {
    font-size: 1.3em;
    color: #663333;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif
    }

h2
    {
    font-size: 1.2em;
    font-weight: bold;
    color: #003366;
    font-family: Arial, Helvetica, sans-serif
    }

h3
    {
    font-size: 1.1em;
    color: #003366;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    }

h4
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color:     #003366
    }

h5
    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    font-style: normal;
    line-height: normal;
    color:     #003366;
    font-weight: bold
    }

p
    {
    margin-bottom: 1.25em;
    }

span.bigtext, span.bigtext a
    {
    color:     #FF9900;
    font-size: 1.4em;
    font-weight: bold;
    }

span.bigtext a
    {
    font-size: 1em;
    }

#content ul
    {
    margin:      0 30px 1.4em 30px;
    line-height: 1.3em;
    }

#content ul li
    {
    margin-bottom: 1.2em;
    }

a:link
    {
    text-decoration: underline;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #663333;
    }
/* unvisited links */
a:visited
    {
    text-decoration: underline;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #663333;
    }
/* visited links */
a:hover
    {
    color: #E2D5AB;
    text-decoration: underline;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    }
/* user hovers */
a:active
    {
    color: #663333;
    text-decoration: underline;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    }
/* active links */
a
    {
    color:           #663333;
    text-decoration: none;
    font-weight:     normal
    }

a.MenuLink
    {
    font-weight: normal;
    color: #663333;
    text-decoration: none;
    font-weight: normal;
    }

a.MenuLink:active
    {
    color:           #643C28;
    text-decoration: none;
    font-weight:     normal;
    }

a.MenuLink:visited
    {
    color:           #643C28;
    text-decoration: none;
    font-weight:     normal;
    }

a.MenuLink:hover
    {
    color:           #E2D5AB;
    text-decoration: underline;
    font-weight:     normal;
    }

strong
    {
    font-weight: bold;
    }

/* CLEARING FLOATS -------------------------------------------------------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after
    {
    content: "."
        ;               /* This dot is the actual content that will be appended to the end any div this class is applied to. */
    clear: both;        /* Makes the generated content appear after the floats. */
    height: 0;          /* Sets its height to zero so it doesn't show. */
    visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
    display: block
        ;               /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
    }

.clearfix
    {
    display: inline-block
        ; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
    }

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html.clearfix
    {
    height: 1%;
    }

.clearfix
    {
    display: block;
    }
/* End hide from MacIE */

.clear
    {
    height:      0;
    line-height: 0;
    font-size:   0;
    clear:       both;
    }