@charset "utf-8";
/* CSS Document */

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: Verdana, Geneva, sans-serif;
}

body.coastal {
background: url("./bg-coastal-main.jpg") no-repeat fixed center top #93B5CE;
}




#all {
    width:980px;
    min-height:100%;
    margin: 10px auto;
    padding:0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: solid #371D13 2px;
}

#all.vlb {
    border-color: #CC0000;
}
#all.coastal { 
    border-color: #03517A;
}


#header {
    width:980px;
    margin:0;
    padding:0;
    text-align:left;
    z-index:-1;
    height: 185px;
    background:url(./hdr-glo_commish.png) no-repeat;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-topleft: 8px;

}

.glolinkback {
    width:120px; 
    float:right; 
    margin: 20px 0px 0px 0px;
    text-align: center;
    margin-right: 20px;
}

.glolinkback a:link, .glolinkback a:visited {
    font-size: 12px;
    color: #FFF;
    display: block;
    background-color:#999;
    border: solid 1px #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
    font-weight: bold;
    text-decoration: none;
}

.glolinkback a:hover, .glolinkback a:active {
    color: #999;
    background-color:#FFF;
    text-decoration: none;
}

#contentcontainer {
padding: 10px;
    margin: 5px auto 10px auto;
    text-align:left;
    /*font-size:1.2em;*/
    font-size:12px;
    clear: both;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: url(./bg-content.png) repeat top left;
    width: 920px;   
}
#contentcontainer.glo {
    border: 4px solid #371D13;
}
#contentcontainer.vlb {
    border: 4px solid #CC0000;
}
#contentcontainer.coastal {
    border: 4px solid #03517A;
}

.portalLink {
   /* background: none repeat scroll 0 0 white;*/
    border: 2px solid #371D13;
    float: left;
    height: 170px;
    width: 130px;
    margin: 20px;
    padding: 0;
    text-align: center;
}
.portalLink2 {
    margin: 20px 8px;
}
.portalLink a {
    font-size: 12px;
    text-decoration: none !important;
    font-weight:bold;
    display:block;
    background-color:none;
    padding: 10px;
    height: 150px;
}

.portalLink a:hover {
    background-color:#CCC;
}

.portalContactDiv {
    float: right;
    margin: 20px;
    width: 285px;
}

#contentcontainer.glo a, #contentcontainer.glo a:visited {
    color: #371D13;
}
#contentcontainer > div#h1Right {
    float: right;
    width: 70%;
}
#contentcontainer > div#right {
    float: right;
    width: 75%;
}
#contentcontainer > div#left {
    width: 20%;
}
#contentcontainer > div#left ul li, #contentcontainer > div#left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#contentcontainer > div#left ul li a {
    display: block;
    padding: 10px 5px;
    border-bottom: solid 1px #371D13;
    text-decoration: none;
}
#contentcontainer > div#left ul li a:hover, #contentcontainer > div#left ul li a:active {
    background-color: #371D13;
    color: white;
}