/* "city" theme for mangospoon.com/mocha
	(C) 2007-2009 Ben Roth
*/

body {
	margin:0;
	font-family:tahoma,arial,sans-serif;
	font-size:11pt;
	color:#000;
	/*background:url(images/bg.gif) repeat top left;*/
}
table {font-family:tahoma,arial,sans-serif;}
a {text-decoration:none;}
p {margin:0;}
h1 {
	clear:left;
	font-weight:normal; font-size:13pt;
	color:#C00;
	border-bottom:1px solid #C00;
	padding:10px 0 6px 0; margin:0 0 10px 0;
}

blockquote {
	font-size:10pt;
	margin:6px 0 6px 20px;
	padding: 0 0 0 10px;
	border-left:2px solid #CCC;
	color:#333;
}

.screen img {margin:4px; border:3px solid #CCC;}
.screen a:hover img {border:3px solid #0BE;}

#logo {width:100%; background:transparent url(images/head_city.gif) no-repeat bottom right;}
	#logo a {width:220px; background:transparent; margin:0; padding:0; display:block;}
	#logo a:hover {background:transparent url(images/head_contact.gif) no-repeat center right;}
	#logo img {margin-left:20px; border:0}

#nav {
	width:100%;
	font-size:12pt;
	background-color:#CCC;
	height:1.5em;
	font-weight:bold;
}
	#nav td {text-align:center; width:10%;}
	#nav a {
		color:#666;
		display:block;
		padding:0.25em 0 0.25em 0;
		border-bottom:5px solid #999;
	}
	#nav a:hover {
		color:#FFF;
		/* color:#D88; */
		border-bottom:5px solid #E99;
	}
	#nav a#current {
		color:#FFF;
		border-bottom:5px solid #AAA;
	}
	#nav td#cap {
		color:#CCC;
		width:50%;
		border-bottom:5px solid #999;
	}

#content {
	width:100%;
	background: white url(images/content_shadow.jpg) repeat-x top;
}
table#main {width:90%;}

td.drawing {
	text-align:center;
	padding:20px;
}
td.drawing img {border:2px solid #333;}

.column {width:33%; height:500px;}
.column_wide {width:66%;}
.column,.column_wide {padding:0 15px 0 15px; vertical-align:top; text-align:left;}
	.column p {margin-bottom:10px;}
	.column_wide p {margin-bottom:10px; line-height:140%;}
	.column a,.column_wide a {color:#09C;}
	.column p a:hover,.column_wide p a:hover {text-decoration:underline;}

.detail {margin-bottom:10px; clear:left;}
	.detail img {margin:0 6px 6px 0; border:1px solid #666; float:left;}
	.detail a {display:block; color:#666;}
		.detail a .hilight {color:#09C;}
		.detail a:hover .hilight {text-decoration:underline;}
		.detail a:hover img {border:1px solid #09C;}

.seealso {list-style-type:none; margin:0 0 10px 0; padding:0}
	.seealso li {height:1.5em;}
	.seealso a {
		display:block;
		height:1.25em;
		color:#393;
		padding-left:6px;
		border-bottom:1px solid #FFF;
	}
	.seealso a:hover {color:#5B5; border-bottom:1px solid #CCC;}

#foot {
	width:100%;
	background-color:#EEEEEE; color:#999;
	font-size:9pt;
	padding:20px 0 20px 0;
}
	#foot p {margin-left:20px;}
	#foot a {color:#C00;} #foot a:hover {text-decoration:underline;}

#extra {float:right; margin-right:20px;}