@charset "utf-8";

/*
 * Default formatting
 */

html body {
    width: 100%;
    margin: 0px 0px;
}

body
{
    font: 62.5%  Arial Unicode MS,arial,verdana,sans-serif;
    color: black;
    background: white;
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}

h1
{
    color: #333333;
    font-size: 1.7em;
    font-weight: normal;
}

h2
{
    font-size: 1.4em;
    color: #333333;
    font-weight: bold;
}

    h2 a {
        color: #999;
    }
    
    h2 a:hover {
        color: #666;
    }
h3{
    font-size: 1.3em;
    color: #333333;
    font-weight: bold;
}
a
{
    color: #999;
    text-decoration: underline;
}

a:hover
{
    color: #444;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.frame
{
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}

.infobox {
    border:1px solid #E2E6E7;
}
.infobox p { padding:10px; }
.infobox h1 {
    font-size: 1.9em;
    background: 	#E2E6E7;
    padding: 10px;
}

/*
 * Styling and page layout
 */

#wrapper {
}

#container {
    position: relative;
    min-height: 550px;
    height: auto !important;
    height: 550px;
    width: 730px;
    margin: 0px auto;
    background: #fff;
}

#header {
    position: relative;
    margin: 0px auto;
    height: 115px;
    margin: 0px auto;

}

    #logo {
        position: absolute;
        left: 50px;
        top: 25px;
        font-size: 3.0em;
        color: #fff;
    }
    
    #slogan {
        position: absolute;
        left: 150px;
        top: 60px;
        font-size: 1.8em;
        color: #f0f0f0;
    }
    
    #navigation {
        font-size: 1.2em;
        color: #fff;
        height: 26px;
        background: url(/asset/images/glbnav_background.gif) repeat-x top left;
        position: relative;
        padding-top:6px;
    }
    #navigation #leftBg { width:5px; height: 35px; background: url(/asset/images/gblnav_left.gif) no-repeat top left;  position: absolute; top:0;left:0; } 
    #navigation #rightBg { width:5px; height: 35px; background: url(/asset/images/glbnav_right.gif) no-repeat top right;  position: absolute; top:0;right:0; }
        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
            display: block;
            float: left;
            line-height: 19px;
            height: 19px;
            margin: 0px 2px;
            border-right: 1px solid black;
        }
        
        #navigation ul li a {
            display: block;
            padding: 0px 15px;
            margin: 0px 0px;
            color: #000000;
            font-weight: bold;
            text-decoration: none;
            font-size: 1.2em;
        }
        
        #navigation ul li.hover, #navigation ul li:hover {

        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {

            text-decoration: underline;
        }
        
        #navigation ul li.active {
      
        }
        
        #navigation ul li.active a {

            color: #86263A;
        }


#wrapper {
    width: 950px;
    margin: 10px auto 0px;
    padding-bottom: 50px;
}
    

    
    /*
     * Right-hand column
     */
    
div.content p { 
    font-size: 1.2em;	
}

#footer {
    position: absolute;
    bottom: 5px;
    width: 950px;
    height: 35px;
    margin: 0px auto;
}

    #footer .content {
        text-align: center;
        font-size: 1.1em;
        color: #fff;
        line-height: 35px;
    }
    
        #footer .content a {
            color: #ddd;
            text-decoration: none;
        }
        
        #footer .content a:hover {
            color: #f0f0f0;
            text-decoration: underline;
        }


#round-bottom {
    position: absolute;
    bottom: -10px;
    left: 0px;
    height: 10px;
    width: 730px;
}

/*
 * Hax (don't look here)
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}