pre         {
            font-family:           sans-serif;
	        }

body {
	        font-family:           verdana, arial, helvetica, sans-serif;
	        font-size:             small;
	        color:                 #000;
            padding:               1em;
            margin:                1em .5em;
}
            
#allcontent {
            width:                  960px;
            padding:                1.5em;
            background-color:       #B2F9F1;
            margin-right:           auto;
            margin-left:            auto;
}

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


h1#header {
          	color:                 #0C77A5;  /*<!--  #fff; original white color   -->*/
	        font-size:             150%;
	        font-weight:           normal;
	        text-transform:        uppercase;
	        text-align:            center;
	        letter-spacing:        .5em;
	        padding:               .4em 0;
	        border-top:            1px solid #0C77A5;
	        border-bottom:         1px solid #0C77A5;
}

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:          #63DDC1;
}

ul#navigation2  {
	          margin-left:         0;
              margin-right:        0;
              padding-left:        0;
              padding-right:       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:          #63DDC1;
}

/*#sidebar { 
           background:             #63DDC1;
           color:                  #000;
           font-size:              .9em;
           width:                  170px;
           [padding:                .5em 1em 1.5em 1em;   ** these were the original settings for the globe sidebar **
            margin:                 .1em 0 .5em 1em;]
           padding:                1em;
           margin:                 0 0 .8em .8em;
           border:                 1px solid #000;
           float:                  right;
           text-align:             center;      
           }*/
           
#sidebar { 
           background:             #cfc;
           color:                  #000;
           font-size:              95%;
           width:                  300px;
           padding:                1em;
           margin:                 0 .8em .8em .8em;
           border:                 1px solid #000;
           float:                  right;
           text-align:             center;      
           }
           
#maincontent   {     
               background-color:      #DAE8FF;
               padding:               .5em;
               padding-right:         5em; 
               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:       #0C77A5;
}

h3  {
    font-size:   1em;
    color:       #0C77A5;
}

span#title   {
             color:                 #0C77A5; /*<!-- shadow color on title   --> */
             font-size:             55%;
	         font-weight:           lighter;
	         text-transform:        uppercase;
	        }

span#header  {
             color:        #0C77A5;  /*<!-- shadow color on title   --> */
             font-size:     .7em;
             font-style:   italic;
             font-weight:  lighter;
             padding-bottom: 3em;
             text-transform: none;
             letter-spacing: .3em;
}

span.dates       {
                 color:            #0000CD;
                 font-size:        1em;
                 font-style:       italic;
                 font-weight:      bolder;
                  }
                  
span#article   {
               color:               black;
               padding:             .2em;
               border:              1px solid white;
               background-color:    #fff;
               margin:              1em;
}

div.fifth  {
            line-height:            1.5em;
            font-family:            Georgia, Times New Roman, Times, serif;
            color:                  #444444;
            width:                  400px;
            border-top-color:       #fff;
            border-right-color:     #000;
            border-bottom-color:    #000;
            border-left-color:      #fff;
            border-width:           1px;
            border-style:           solid;
            background-color:       #ADD8E6;
            padding:                2em 4em;
            margin:                 2em;
                        
            /*  these were the original setting for padding & margin in div.cds - 
            padding-left:           4em;
            padding-right:          4em;
            margin:                 2em;
            margin-right:           4em; */
}

div.newsbox  {  
             line-height:             1.3em;
             font-family:             Georgia, serif;
             color:                   #000;
             font-style:              italic;
             font-size:               .9em;
             border:                  1px solid #fff;
             border-right-color:      #000;
             border-bottom-color:     #000;
             background-color:        #ADD8E6;
             padding:                 2em 2em;
             margin:                  2em .8em 2em .8em;
}

div.courselist  {
                background-color:   #CFC;
                font-family:        Georgia serif;
                color:              #000;
                padding:            2.0em;
                margin:             2.0em;
                margin-right:       1em;
                margin-left:        1em;
                border:             1px solid fff;
                border-right-color: #000;
                border-bottom-color:#000;
}

div.courselist img {
               float:               left;
               padding:              0;
}


table#header {

             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;
}