pre         {
            font-family:           sans-serif;      /* pre-determines settings which over-ride browser settings - check on this */
	        }

body {                                                                          /* body = webpage, e.g. background-color of outside edges  */
	        font-family:           Trebuchet MS, arial, helvetica, sans-serif;
	        font-size:             small;
	        color:                 #169;  /* <!-- text color --> */
            background-color:      #099;  /* <!-- dark turquoise --> */
            padding:               1em;   /* creates space around outside edge of page  */
            margin:                0;
}
            
#allcontent {                                          /* allcontent = frame within body */
            width:                  800px;             /* width = width of text space */
            padding:                1.5em;             /* padding = creates space around text, inside border  */
            margin:                 1.5em;             /* margin = creates space around border */
            background-color:       #C2FCF4;  /* <!-- pale turquoise --> */
            margin-right:           auto;
            margin-left:            auto;
            border:                 5px solid #169;     /* styles the border around the sidebar  */
            border-right-color:      #169;
            border-left-color:       #169;
}

h1,h2,h3,h4,h5,p,ul  {
                     font-family: Trebuchet MS, arial, helvetica, sans-serif; 
}


ul#navigation1 {                         /*  top navigation bar */
	          padding:             0;  /*  adds padding to the left of the navbar  */
              margin:              0;     /*  adds extra space to the left of the object  */
              list-style-type:     none;  /*  a navbar is essentially a list, so this adds style to your list if required.  Use none otherwise */
              background:          #036;  /*  dark blue  */
              float:               left;  /*  position of navigation bar on page  */
              width:               100%;
              
}

ul#navigation1 li {
              display:             inline;  /* shows navbar items on same line  */
}

ul#navigation1 a { 
              display:             block;            /*  check why you use this here  */
              float:               left;             /*  position of navbar on page  */
              padding:             .2em 1em;         /*  padding around text lists top/bottom then right/left  */
              text-decoration:     none;             /*  no text styling  */
              color:               #fff;             /*  color of text on navbar  */
              background:          #036;             /*  color of navbar  */
              border-right:        1px solid #fff;   /* creates line breaks along navbar  */
              
}

ul#navigation1 a:hover {
              color:               #000;     /*  text color  */
              background:          #0CC;     /*  color navbar shows when mouse hovers over  */
}

ul#navigation2  {                                /* bottom navbar  */
	          font-size:           .9em;         /* size of text on navbar  */
              padding:             0;            /*  padding around text, lists top/bottom then right/left  */
              margin:              0;            /*  creates space around outside of navbar  */
              background:          #036;         /*  color of navbar  */
              float:               left;         /*  position of navbar on page  */
              width:               100%;         /*  width of navbar  */
}

ul#navigation2 li {
              display:             inline;       /* shows navbar items on same line  */
}

ul#navigation2 a { 
              display:             block;           /*  check this */
              float:               left;            /*  position of navbar on page  */
              padding:             .2em 1em;        /*  padding around text, lists top/bottom then right/left  */
              text-decoration:     none;            /*  no text styling  */
              color:               #fff;            /*  color of text on navbar  */
              background:          #036;            /*  color of navbar  */
              border-right:        1px solid #fff;  /* creates line breaks along navbar  */
}

ul#navigation2 a:hover {
              color:               #000;            /*  text color  */
              background:          #F4A460;         /*  color navbar shows when mouse hovers over  */
}

#sidebar { 
           background:             #FFC;                /* background color for sidebar box  */
           color:                  #169;                /* color of text inside sidebar box  */
           font-size:              1em;
           width:                  200px;               /* width of sidebar  */
           padding:                1em;                 /* adds space around the text inside the border  */
           margin:                 .1em .4em .1em .4em;       /* adds space around the border  - left, top, right, bottom */
           border:                 1px solid #169;     /* styles the border around the sidebar  */
           border-right-color:      #000;
           border-bottom-color:     #000;
           float:                  right;
           text-align:             center;      
}
           
#maincontent   {     
               font-family:           Trebuchet MS, verdana, sans serif;
               font-color:            #000;    /* black  */
               font-size:             1em;     /* size of text  */
               padding:               .5em 1em;    /* padding around text  */
               margin:                0;     /* space around padding  */
               margin-left:           .5em;  /* pushes text to left by stated amount */
               margin-right:          265px; /* pushes text to right to make space for 'spacebar on right side of page */
               background-color:      #FFC;   /* beige  */
               text-align:            center; /* text alignment of maincontent */
               border:                 1px solid #169;     /* styles the border around the sidebar  */
               border-right-color:      #000;
               border-bottom-color:     #000;
}

   
#footer {
        font-size:                 .8em;      /*  size of font of text  */
        padding-bottom:            1em;       /*  padding along bottom of navbar  */
        text-align:                center;    /*  alignment of text on navbar  */
        clear:                     both;      
}

h1,h2,h3    {
           color:      #00C;       /*  header text attribute - this is blue */  
}

h1         {
           font-size:             2em; 
}

h2, h3     {
           font-size:              1em; 
}

span.banner {
           font-family:            Trebuchet MS, verdana, sans serif;
           font-weight:            200;
           text-align:             left;
           color:                  #00C;   /*  dark blue */
	       margin-left:            1.2em;  /* indent  */
	       padding:               .4em;
           padding-bottom:        0;
}

table#banner {

             width:                100%;
             padding:              0;
             padding-top:          1em;
             padding-bottom:       1em;
             margin:               0;
             margin-top:           1.2em;
             margin-bottom:        1.2em;
             border-top:           2px solid #00C;
             border-bottom:        2px solid #00C;
}


td img {     display:              block;
             padding:              0;
             margin:               0;
             text-align:           center;
}

div.meeting { 
           background:             #FFC;                /* background color for sidebar box  */
           color:                  #169;                /* color of text inside sidebar box  */
           font-size:              1em;
           width:                  150px;               /* width of sidebar  */
           padding:                1em;                 /* adds space around the text inside the border  */
           margin:                 .8em;       /* adds space around the border  */
           border:                 1px solid #099;     /* styles the border around the sidebar  */
           border-right-color:      #169;
           border-bottom-color:     #169;
           float:                  right;
           text-align:             center;      
}

a:link {
	        color: #00F;  /* blue  */
            
}

a:visited {
	        color: #606;  /* purple  */
            
}

a:hover {
            color: #F00;  /*  red  */
}


  /*  width = width of space
      height = height of space
      line-height = height of text
      
      padding = space directly around text  (order = left/right, top/bottom or left, top, right, bottom)
      border = border line around padding
      margin = space directly around border or padding