/*
   Main elements
*/


html {
    height              :   100%;
    background          :   white;
}


body {
    height              :   100%;
    margin              :   0;
    padding             :   0;
    background          :   white;
    /*
       Centering body childs has to be done for
       IE, because it doesn't center elements
       with left and right margins on 'auto'.
       To stop descendants from inheriting this,
       some elements will need a value of 'left'
       for text-align now.
    */
    text-align          :   center;
}


html>body {
    /*
       We use XHTML, therefore we want to apply the
       background color to the html element. Because
       Internet Explorer does not like that, we
       define it on both html and body, and remove it
       on body with a rule that's not understood by
       Internet Explorer.
    */
    background          :   none;
    text-align          :   left;
}


#site {
    width               :   865px;
    height              :   100%;
    min-height          :   100%;
    margin              :   0 auto 0 auto;
    padding-top         :   24px;
    text-align          :   left;
    color               :   black;
    font-family         :   "Trebuchet MS", Helvetica, Jamrul, sans-serif;
    font-size           :   12px;
}


body>#site {
    /*
       Remove the text-align:left rule for capable
       browsers, because it only resets alignment for
       Internet Explorer (see rules for the 'body'
       element).
       Also, in capable browsers we use a combination
       of min-height (previous rule) and height, but
       we have to hide this for Internet Explorer.
    */
    height              :   auto;
    text-align          :   inherit;
}


/*
   Header section
*/


h1 {
    width               :   864px;
    height              :   72px;
    margin              :   0;
    padding             :   0;
    background          :   #709e8f url("/images/front_end/lower/header.gif") center center no-repeat;
    font-size           :   1em;
    font-weight         :   normal;
}


h1 a {
    position            :   relative;
    display             :   block;
    width               :   100%;
    height              :   100%;
}


h1 a span {
    position            :   absolute;
    display             :   block;
    left                :   187px;
    bottom              :   8px;
    color               :   white;
    text-decoration     :   none;
}


/*
   Page section
*/


#page {
    float               :   left;
    width               :   616px;
    padding-top         :   15px;
}


#search {
    float               :   left;
    width               :   160px;
}


#search p {
    margin              :   0 0 20px 0;
}


#search input.text {
    margin              :   0;
    padding             :   2px 5px 2px 5px;
    width               :   148px;
    border              :   solid 1px #c3c3c3;
    border-top          :   solid 2px #7c7c7c;
    background          :   white;
    color               :   #4d8674;
    text-align          :   right;
}


#search input.submit {
    display             :   none;
}


#title {
    float               :   right;
    width               :   428px;
    margin-top          :   10px;
}


#content {
    clear               :   both;
}


#menu {
    float               :   left;
    width               :   160px;
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
    /*
       Preloading (only needed when arrow shows on hover).
    */
/*
    background          :   url("/images/front_end/lower/arrow.gif") left -20px no-repeat;
*/
}


#menu li {
    width               :   160px;
}


#menu li a {
    position            :   relative;
    display             :   block;
    margin              :   0 0 5px 0;
    text-align          :   right;
    /*
       Keep the value of line-height equal to #text p.
    */
    line-height         :   1.6em;
    font-weight         :   normal;
}


#menu li a span.decoration {
    position            :   absolute;
    display             :   none;
    width               :   10px;
    height              :   100%;
    background          :   url("/images/front_end/lower/arrow.gif") right center no-repeat;
    right               :  -10px;
    top                 :   0px;
}


/*
#menu li a:hover span.decoration {
    display             :   block;
}
*/


#menu li.active a span.decoration {
    display             :   block;
}


#text {
    float               :   right;
    width               :   404px;
    padding-right       :   24px;
    color               :   #666;
}


#text p:first-child {
    margin-top          :   0px;
}


#text p {
    line-height         :   1.6em;
}


/*
   Box section
*/


#box {
    float               :   right;
    width               :   232px;
    padding             :   103px 8px 15px 8px;
    background          :   #d5e4de url("/images/front_end/lower/box.gif") center top no-repeat;
    color               :   #666;
}


#box p {
    margin              :   5px 0 5px 0;
}


#box h2,
#box h3 {
    color               :   black;
}


#box h3 {
    margin              :   20px 0 5px 0;
    font-size           :   1em;
    font-weight         :   normal;
}


#box p a {
    font-style          :   italic;
}


/*
   Footer
*/


#footer {
    clear               :   both;
    width               :   864px;
    height              :   92px;
    padding             :   20px 0 40px 0;
    background          :   url("/images/front_end/lower/footer.gif") center center no-repeat;
}


/*
   General styles
*/


h2, h3, h4, h5 {
    color               :   black;
    font-size           :   1em;
    font-weight         :   normal;
    font-style          :   normal;
}


h2 {
    font-size           :   17.5px;
    font-style          :   italic;
}


h3 {
    font-weight         :   bold;
}


h4 {
    font-style          :   italic;
}


a {
    color               :   #4d8674;
    text-decoration     :   none;
}


a:hover {
    color               :   black;
}


hr {
    height              :   1px;
    border              :   none;
    border-bottom       :   solid 1px #d5e4de;
    text-align          :   center;
}


strong {
    color               :   black;
    font-weight         :   normal;
}


blockquote {
    margin              :   2em 2em 2em 1em;
    padding             :   0 .75em 0 1.25em;
    border-left         :   1px solid #d5e4de;
}


#text ul {
    list-style-type     :   square;
}


pre {
    margin              :   2em 0 2.5em 0;
    padding             :   5px 0 5px 10px;
    border-top          :   1px solid #d5e4de;
    border-bottom       :   1px solid #d5e4de;
    font-family         :   "Bitstream Vera Sans Mono", Courier, Monaco, monospace;
    background-color    :   inherit;
}


code {
    font-family         :   "Bitstream Vera Sans Mono", Courier, Monaco, monospace;
}