pre         {
            font-family:           sans-serif;
	        }

body {
	        font-family:           verdana, arial, helvetica, sans-serif;
	        font-size:             small;
	        color:                 #000;
            background-color:      #4169E1;
            padding:               1em;
            margin:                1em .5em;
}
            
#allcontent {
            width:                  960px;
            padding:                1.5em;
            background-color:       #ADD8E6;  
            margin-right:           auto;
            margin-left:            auto;
            border:                 7px solid #fff;     /* styles the border around the outer frame of page - #fff = white;  */
            border-right-color:      #fff;
            border-left-color:       #fff;
            border-style:            groove;
}

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


h1#banner {
          	color:                 #0000CD;  
	        font-size:             150%;
	        font-weight:           normal;
	        text-transform:        uppercase;
	        text-align:            center;
	        letter-spacing:        .5em;
	        padding:               .4em 0;
	        border-top:            1px solid #fff;
	        border-bottom:         1px solid #fff;
}

h1#title  {
          color:                   #090;
          font-weight:              bold;
}

ul#navigation1  {
	          margin-left:         0;
              padding-left:        0;
              list-style-type:     none;
              background:          #036;
              float:               left;
              width:               100%;
}

ul#navigation1 li {
              display:             inline;
}

ul#navigation1 a { 
              display:             block;
              float:               left;
              padding:             .2em 1em;
              text-decoration:     none;
              color:               #fff;
              background:          #036;
              border-right:        1px solid #fff;
}

ul#navigation1 a:hover {
              color:               #000;
              background:          #69C;
}

ul#navigation2  {
	          margin-left:         0;
              padding-left:        0;
              list-style-type:     none;
              background:          #036;
              float:               left;
              width:               100%;              
}

ul#navigation2 li {
              display:             inline;
}

ul#navigation2 a { 
              display:             block;
              float:               left;
              padding:             .2em 1em;
              margin-left:         0;
              margin-right:        0;
              text-decoration:     none;
              color:               #fff;
              background:          #036;
              border-right:        1px solid #fff;
}

ul#navigation2 a:hover {
              color:               #000;
              background:          #69C;
}

#sidebar { 
           background:             #ADD8E6;
           color:                  #000;
           font-size:              95%;
           width:                  200px;
           padding:                1em;
           margin:                 0 .8em .8em .8em;
           border:                 1px solid #000;
           float:                  right;
           text-align:             center;      
           }
           
#maincontent   {     
               background-color:      #DAE2F1;
               padding:               .5em;
               padding-right:         8em;  /*this setting 'pushes' the text to left but leaves big gap under globe */
               padding-left:          2em;
               margin:                .3em;
               margin-right:           0;
               margin-left:            0;
}
   
#footer {
        font-size:                 80%; 
        color:                     #8B0000;
        padding-bottom:            1em;
        text-align:                center;
        clear:                     both;
}

h1, h2 {
	font-size:   1.2em;
    color:       #0000CD;
}

h3  {
    font-size: .9em;
    color:       #0000CD;
}

span.title   {
             color:                 #0000CD; 
             font-size:             55%;
	         font-weight:           lighter;
	         text-transform:        uppercase;
	        }

span.banner  {
             color:        #0000CD; 
             font-size:     .7em;
             font-style:   italic;
             font-weight:  lighter;
             padding-bottom: 3em;
             text-transform: none;
             letter-spacing: .3em;
}

span.news  {
           color:                 #C00;
           font-weight:            bolder;
}

   
span.article   {
               color:               black;
               padding:             .2em;
               border:              1px solid white;
               background-color:    #fff;
               margin:              1em;
}

td img {
            display:               block;
            border-collapse:       collapse;

}

table#banner {

             margin-left:          0;
             margin-right:         0;
             border:               none;
             border-collapse:      collapse;
}

td img {     display:              block;
             padding:              0;
             padding-bottom:       0;
             margin:               0;
             text-align:           left;
             border-collapse:      collapse;
}

a:link {
	        color: #00F;
            
}

a:visited {
	        color: #606;
            
}

a:hover {
            color: #F00;
}