/* ------------------------------------------
                global classes
------------------------------------------ */

body {
       color: #000;
       background: #09486b url("gb_images/bg.jpg") repeat-x;
       font-family: arial, sans-serif;
       text-align: left;
       margin: 0px;
}

a {
       text-decoration: none;
}

a:hover {
       text-decoration: underline;
}

h1 {
       margin: 0px;
       padding: 0px;
}

hr {
       border: 0px;
       border-top: 1px dashed #000;
       height: 0px;
       width: 50%;
}

img {
       border: none;
}

table {
       text-align: left;
       font-size: 13px;
       border: 1px solid #000;
       border-collapse: collapse;
       background-color: #D7E8F7;
       margin: auto;
}

td, tr {
       border: 1px solid #000;
       padding: 3px;
}

th {
       background-repeat: repeat-x;*/
       background-color: #81a6d0;
       height: 20px;
       padding: 3px;
}

table img {
       vertical-align: middle;
       padding: 3px;
}

#mainwrapper {
       width: 95%;
       margin: 0px auto;
}

/* ------------------------------------------
                header classes
------------------------------------------ */

#pageheader {
       background: url("gb_images/pageheader2.png") no-repeat;
       height: 6px;
background-color: #ffffff;
}

#header {
       height: 90px;
       background: #fff url("gb_images/topwave.jpg") no-repeat;
}

#logo {
       float: left;
       margin: 0 0.5em 0 0.5em;
}

#topright {
       float: right;
       margin-right: 15px;
       padding: 0.9em;
       font-size: 1.5em;
}

#cmstitle {
       color: #306398;
       display: inline;
}

#time {
        color: #000;
        font-size: 12px;
}

/* ------------------------------------------
                Top menu classes
------------------------------------------ */

#topmenu {
       clear: right;
       margin: 0;
       font-size: 14px;
       color: #fff;
       background: #00264f url("gb_images/navbg.jpg") repeat-x top;
       height: 2.2em;
       list-style: none;
}

#topmenu li {
       float: left;
       background: #00264f url("gb_images/navbg.jpg") repeat-x top;
}

#topmenu li a {
       float: left;
       color: #fff;
       padding: 0.5em;
       border-right: solid 1px #6c8bac;
}

#topmenu li:hover a {
       background: #003e80 url("gb_images/navselect.jpg") repeat-x;
       text-decoration: none;
}

/* ------------------------------------------
                Main Wrapper classes
------------------------------------------ */

#contentwrapper {
       background: #fff;
}

#leftnav {
clear: left;
       float: left;
       width: 163px;
       background: #00264f;
       border-right: solid 1px #6c8bac;
       border-bottom: solid 1px #6c8bac;
}

#maincontent {
       /* float: right; */
       background: #fff;
       width: 75%;
       padding: 2px 5px;
       font-size: 14px;
margin-left: 170px;
       /*margin: 170px;*/
}

#content {
       margin: 10px 10px;
       padding: 5px;
       font-size: 12px;
       background: #fff url("gb_images/contentbg.png") repeat;
       border: 1px solid #c5dbeb;
       min-height: 450px;
}

/* ------------------------------------------
                Left menu classes
------------------------------------------ */

#menu {
       list-style: none;
       margin: 10px;
       color: #f00;
}

#menu li {
       margin-left: -50px;
}
        
#menu li a {
       height: 32px;
       width: 143px;
       voice-family: inherit;
       height: 24px;
       text-decoration: none;
       color: #fff;
       background: url('gb_images/menu.png');
       padding: 8px 0 0 20px;
}
        
#menu li a:link, #menu li a:visited {
       display: block;
}
        
#menu li a:hover {
       background: url('gb_images/menu.png') 0 -32px;
}
        
#menu li a:active {
       background: url('gb_images/menu.png') 0 -64px;
}

#menu li ul {
       list-style: none;
       margin-left: 20px;
       background-color: #003e80;
}

#menu li ul li{
       background: none;
       margin-left: -20px;
}

#menu li ul li a {
       background: url('gb_images/submenu.png');
       padding: 8px 0 0 60px;
       width: 103px;
}
        
#menu li ul li a:hover {
       background: url('gb_images/submenu.png') 0 -32px;
}
        
#menu li ul li a:active {
       background: url('gb_images/submenu.png') 0 -64px;
}


