/* stylemain.css */

  /* Kill all default margins and padding */
* {
    margin: 0;
    padding: 0;
  }

body{
    /* Required to center wrapper in old browsers */
       text-align:center; 
       background-color:#aaccdd;
       font-family: Arial, Helvetica, sans-serif;
       font-size:0.9em;
    }

/* Wrapper sizes the layout */
#wrapper{
    /* Sets the width of the layout */
       width:69em;
    /* Centers the layout (newer browsers) */
       margin: auto;
    /* Wrapper must have a border */
       border: solid 1px #aaa;
    /* Required so absolute mesaurement are in wrapper */
       position:relative;
    /* The rest is optional, style to taste */
       background-color:#fff;  
       margin-top:4px;
    }


/* Branding division */
   #branding{
    /* Style to taste */
       height: 4.5em;  
       background-color:#3f809e;
       color:#fff;
       text-align:center; 
    }

   #branding h1{
       font-family: Arial, Helvetica, sans-serif; 
       font-size:1.9em;
       padding-top:0.35em;
    }

/* Navbar division */
   #navbar{
       position:absolute;
    /* Top = branding height */
       top: 4.5em;
       left:0;
    /* Full wrapper width */
       width:100%;
    /* Content top padding must match this height */
       height:1.6em;
    /* Background image */
       background:#3f809e url(images/navbar1.jpg) repeat-x top;
       font-family: Arial, Helvetica, sans-serif;
       font-weight: 600;
    }

    /* Remove bullets from unordered list */
    #navbar ul{
        list-style-type:none;
    }
    
    /* Make list horizontal */
    #navbar li{
        float:left;
    }

    /* All links, and links in unvisited and visited states */
    #navbar li a,
    #navbar li a:link,
    #navbar li a:visited{
       text-decoration:none;
       background:#3f809e url(images/navbar1.jpg) repeat-x top;
       color:#18313d; /* Text color of link */
       display:block; /* required to set width and height */
       text-align:center;
       height:1.6em; /* Match to navbar height */
       line-height:1.6em; /* Match to navbar height */
       width:8.6em;
       border-right:solid 1px #3f809e;
       /* Remove dotted border from Firefox */
       outline-style:none;
    }

    /* Hover and active links */
    #navbar li a:hover,
    #navbar li a:active,
    #navbar li.selected a:link,
    #navbar li.selected a:visited{
    /* Use any colors you like */
       background:#3f809e url(images/navbar2.jpg) repeat-x top;
       color:#dbeaf0;
    }