/* ie fixes */
div#hd, div#middle, div#bd, div#ft { zoom:1; }
body { position: relative; }

/* global */
div.clearall { clear: both; margin: 0; padding: 0; }
html { background: top left #292e3c url(/media/bg.png) no-repeat; }
body, p, h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
p { font-family: Verdana, serif; }
ul { margin-top: 0; }

/* corners */
div.corner { line-height: 0; font-size: 0; position: absolute;}
div.tl { left: 0; top: 0; height: 15px; width: 15px; }
div.bl { left: 0; bottom: 0; height: 9px; width: 15px; }
div.br { right: 0; bottom: 0; height: 9px; width: 15px; }
div.tr { right: 0; top: 0; height: 15px; width: 15px; }

/* style bar */
div#style_bar {position: relative;  height: 45px; background: #8ec841 repeat-x url(/media/style-bar-bg.png); }

/* banner */
div#hd {position: relative; color: #fff; margin-top: -30px; }
div#banner_content p.subtitle { margin-left: 83px; padding-bottom: 10px; font-size: 93%; }
div#banner_content h1 { margin-top: 0; margin-bottom: 0; }
div#banner_content img { margin-top: 0; padding: 0; margin-left: 20px; }
div#banner_content {
    background: #1e1e1e url(/media/banner-bg.png) top left repeat-x;
    padding-top: 10px;
    border-top: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}
div#banner_content div.tr { background: transparent url(/media/banner-tr.png) top left no-repeat; }
div#banner_content div.tl { background: transparent url(/media/banner-tl.png) top left no-repeat; }
div#banner_content div.bl { background: transparent url(/media/banner-bl.png) top left no-repeat; }
div#banner_content div.br { background: transparent url(/media/banner-br.png) top left no-repeat; }


/* middle */
div#middle { position: relative; background: #09b0f1 url(/media/middle-bg.png) repeat-y 50% 0%; }
div#middle_content {
    color: #ffffff;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    border-top: 5px solid #ffffff;
    padding: 20px 2em .5em 20px;
}
div#middle_content h2 { font-size: 167%; padding-left: 20px; font-family: "Trebuchet MS", sans-serif; }
div#middle_content ul { padding-top: .5em; }
div#middle_content ul li { font-size: 131%; margin-left: 45px; }
div#middle_content div.tr { background: transparent url(/media/middle-tr.png) top left no-repeat; }
div#middle_content div.tl { background: transparent url(/media/middle-tl.png) top left no-repeat; }
div#middle_content div.bl { background: transparent url(/media/middle-bl.png) top left no-repeat; }
div#middle_content div.br { background: transparent url(/media/middle-br.png) top left no-repeat; }
div#middle_right { color: #000000; font-size: 167%; }
div#middle_right p { margin-left: 15%; }

/* body */
div#bd { position: relative; background: #eeeeee; color: #000000;}
div#bd_content {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    padding: .5em 1.5em;
    border-top: 5px solid #ffffff;
}
div#bd_content h2 { text-align: center; font-size: 153.9%; padding-bottom: .5em;  }
div#bd_content div.tl { background: transparent url(/media/body-tl.png) top left no-repeat; }
div#bd_content div.tr { background: transparent url(/media/body-tr.png) top left no-repeat; }
div#bd_content div.bl { background: transparent url(/media/body-bl.png) top left no-repeat; }
div#bd_content div.br { background: transparent url(/media/body-br.png) top left no-repeat; }
div#bd_content p { text-align: justify; padding-left: 1em; padding-right: 1em; padding-bottom: 1em; font-size: 85%;}
div.border_line { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }

/* footer */
div#ft { position: relative; background #1d1d1d; color: #ffffff; }
div#ft_content {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    background: #1d1d1d url(/media/footer-bg.png) repeat-x;
    padding-top: 12px;
    padding-bottom: 11px;
}
div#ft p { text-align: center; font-size: 77%; padding-top: .25em; }
div#ft_content div.tl { background: transparent url(/media/footer-tl.png) top left no-repeat; }
div#ft_content div.tr { background: transparent url(/media/footer-tr.png) top left no-repeat; }
div#ft_content div.bl { background: transparent url(/media/footer-bl.png) top left no-repeat; height: 15px; }
div#ft_content div.br { background: transparent url(/media/footer-br.png) top left no-repeat; height: 15px; }