﻿/* global */
html{
	
}

 body{
	background-color:#eeeeee;
}


 /* containers  */
 
 #back{
	width:1000px; margin:0px, auto; background-color:#FFFFCC; 
	
}

#top{
	background-color:blue; width:100%; padding:20px 0; overflow: hidden;
	border-bottom: 1px #CCCCCC solid; border-top: 1px #CCCCCC solid;
}

#logo{
	margin: 0 0 0 10px; float:left;
	color:#66FF66; font-size:35px;
	
}

#contact{
	float:right; margin:0 10px 0 0;
}

#contact p,a  { color:#00FFFF; font-size:12px; margin: 4px 10px 4px 0px;
	
}
#contact img {
	width:25px; height:25px;
}

#navi{ background-color:#80FF80; clear:both; overflow:hidden;
	
}

#nav ul{
	width:100%; float:left; margin:0px; background-color:#333333;
	border-bottom: 3px #C0C0C0 solid;
}

#navi ul li{ display:inline;  }
#navi ul li a{ float:left; padding: 10px 20px;     }

#navi a:link { color:black; }
#navi a:hover { color:#ffffff; background-color:#800040 }


#image{
      margin: 2px;  
}

#banner{ width:100%; background-color:#80FF80; padding:15px 0; overflow:hidden;
	
}
#banner h2{ color:#004000; font-weight:bold; font-size:20px;   
                   text-align:center;        }

#content{  float:left; width:700px; padding:20px;    }
#content h1 { margin: 0 0 20px 0;  font-style:italic;
                 border-bottom:5px #004000 solid;            }
                 
#content p {
	margin: 15px 0; font-size: 15px;
}                 
                 
#content img {
	padding: 8px; border: 1px #004000 solid; margin: 8px;
}

#content h2 {  margin: 15px 0; font-size: 15px; font-weight:normal; text-indent: 50px;   }
                 
#content h5 {  margin: 18px 0; font-size: 15px; font-style:italic;
                             border-bottom:3px #004000 solid; }

#sidebar{
	 padding::20px; margin-left:725px;
}
#sidebar img {
	      padding: 8px; border: 1px #004000 solid;  border-radius: 30%; margin: 8px;
	      opacity: 0.7;
	     
}

  


#footer{
	clear:both; background-color:#008080; padding:10px 0; 
}

#footer address { text-align:center; color:#ffffff; font-size:12px; 
	
}


/* causes  */

#info{  float:left; width:970px; padding:20px;
          }

	#info h1 { margin: 0 0 20px 0;  font-style:italic;
                 border-bottom:5px #004000 solid;            }


                 
#info p {
	margin: 15px 0; font-size: 15px;
}                 
                 
#info img {
	padding: 8px; border: 1px #004000 solid; margin: 8px;
}

#info h2 {  margin: 18px 0; font-size: 18px; font-style:italic;
                             border-bottom:3px #004000 solid;  

 }
#info h3 {  margin: 15px 0; font-size: 15px; font-weight:normal; text-indent: 30px;   }

info h4 {
	 margin: 18px 0; font-size: 15px; font-style:italic;

}

#tab tr,th,td {
         border:1px solid black;
      }

#tab tr:hover {background-color:#8080FF;}
#tab tr:nth-child(even) {background-color: #f2f2f2;}
#tab th {
  background-color: #04AA6D;
  color: white;
}

/* Reference */
