body {

  background-color: #c50;
	background: url('../images/wallpaper.jpg') repeat;
	
	
 } /* Octavio Corral wrote this code*/
						
		#container {
		  width: 800px;
			border: 4px solid black;
			margin-left: auto;
			margin-right: auto;
			margin-top: 10px;
			padding: 10px;
			background-color: white;
			background: url('../images/background.jpg') repeat;
			
		}
		
		* html div #container { /* This is the Tan hack */
		width: 800px; 
		w\idth: 780px; }

		#banner {
		  padding: 0px;
			margin-top:0px;
			margin-bottom: 10px;
		}
		
		.adbanner {
		height: 70px;
		border-bottom: 2px solid gray;
		margin-top: 5px;
		}
		
		.imagebanner {
		 background: url('../images/banner.gif') no-repeat center;
		 height: 125px;
		 margin-bottom: 10px;
		 margin-top: 10px;
		}  

		#navcontainer ul{
		  background: url('../images/bar.jpg') no-repeat;
		  padding: .1em 0;
			margin: 0px;
			margin-bottom: 5px;
			list-style-type: none;
			border: 0px solid black;
			background-color: #036; 
			color: white;
			width: 100%;
			font: normal 90% arial, helvetica, sans-serif;
			text-align: center;
			
     }

		#navcontainer ul li { 
		 	display: inline; 
		 }

		#navcontainer ul li a{
		  text-decoration: none;
		  color: white;
		  padding: .2em 1em;
		  border-right: 0px solid #fff;
		}	

		#navcontainer ul li a:hover{
		  background: url('../images/barhover.jpg') no-repeat;
		  background-color: #036;
			color: white;
			font-weight:bold;
			border-left: 1px solid white;
			border-right: 1px solid white;
		}				
		
		#active a:link, #active a:visited, #active a:hover{
		  background: url('../images/barhover.jpg') no-repeat;
		  background-color: #036;
			color: white;
			border-left: 1px solid white;
			border-right: 1px solid white;
			font-weight:bold;
		}	
		
		#content {
		  
			padding-left: 5px;
			padding-right: 0px;
			margin-left:139px;
			margin-right:140px;
			margin-bottom: 25px;
			padding-bottom: 30px;
			color: black;
			border: 0px solid black;
			min-height: 800px;
			text-align: justify;

			
		}

		#innerbox {
		padding-top: 5px;
		padding-right: 5px;
		padding-left:7px;
		}
		
		#innerbox p{
		font: 11px verdana;
		}
		
		#innerbox li{
		font: 11px verdana
		}
		
		#innerbox a{
		 color: blue; 
		 font: 12px verdana;
		 text-decoration: none;
		 font-weight: bold;
		}
		
		#innerbox a:hover{ 
		font: 12px verdana, helvetica, sans-serif;
		font-weight: bold;
		color: #d55f00;
		text-decoration: none;
		}
		
		#title {
		  background: url('../images/titlebar.jpg') no-repeat top right;
			height: 20px;
		  text-align:right;
			margin-right: 5px;
			margin-left: 0px;
			margin-top: 5px;
			padding-bottom: 5px;
		} 
		
	  #title p {
	    font-weight:bold;
			letter-spacing: 1px;
			color: white;
			margin-right: 0px;
			padding-right: 10px;
			font: 20px verdana;
		}
		
		ul#navlist3{
	list-style-type: none;
	padding-bottom: 24px;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
		 }

		 ul#navlist3 li{
		  float: right;
		  height: 21px;
		  background-color: #036;
		  margin: 2px 2px 0 2px;
		  border-left: 1px solid white;
			border-right: 1px solid white;
			}

		 li#active3 a{
		  background-color: #c63;
		 }

		 li#active3 a{
		  font: bold 9px verdana, arial, sans-serif; 
		  color: white; 
		 }

	 #navlist3 a{
		 float: left;
		 display: block;
		 color: white;
		 text-decoration: none;
		 padding: 4px;
		 }

		#navlist3 a:hover {
	background: #c63;
	color: white;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
		}
		
		
		
		#sidebar-a {
			float: left;
			width: 140px;
			background-color: white;
			color: black;
			min-height: 800px; 
			
		}
		
		#navcontainer2 {
		  width: 140px;
			border-right: 0px solid #036;
		  
		  }
		
		
		#navcontainer2 ul{
		  width: 140px;
		  list-style-type: none;
		  font-family: Arial, Helvetica, sans-serif;
			margin-top:0;
			margin-left: 0;
			margin-bottom: 0;
		  padding-left: 0;
			 
		}
		
		#navcontainer2 a{
		  display: block;
		  padding: 6px;
		  width: 140px;
		  background-color:white ;
			color: black; 
		  font: 14px arial, helvetica, sans-serif;
		}

		#navcontainer2 a:link, #navlist2 a:visited{
		  color: #d55f00; 
			font-weight: bold;	
			text-decoration: none;
			width: 140px;
	  }

		#navcontainer2 a:hover{
		  font-weight: bold;
			color: black;
			background: url('../images/buttonhover.jpg') no-repeat;
			width: 140px;
	  }
		
		#active2 a:link, #active2 a:visited, #active2 a:hover{
		  background-color: #c63;
			background: url('../images/buttonhover.jpg') no-repeat;
			color: black;
			font-weight: bold;
			border-left: 1px solid black;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
			width: 130px;
		}
		
		#headline{
		  color: #d55f00; 
		  font: 16px arial, helvetica, sans-serif;
			font-weight: bold;
		}	
			

		#sidebar-b {
			float: right;
			width: 125px;
			\width: 135px;
			w\idth: 125px;
			margin: 0;
			margin-top: 0px;
			padding: 5px;
			background-color: #dfdfdf;
			min-height: 100px;
		}

		#bottombar{
		  clear: both;
      float:bottom;		
		  width:268px;
		  height: 70px;
			margin-left: 155px;
			margin-bottom: 10px;
			background-color: white;
		  }
			
			#footer {
			clear: both;
			text-align: center;
			background-color: #036;
			border: 1px solid black;
			margin-top: auto;
			margin-bottom: auto;
			margin-left: auto;
			margin-right:auto;
			padding-bottom: 5px;
			font-weight: 500;
		  font: 14px arial, helvetica, sans-serif;
			}
		
		#footer ul {
		  margin: 5px;
			padding: 0;
			list-style-type: none;
			font-size:10px;
			}

		#footer ul li { display: inline; }

		#footer ul li a {
		  text-decoration: none;
			color: white;
			}

		#footer ul li a:hover {
		  color: #7dbeff;
		}