@import url("type.css");

*
{
	margin: 0;
	border: 0;
	padding: 0;
	font-weight: normal;
	text-decoration: none;
}

a:link,
a:visited
{
	color: #606490;
}

a:hover,
a:active
{
	color: #303160;
	border-bottom: 1px solid #9097c3;
}

body
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	background-color: #eee;
	/* background-color: #afbdce; */
}

div#accessibility
{
	display: none;
}

div#head
{
	width: 100%;
	background: #9097c3 url("images/top_spacer.jpg") 0% 0% repeat-x;
	border-bottom: 1px solid #ddd;
}

div#head h1 a
{
	display: block;
	height: 70px;
	border: 0;
	background: transparent url("images/banner.gif") 0% 50% no-repeat;
	text-indent: -9999px;
}

div#head h1 a:hover
{
	border: 0;
}

div#head form#dropdown
{
	float: left;
	margin: 5px 12px;
}

div#head form#sitesearch
{
	float: right;
	margin: 5px 12px;
}

div#head form#sitesearch .field
{
	border: 1px solid #333;
	padding: 2px 5px;
	background-color: #fff;
	color: #999;
}

div#head form#sitesearch .field:focus
{
	color: #333;
}

div#head form#sitesearch .button
{
	margin-left: 5px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	padding: 0 4px;
}

div#page
{
	width: 95%;
	min-width: 700px;
	margin: 0 auto;
}

div#sidebar
{
	float: left;
	width: 25%;
	min-width: 150px;
	margin: 50px 10px 0 0;
}

div#sidebar ul
{
	list-style-type: none;
}

div#sidebar ul li a
{
	display: block;
	margin: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	padding: 5px 10px;
	background-color: #9097c3;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

/* =====--------------------
   Sidebar Navigation
   =====-------------------- */

div#sidebar ul li a:hover,
body#news li.news a,
body#profiles li.profiles a,
body#reporters-beat li.reporters-beat a,
body#visvalley li.visvalley a,
body#tenderloin li.tenderloin a,
body#history li.history a,
body#facts li.facts a,
body#resources li.resources a,
body#about li.about a,
body#contact li.contact a
{
	background-color: #c3caf6;
}

div#content
{
	min-width: 462px;
	margin-left: 30%;
	border: 1px solid #ddd;
	border-top: 0;
	padding: 50px;
	background-color: #fff;
}

div#content p+h3
{
	margin-top: 40px;
}

div#content ul li
{
	margin: 0 0 10px;
}

div#content ul li ul
{
	list-style-type: none;
}

div#foot
{
	margin-top: 50px;
	background-color: #eee;
}

div#foot a.sfsu
{
	display: block;
	width: 186px;
	height: 80px;
	margin: 0 15px;
	border: 0;
	background: transparent url("images/sfsu.gif") 50% 50% no-repeat;
	text-indent: -9999px;
}

.hr
{
	clear: both;
}

.hr hr
{
	display: none;
}

.breakout
{
	float: right;
	width: 178px;
	margin: 0 0 10px 10px;
	border: 1px solid #ddd;
	padding: 10px 20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.25em;
}

.mainart,
.float-right
{
	margin: 0 0 10px;
	border: 1px solid #ddd;
	padding: 5px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Geneva, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.25em;
}

.mainart img,
.float-right img
{
	border: 1px solid #eee;
}

.mainart
{
	width: 452px;
}

.float-right
{
	float: right;
	width: 302px;
	margin: 0 0 10px 10px;
}

table
{
	margin: 0 0 5px -2px;
}

table td
{
	border: 1px solid #ddd;
	padding: 2px 5px;
	background-color: #eee;
}

table td+td
{
	background-color: #fff;
}