/* Reset all margins and padding to ensure x-browser compatibility 
* {
	padding: 0px;
	margin: 0px;
}

*/
body {
	text-align:center;
	background-color: #fff;
}

body, table, div, td, input, textarea {
	font-family: 'Optima', 'Omega', 'Zapf Humanist', 'Trebuchet MS', sans-serif;
	font-size: 13px;
	line-height:1.4em;
	color: #333333;
}

body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#container { margin-top: 15px; text-align:left; }
#main { border:1px solid #006bb2; width:800px; margin: 0 auto; }
#header { background: #C3C6D0 url(../images/ucb-top.jpg) no-repeat center top; height:80px }
#nav { background: #C3C6D0 url(../images/nav.jpg) no-repeat center top; height:35px }
#pic { background: #C3C6D0 url(../images/pic-index.jpg) no-repeat center top; height:80px }
#footer { background: #C3C6D0 url(../images/footer.jpg) no-repeat center top; height:50px }
#content { min-height: 500px; padding:10px; border-top: 1px solid #006bb2;}

#nav {
	text-align: center;
	font-size: 1.2em;
	line-height:35px;
	font-weight:bold;
}
#nav ul {
	margin: 0px;
	padding:0px;
}
#nav li {
  float:left;  
	width:158px;
	padding-left: 0;
	list-style: none;
	padding-right: 0;
}
#nav a:link, #nav a:visited {
	color: #006bb2;
	text-decoration: none;
}
#nav a:hover, #nav a:active {
	color: #000;
}

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */