@charset "UTF-8";

div#all { width: 1000px;
          margin: 0 auto;
	  background-color: #fff;
}

h1,h2,h3,h4,h5,h6 { padding: 5px;  }

#top { 	margin: 0;
        border: 2PX solid #f5f5f5;
	height: 100px;
	line-height: 1;
}

#top a { text-decoration: none;
        width: 120px;
	font-size: 16px;
	font-family: serif;
	text-align: center;
	float: right;
	margin: 25px 25px;
	border: 3PX solid #a9a9a9;
	border-radius: 15px;
	padding: 5px 5px;
}

#top a:hover {color: red;  }
	
#nav ul { margin: 0;
     padding-left: 0;
     height: 50px;
     background: url("./images/bg_menu.gif") 0 0 repeat-x; 
}     

#nav li { list-style-type: none;
     width: 20%;
     float: left  }  
     
#nav ul li a { display: block;
	  border-right: 1px solid white;
	  line-height: 50px;
	  font-family: Helvetica;
	  text-decoration: none;
	  text-align: center;
	  color: #00003c;
}

#nav ul a:hover { color: blue; }

#nav ul a:active {color: blue;
}

#content {display: flex; display: -webkit-frex; }

#main { flex: 0 0 375px; -webkit-flex:0 0 375px; 
        width: 375px; }

#main { border: 1px solid gray;
        line-heigh: 2;
        float: left;  
	background-color: #ffffff; 
}

#main h2 { font-size: 20px;
           margin: 0;
           color: #000080;
	   text-align: center;
           font-family: sans-serif;
	   letter-spacing: 3px;
}

#main ul { margin: 15px;
     padding-left: 0;
     height: 190px;
}

#main li { list-style-type: none;
} 


#main ul li a { display: block;
	  border: 1px solid gray;
	  line-height: 30px;
	  font-family: monospace;
	  text-decoration: none;
	  color: #00003c;
} 

#main ul a:hover { color: blue; }

#main ul a:active {color: blue;
}

		  
	   
section img { margin: 0px 10px 0px 10px;
              float: left; }
	      
section p { font-size: 12px;
            margin: 5px 10px 5px 10px;	}    

section a { font-size: 13px;
            padding: 5px 5px;
            margin: 0;	}    

#side 	{ flex: 0 0 600px; -webkit-flex:0 0 600px; 
          width: 615px; }  

#side {	border: 1px solid gray;
        float: right;  
	background-color: #ffffff; } 
	
#side {	font-size: 12px;
        padding: 0; }
	
#side h2 { margin: 0;
           color: #000080;
	   text-align: center;
           font-family: Helvetica;
	   letter-spacing: 3px;
}

#side h3 { margin: 0;
           color: #000080;
	   text-align: left;
           font-family: Helvetica;
	   letter-spacing: 2px;
}

#side p { font-size: 15px;  }

.clear {  clear: both;
          height: 10px;
	  background-color: #ffffff;
}	  

.footer { width: 100%;
          font-size: 10px;
          text-align: center;
          padding: 20px 0 30px;
	  background-color: #cccccc;
}

.footer ul { margin: 0;
     padding-left: 0;
     height: 30px;
}

.footer ul a:hover { color: #e0ffff; }

.footer ul a:active {color: #e0ffff;
}

.footer li { list-style-type: none;
     width: 120px;
     float: right  }	

.footer ul li a { display: block;
	  border-left: 1px solid white;
	  line-height: 25px;
	  font-family: serif;
	  text-decoration: none;
	  text-align: center;
	  color: #00003c;
}