#banner {
  background-image:url(../images/title2_ai.jpg);
  width: 780px;
  height: 68px;}

#menu {
	background-color:#CCCCCC;
	text-align: center;
	border: groove;
	display: block;
	height: 32px;
	width: 770px;
	padding: 2px;
}
  
#nav {
  width: 680px;
  text-align: center;
  height: 100px;
  float: left;
  list-style: none;
  display: inline;
  }

#menu span {
    display: inline;
    position: relative;
	top: 6px;
    color:#6685a3;
	font-weight: bolder;
	background-color:#CCCCCC;
	border:thin solid #e5e3e2;
	padding:3px;
	width:auto;}

span.img {
  display: inline;
  background-color: #FFFFCC;
  position: relative;
  float: left;
  margin-bottom: 20px;
  height: auto;
  width: 150px;
  text-align: center;
  }

span.img img {
  display: inline;
  text-align: center;
  margin: 3px;
  border: 1px solid #ffffff;
  }

#nav a {
  color: #2E72C5;
  text-decoration: none;}

a:link { color: #2E72C5;}
/*
#list {
  position: relative;
  background-color: none;
  padding: 0px;
  margin: 0px;
  width: 780px;
  height: auto;
  list-style: none;
  display: block;}

li.img {
	margin: 16px;
	height: auto;
	width: 150px;
	float: left;
	text-align: center;
	}
	
li.img img {
  display: inline;
  text-align: center;
  margin: 3px;
  border: 1px solid #ffffff;}

li.img a:hover img {border: 1px solid #400000;}

*/

#page {
  display: inline;
  float: left;
  width: 780px;
  height: auto;}

body {
  text-align: center;}

#content {
  background-color:#FFFFCC;
  position: relative;
  text-align: center;
  display:inline;
  width: 780px;
  height: auto;
  }

#cat {
	display: inline;
	float:left;
	color:#6685a3;
	font-weight: bolder;
	background-color:#CCCCCC;
	border:thin solid #e5e3e2;
	padding:3px;
	width:175px;}