/* CSS for Klinton Bicknell's Website (http://www.ocf.berkeley.edu/~klinton/) */

/* Top level encapsulation */

body {
	background:			#899;
	min-width:			624px; /* expands by default to fill window */
	padding:				3% 2%; /*show some background color, even in the smallest resolution*/
	margin:				0; }

#centered {
	position:			relative;
	text-align:			left;
	width:				624px;
	margin:				0 auto; }

/* common styles and classes */

object {
	width:				168px;
	height:				168px; }
	
a {
	color:				#368;
	text-decoration:	none; }

a:visited {
	color:				#79e; }

p { 
	text-align: 		justify;
	font-family: "Georgia", "Palatino", "Times New Roman", serif; 	color:				#444; 
  font-size:			85%; }

p a {
	font-weight:		bold;
	border-bottom:		1px dotted; }

h2 {
	font-size:			140%;
	border-bottom:		1px #899 dotted;
	font-family:	"Helvetica", "Arial", "Verdana", "Bitstream Vera Sans", "Luxi Sans", "Verdana", sans-serif; 	width:				100%; }

h3 {
	font-size:			101%;
	clear:				both;
	font-style:			italic;
	font-family: "Georgia", "Palatino", "Times New Roman", serif; 	padding:				.7em 0 0;
	margin-bottom:		0;}

h3 span.left-align {
	text-align:			left;
	float:				left; }	

h3 span.right-align {
	text-align:			right;
	float:				right;
	font-style:			normal;
	font-family:	"Helvetica", "Arial", "Verdana", "Bitstream Vera Sans", "Luxi Sans", "Verdana", sans-serif;  }

.space {
	padding-top:			1em; }

.indent {
	margin-left:		20px;
}

.journalistic-right {
	float:				right;
	height:				350px;
	margin:				15px 0 15px 15px; }

.journalistic-left {
	float:				left;
	height:				350px;
	margin:				15px 0 15px 15px; }

/* header and footer */

.vertical {
	background: 		#304055;
	width:				100%;
	margin:				0;
	clear:				both;
	color:				white; }

#header {
	height:				5em;
	padding:				0; }

#footer {
	height:				1.5em;
	padding:				15px 0; }

#header h1 {
	font-size:			170%;
	font-family:	"Helvetica", "Arial", "Verdana", "Bitstream Vera Sans", "Luxi Sans", "Verdana", sans-serif; 	margin:				0px;
 	padding:				20px;
 	font-weight:		normal;
 	letter-spacing:	.2em; }

#header a.name, #header a.name:visited, #header a.name:hover {
	color: 				white;
	background:			transparent;
	border:				none;
	text-decoration:	none; }

#footer a:hover {
	text-decoration: 	underline; }

#footer h3 {
	color:				white;
	background:			transparent;
	font-size:			80%;
	font-family:	"Helvetica", "Arial", "Verdana", "Bitstream Vera Sans", "Luxi Sans", "Verdana", sans-serif; 	padding:				0px;
	margin:				.7em;
	font-weight:		normal;
	font-style:			normal; }

#footer a {
	font-weight:		bold;
	color:				white; }

/* menu */

.menu {
	width:				100%;
	clear:				both;
	background:			#304055;
	color:				white;
	padding:				5px 0;
	font-family:	"Helvetica", "Arial", "Verdana", "Bitstream Vera Sans", "Luxi Sans", "Verdana", sans-serif;  }

.menu ul{
	background:			#304055;
	width:				100%;
	margin:				0;
	padding:				0; }

.menu li {
	list-style:			none;
	background:			#304055;
	text-align:			center;
	float:				left;
	border-left:		1px dotted #79e;
	padding:				5px 0; }

.menu li.lastrealbutton {
	border-right:		1px dotted #79e;}
	
.menu li a, .menu li a:visited {
	padding:				5px;
	color:				white;
	font-weight:		normal;
	border-bottom:		none;
	width:				100%; }

.menu li a:hover {
	background:			#456;
	color:				white;
	text-decoration:	none; }

.menu li a.current, .menu li a.current:hover {
	background:			#368;
	color:				white;
	letter-spacing:	.08em;
	text-decoration:	none; }

.menu li.dummybutton a:hover {
	background:			#304055; }

.menu li.dummybutton {
	border-left:		1px dotted #304055; }

.menu li.dummynoborderbutton {
	border:				none; }

.menu li.left {
	border:				none; }

#toprow.menu li {
	width:				124px; }

#bottomrow.menu li {
	width:				124px; }

/* content */

#map {
	width:				544px;
	height:				400px;
	margin:				0;
	clear:				both;
	background:			white;
	padding:				20px; }

#content {
	width:				584px;
	margin:				0;
	clear:				both;
	background:			white;
	padding:				20px; }