#submenu  {
       background: #fff;
       text-align: center;
       padding-left: 0px;
       margin-left: -30px;
}

/* 

#submenu li {
       background-image: url('gb_images/subbutton.jpg');
       background-repeat: no-repeat;
       list-style: none;
       width: 130px;
       height: 24px;
       font-size: 14px;
       text-align: left;
}

#submenu li a {
       display: block; /*makes the link take up the full width of the div
       width: 135px; /*makes IE recognise this properly
       height: 21px;
       color: #000;
       padding-top: 3px;
       font-weight: normal;
       font-style: italic;
       text-decoration: none;
}

.submenu_active a {
       font-weight: bold;
}

/* ------------------------------------------
                main classes
------------------------------------------ */

.main {
       background-color: #fff;
       text-align: left;
}

.menu {
       float: left;
       margin-left: 2%;
       width: 200px;
}

.input {
       background-color: #d7e8f7;
       color: #000;
       border: 1px solid #9cc1e0;
       width: 95%;
       margin: 0px auto 0px auto;
       padding: 5px;
       text-align: center;
}

/* ------------------------------------------
                footer classes
------------------------------------------ */

#footer {
       text-align: left;
       clear: both;
       margin-top: -20px;
       text-align: center;
       font-size: 10pt;
       padding: 12px;
       height: 20px;
       background-color: #ffffff;
       background-image: url("gb_images/footer.png");
       background-repeat: no-repeat;
}

#debug {
       text-align: left;
       clear: both;
       margin-top: 20px;
       font-size: 10pt;
}

.debug {
       font-size: 8pt;
}

#copyright {
       text-align: center;
}

/* ------------------------------------------
                misc classes
------------------------------------------ */

.mainheading h1 {
       color: #fff;
       display: inline;
       font-size: 28px;
       background: url("gb_images/h1bg_middle.jpg") repeat-x;
       padding: 0 0.3em;
       vertical-align: bottom;
}

.mainheading img {
       vertical-align: top;
       margin: 0 -0.4em;
}

.mainheading {
       vertical-align: top;
       margin: 0.1em 0 1em 0;
padding-left: 10px;

}

.clear {
       clear: both;
}

.singulant {
       vertical-align: middle;
}

.block img {
       display: block;
}

.error {
       color: #F00;
       font-weight: bold;
}

.menuname {
        font-size: 16px;
        background-color: #97bedf;
        border: solid 1px #000;
        width: 25%;
        height: 28px;
}

.menuname h2 {
        float: left;
        margin: 0;
        padding: 0;
        font-size: 16px;
        padding: 5px;
}

.menuname img {
        vertical-align: bottom;
        padding: 1px;
}

.menuicons {
        float: right;
}

.blueboxparent {
        text-align: center;
}

.bluebox {
        border: 1px solid #000;
        padding: 5px;
        background-color: #D7E8F7;
        margin: 5px auto;
        width: auto;
}

/* ------------------------------------------
                imagelist classes
------------------------------------------ */


.imageList {
       border: solid 1px #9cc1e0;
       background-color: #D7E8F7;
       padding: 5px;
       margin: 5px;
       margin-left: auto;
       margin-right: auto;
       width: 95%;
       display: block;
}

.imageListElement {
       background-color: #9cc1e0;
       margin: 5px;
       border: solid 1px #444;
       width: 170px;
       float: left;
       height: 235px;
}

.imageListImage {
       height: 160px;
       clear: both;
}

.imageListElement img {
       border: solid 1px #444;
       margin-left: auto;
       margin-right: auto;
       margin: 5px;
}

.imageListHead {
       float: left;
       margin-top: 5px;
       margin-left: 10px;
}

.imageListFoot {
       float: right;
       margin-right: 10px;
       margin-bottom: 5px;
}

.imageListFoot a img {
       border: 0;
       margin: 3px;
}

.imageListKey {
       border: solid 1px #444;
       background-color: #9CC1E0;
       padding: 5px;
       margin: 10px;
       margin-left: auto;
       margin-right: auto;
       width: 300px;
       text-align: left;
}

.imageListEnd {
       clear: both;
}

/* ------------------------------------------
             caption form classes
------------------------------------------ */

.captionForm {
}

.captionFormError {
       color: #f00;
}

.captionFormErrors{
       font-weight: bold;
       color: #f00;
}