/*
#0B267F - groundbreaker blue
#c0c0c0 - grey
#ffffff - white
#000000 - black
*/

.mceContentBody { text-align: left; background: #ffffff;}

body { padding: 0; margin: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; background: #c0c0c0;}
h1, h2, h3, h4, a, p { margin: 0px 0px 8px 0px; padding: 0; }
h1, h2, h3, h4 { color: #0B267F; }
h1 a, h2 a, h3 a, h4 a { color: #0B267F; } 
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; margin-bottom: 15px; }
h4 { margin: 15px 0px 2px 0px; }
blockquote { margin-top: 0px; padding-top: 0px; }

div#outer { width: 990px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 15px;    background-image: url(/media/images/base/container_back.png)
    background-repeat: repeat-y;
}
div#inner { margin-left: auto; margin-right: auto; width: 980px; text-align: left; background: #ffffff;}
div#header { background: url('/media/images/logo.gif') no-repeat; height: 137px; position: relative; }
div#header div#text { position: absolute; bottom: 26px; right: 15px; color: #0B267F; text-align: right; font-size: 1.5em; }

div#menu { background: #0B267F; height: 34px; margin: 30px 0px 0px 0px; color: #ffffff; font-size: 1.3em; padding: 0px 0px 0px 0px;  background-image: url(/media/images/base/button_off.jpg); background-repeat: repeat-x;} 


div#menu a, div#menu a:link, div#menu a:active, div#menu a:visited { color: #ffffff; text-decoration: none; }
div#menu a:hover { text-decoration: underline; }
div#menu ul { display: block; list-style: none; width: 984px; margin-left:-40px; margin-top: 0px;}
div#menu li{ float: left; position: relative; list-style: none; margin-top: 0px; width: 122px; text-align: center;}
div#menu li ul {  display: none; position: absolute; top: 1.8em; left: 0; list-style: none; margin: 0; padding: 3px 0px 1px 0px;}
div#menu li:hover ul, div#menubar li.over ul{ display: block; clear: left; z-index:99; width: 200px;}
#menu li:hover ul ul { display:none; }
div#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:-3px; padding-bottom: -30px; width: 200px; clear:left;}
div#menu ul li ul li {display: block; clear:left;  margin-top: 0px; width: 200px;}


div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active {
        display: block;
        text-decoration: none;
        font-size: 12px;
        padding:  8px 0px 12px 0px;
        font-weight: bold;
        margin: 0px 0px 0px 0px;

}

div#menu a:hover { text-decoration: none; background-image: url(/media/images/base/button_on.jpg); background-repeat: repeat-x;  color:#FFFFFF;}

.zcurrent_link {
        background-image: url(/media/images/base/button_on.jpg); background-repeat: repeat-x;
        /*background: #023f88;*/
        color:#FFFFFF;
}
.noncurrent_link {
        background-image: url(/media/images/base/button_off.jpg); background-repeat: repeat-x;
        color: #FFFFFF;
}

div#contentcontainer { 
    width: 940px; 
    background: #FFFFFF; 
    padding: 20px; 
    min-height:300px;
    background: url(/media/images/base/container_back2.png);
    background-repeat: repeat-y;
    background-position: center;
}

div#footer { background: url(/media/images/base/footer_gb.jpg); background-repeat: repeat-x; height: 50px; }

div.step { width: 100%; margin-bottom: 15px; }
div.clear { clear: both; }

/* Form Layout */
form ul { list-style: none; }
input[type=radio] { margin-right: 15px;}
ul li label { float: none; width: auto; display: inline; margin: 0px 0px 5px 0px; list-style: none;}
label { font-weight: bold !important; font-size:12px; } 
label { display:block; padding:0 1em 3px 0; float:left; width:12em; }
input, textarea, select { margin:2px 0; padding:2px 3px; vertical-align:middle; font-weight:normal; font-size:11px; }
input[type=text] {  width: 300px;}
textarea { vertical-align:top !important; width: 300px; }

