@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

.cgs1821proj1 #container { 
	width: 984px;  /* (was 46em;) */
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000; 
	text-align: left; 
} 
.cgs1821proj1 #header { 
	background: #DDDDDD; 
  } 
.cgs1821proj1 #header h1 {
	margin: 0; 
	padding: 10px 0; 
	text-align: center;
}

.cgs1821proj1 #sidebar1 {
	float: left; 
	width: 12em;
	background: #EBEBEB; 
	padding: 15px 0; 
	}
	
.cgs1821proj1 #sidebar1 h3, .cgs1821proj1 #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}

 ul.leftnav {  
        margin-left: 10px;
		margin-right: 10px;
        padding: 0;
        list-style: none;
        /*width: 175px;*/
        }  
#sidebar1 a { 
          color: #000;
          font-size: 1em;
          text-transform: uppercase;
          text-decoration: none;
          border: 1px dashed #999; 
          padding: 7px 5px 7px 30px;
          display: block; 
          background-color: #E7E7E7;
          background-image: url(../assets/images/png/link.png);
          background-repeat: no-repeat;
          background-position: left center; 
		  } 
		  		  
	  #sidebar1 a:visited {
      	font-weight: bold;
      	background: aqua url(../assets/images/png/go.png) no-repeat 5px 50%;
        color: inherit;
        }      
      
      #sidebar1 a:hover {
      	font-weight: bold;
      	background:/*#B2F511*/ #FFFF00 url(../assets/images/png/go.png) no-repeat 5px 50%;
        color: inherit;
        }
        
        #sidebar1 a:active {
        font-weight : bold;
        color : #B22222; 
        background-color : white;
        text-decoration : none;
        } 

img.graphic {
      float: right;
      margin-top: 5px;
      margin-left: 10px;
      margin-bottom: 5px;
      border: 1px solid #666;
      padding: 10px;
      } 

.em1 { color: #000000; background: #ffc; font-weight: bold; font-style: Italic}
      .em2 { color: #000000; background: #ffc; font-weight: bold; 
	  }

     p.copyright { 
     color: #AE00F6;
     background-color: inherit;
     font-size: 0.75em;
     text-transform:uppercase;
     }   
      
     p.footnote { 
     color: #AE00F6;
     background-color: inherit;
     font-size: 0.75em;
     text-align: center;
     vertical-align: top;
     }    

.cgs1821proj1 #mainContent {
	margin: 0 1.5em 0 13em; 
} 
.cgs1821proj1 #footer { 
	padding: 0 10px; 
	background:#DDDDDD;
} 
.cgs1821proj1 #footer p {
	margin: 0; 
	padding: 10px 0; 
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
