/* sets all margin and padding (browser defaults) back to zero for ease of use */     
   * {
          margin : 0;
          padding : 0;
      }


body {
  background : url('../images/bg.gif');
 }

/* centers layout (text-align: center for IE), defines overall width and sets background colour of main container div */
     div#main {
          width : 770px;
          height: 500px;
          margin : 5px auto;
          text-align : center; 
          font-family: Verdana, Arial;
          font-size: 11px;
          background-color : #ffffff;
          border : 1px solid #aaa;
      }
      div#main2 {
          width : 770px;
          margin : 5px auto;
          text-align : center; 
          font-family: Verdana, Arial;
          font-size: 11px;
          background-color : #ffffff;
          border : 1px solid #aaa;
      }

/* restores text-align to left in elements contained in container div */
    div#main * {
          text-align : left;
      } 
      
         div#main2 * {
          text-align : left;
      } 

/* default image anchor since border deprecated */
a img {border:none;} 

/* ----- Bandeau ----- */

#logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 139px;
  height: 79px; float:right; text-align:left
}

#header {
    position: relative;
    float: left;
    width: 770px;
}


#main {
  position: relative; 
}

#navbar {
    position: relative;
    float: left;
    z-index: 1000;
    margin-left: 0px;
    width: 770px;
    height: 17px;
    color: #ffffff;
    font-family: verdana;
    font-size: 10px;
    line-height : 15px;
    margin-left: 0px;
}

/* styles added by GM for logo change*/

#utility-nav {
position: relative;float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    margin-right: 5px;
    margin-left: 0px;
    text-align: right;
}
#head-img {
    position: relative;
    margin-left: 0px;
    width: 770px;
    height: 79px;
    float: left;
    clear: both;
    background-color:#000000    
}

#date {
    text-align: right; 
    color:#CCCCCC; 
    font-family:Verdana; 
    font-size:10px; 
    font-weight:bold;
    margin-right: 5px;
    margin-top: 65px;
    float:right
}
    
#search2 { 
    position: relative;
    height: 15px;
    padding: 0px;
    width: 770px;
    float: left;
    margin-left:5px; margin-right:0px; margin-top:3px; margin-bottom:0px
}
#utility-zone {
    position: relative;
    width: 770px;
    height: 35px;
    float: left;
    background-color:#fff;  

}

#utility-nav a:link {color: #155193; text-decoration: none;}
#utility-nav a:visited {color: #155193; text-decoration: none;}
#utility-nav a:hover { color: #0D3661; text-decoration: underline;}
#utility-nav a:active {color: #155193; text-decoration: none;}


/* ----- layout ----- */
#page {
    position: relative;
    float: left;
    background-color: #ffffff;
    width: 770px;
    }
#maincol {
  background-color: #ffffff;
  position: relative;
  float: left;
  margin-left: 20px;
  padding: 10px;
  width: 500px;
}


#singlecol {
  background-color: #ffffff;
  position: relative;
  float: left;
  width: 770px;
}



#leftcol {
  background-color: #ffffff;
  position: relative;
  float: left;
  margin-left: 10px;
  width: 199px;
}

#centercol {
  padding: 5px; background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  position: relative;
  margin-left: 210px;
  width: 355px;
}
#widecentercol {
  padding: 15px; background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  position: relative;
  margin-left: 210px;
  width: 520px
}

#rightcol {
  background-color: #ffffff;
  border: 1px solid #CCCCCC;

  position: relative;
  margin-left: 556px;
  width: 130px;
}


/* ----- Logged on/off message ----- */

.status      { font-family: Verdana, Arial; font-size: 95%; font-variant: small-caps; color: 
               #800000; font-weight: bold; text-align: left; position:relative; margin-left:20px;  
                }
                
 .logged      { font-family: Verdana, Arial; font-size: 95%; font-variant: small-caps; color: 
               #800000; font-weight: bold; text-align: left; position:relative; margin-left:350px;  
                }
                

                

div#footer {
    position: relative;
    float: left;
    margin: 0pt;
    width: 770px;
    background-color: #0075bf;
    color: #fff;    
    clear: both;
    font-size : 90%;
    font-weight: bold;        
  
    }
div#footer a {
    text-decoration: none;
    color: #FFFFFF;
}

div#footer a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

div#footer a:hover {
    color: #FF0000; text-decoration:none; 
        }
div#footer a:active {
    color: #FFFFFF; text-decoration:none
    }

    
#footer2 {
    margin: 0pt;
    font-size: 8pt;
    width: 770px;
    background-color: #909090;
    color: #ffffff;
    clear: both; position:relative; left:0; padding-left:0pt; padding-right:0pt; padding-top:0pt; padding-bottom:0pt; float:left;
}

#footer2 ul {
    margin: 0;
    padding: 0; color:#FFFFFF
}

#footer2 li {
    display: inline;
    list-style-type: none;
    white-space: nowrap; margin-left:1pt; margin-right:0pt; margin-top:4pt; margin-bottom:0; color:#FFFFFF
}

#footer2 a {
    text-decoration: none;
    color: #FFFFFF;
}

#footer2 a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

#footer2 a:hover {
    color: #FF0000; text-decoration:none; 
        }
#footer2 a:active {
    color: #FFFFFF; text-decoration:none
    }