/* ******************  general  *************** */

.homepage-articlelist h2 {
	color:#fff;
	background-color:#9C462B;
	text-transform:uppercase;
	font-size:14px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height:26px;
	margin:0;
	padding:0 10px;
	}

.homepage-articlelist ul {
	padding-left:20px;
	color: #9C462B;
	}
	
.homepage-articlelist ul li {
	margin-bottom:8px;
	font-weight:bold;
	}
	
#page {
	background-image:url(/media/images/page-bg-alameda.gif);
	background-repeat:repeat-y;
	}

#branding-layer, .blue {
	background-color:#0089D0;
	}

html, body {
	background-color: white;
	font-family: Arial;
	font-size: 10pt;
	line-height: 18px;
	margin: 0px;
	height:100%;	
}

h1 { 
	color: #000000;
	font-family: Verdana;
	font-size: 15pt;
	line-height: 19pt;
	font-weight: bold;
	margin-top:.5em;
	margin-bottom:.5em;
}
	
h2 {
	color:#0089D0;
	font-size:9pt;
	font-family: Verdana;
	font-weight:bold;
	margin-top:.5em;
	margin-bottom:.5em;
	}
	
h3 {
	font-family: Georgia;
	font-size: 14pt;
	color: #666;
	font-weight:normal;
	margin-bottom:.25em;
	}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
	margin-bottom:.25em;
	}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666;
	margin-bottom:.25em;
	}
h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
	margin-bottom:.25em;
	}

.pullquote {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #990000;
	border-top:solid 1px #990000;
	padding-bottom:10px;
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16pt;
	color:#990000;
	text-align:center;
	line-height:normal;
}

address {
	margin-bottom:.25em;
	}
	
p	{
	margin-top:0;
	}

a {
	color: #9C462B;
}

a:hover {
	text-decoration: none;
}

.boxheader {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: white;
	font-weight: bold;
}

.boxheader a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.boxheader a:hover {
	text-decoration: underline;
}

.topbar {
	background-color: #0089D0;
}

.bottombar {
	font-size:9px;
	line-height: 12px;
	font-family: Verdana;
}

.issuedate {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

address {
	margin-bottom:.25em;
	}

table {
	font-family: Arial;
	font-size: 9pt;
}

.toplink {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	color: #EBD417;
	text-decoration: none;	
}

.leftbar {
	background-color: #0089D0;
}

.leftbox {
	padding: 10px;
	font-size: 8pt;
	color: #F6F8FC !important;
	line-height: 13px;
}

.leftboxitem {
	padding-bottom: 8px;
}

a.leftlink {
	color: #F6F8FC;
	font-weight: bold;
	text-decoration: underline;
}

a.leftlink:hover {
	text-decoration: none;
}

.tablehead {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	background-color: #9C462B;
	text-transform:uppercase;
}

.tablehead2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color: #9C462B;
	text-transform:uppercase;
}

.tablehead3 {
	background-color: #ECE5DB;
}

.leftlinkn {
	color: #F6F8FC;
	font-weight: bold;
}

a.mainnav {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	color: #4E5F82;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;	
	white-space: nowrap;	
	text-decoration: none;	
}

a.toplink:hover {
	text-decoration: underline;
}
a.mainnav:hover {
	text-decoration: underline;
}
a.secondnav:hover {
	text-decoration: underline;
}


.mainnav_off {
	background-color: #EBD417;
}

.mainnav_on {
	background-color: #FCE300;
}

.secondnav {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	color: #ffffff;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;	
	padding-top: 8px;
	padding-bottom: 8px;	
	white-space: nowrap;	
}

.navbar {
	background-color: #EEEEEE;
}	
	
.background-silver {
	background-color: #EEEEEE;
}

.blueline {
	background-color: #006699;
}

.searchform {
	width: 146px;
	height: 16px;
	border: 1px solid #A9AFB5;
	line-height: 17px;
	padding-left: 3px;
	font-size: 11px;
}

.searchform2 {
	width: 146px;
	height: 16px;
	border: 1px solid #A9AFB5;
	line-height: 16px;
	padding-left: 3px;
	font-size: 11px;
}

.searchformgolf {
	width: 100px;
	height: 20px;
	border: 1px solid #A9AFB5;
	line-height: 20px;
	padding-left: 3px;
}

.headercol1 {
	background-color: #145786;
}

.headercol2 {
	background-color: #00ACEF;
}

.headercol3 {
	background-color: #7BB008;
}

.headercol4 {
	background-color: #00ACEF;
}

.headerlink {
	color: white;
	font-weight: bold;
	font-family: Georgia;
	font-size: 12px;
}

.headerlinksm {
	color: white;
	font-size: 12px;
}

.departmentslink {
	color: #9C462B;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
}

.departments {
	line-height:28px;
}

.events-date {
	font-family: Georgia;
	font-size: 12px;
}

.courselink {
	margin-bottom: 13px;
	font-weight: bold;
}

.events-title {
	font-weight: bold;
}

.featurelink {
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
	color: #9C462B;
	line-height: 16px;
}

.featurebyline {
	color: #8B8C8C;
	font-size: 11px;
	line-height: 13px;
}

.featuresummary {
	font-size: 12px;
	line-height: 15px;
}

.weather {
	font-family: Georgia;
	font-size: 10px;
	white-space: nowrap;
}

.subscribe-box {
	background-color: #9ACE3E;
}

.footer {
	color: #ffffff;
	text-align: center;
	font-size: 10px;
	vertical-align: 50%;
	padding: 0px;
	margin-bottom: 10px;
}

a.footerlink {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;	
}

a.footerlink:hover {
	text-decoration: underline;
}


.pad7 {
	padding: 7px;
	width: auto !important;	
}

.header-link-white {
	color: white;
	text-align: right;
	float: right;
	padding-top: 6px;
	padding-right: 4px;
}

.smalllink {
	font-size: 9pt;
	font-weight: bold;
}

.smallerlink {
	font-size: 7pt;
	padding-left: 10px;
}

.eventlink {
	font-weight: bold;
}

.features_link {
	color: #B57226;
	font-family: Georgia;
	font-weight: bold;
	font-size: 12pt;
	line-height: 19px;
}

.findlocal {
	color: #745815;
}

.travelguide-text {
	border: 1px solid #A5ACB2;
	width: 158px;
	height: 20px;
}

.travelguide-search {
	width: 158px;
	height: 22px;
}

.travelguideweather {
	border: 1px solid #A5ACB2;
	width: 80px;
	height: 20px;
}

.travelguidesearch {
	width: 40px;
	height: 20px;
}

ul.arrow
{
	list-style-type: none;
	padding-left:25px;
	margin: 10px 0 0 0;
	line-height: 12pt; 
}


ul.arrow li{
	background-repeat: no-repeat;
	background-image: url(/media/images/arrow-alameda.gif);
	background-position: 0 0 em;
	padding-left: 1.5em;
	padding-right: 1em;
	padding-bottom: .8em;
	vertical-align: top; 
	list-style:none;
	color:#000;
	font-weight:normal;
}

ul.deptlist
{
list-style-type: none;
padding: 0;
margin: 10px 0 0 0;
line-height: 12pt; 
}


.deptlist {
background-repeat: no-repeat;
background-image: url(/media/images/dot-alameda.gif);
background-position: 0 0 em;
padding-left: 1.5em;
padding-right: 1em;
padding-bottom: .8em;
vertical-align: top; 
}


ul.leftnavul
{
list-style-type: none;
padding: 0;
margin: 10px 0 0 0;
line-height: 12pt; 
}


.leftnav {
background-repeat: no-repeat;
background-position: 0 0 em;
padding-left: 1.3em;
padding-right: 1em;
padding-bottom: .8em;
vertical-align: top; 
}


.leftnav_on {
background-image: url(/media/images/leftnavul.gif);
background-repeat: no-repeat;
background-position: 0 0 em;
padding-left: 1.3em;
padding-right: 1em;
padding-bottom: .8em;
vertical-align: top; 
}


.leftnavlink {
	color: #3B3B3B;	
	font-family: Verdana, Arial;
	line-height: 14px;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;	
}

.leftnavlink_on {
	color: #3B3B3B;	
	font-family: Verdana, Arial;
	line-height: 14px;
	text-decoration: none;
	font-style: italic;	
	font-weight: bold;
	font-size: 11px;
}

a.leftnavlink:hover {
	text-decoration: none;
}

a.leftnavlink_on:hover {
	text-decoration: underline;
}

.issue-head {
	background-color: #eeeeee;
	width: 100%;
	height: 27px;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.left-justify-pic {
	margin-right: 15px;
	margin-bottom: 15px;
}

.issue-title {
	font-size: 28pt;
	line-height: 32pt;
	font-family: Georgia;
	color: #990000;
}

.lead-title {
	font-size: 15pt;
	line-height: 17pt;	
}

.lead-by-line {
	font-size: 10pt;
	line-height: 14pt;	
}

.lead-summary {
	font-size: 9pt;
}

.featured-articles {
	font-variant: small-caps;
	color: #666666;
	font-weight: bold;
	margin-bottom: 10px;
}

.feature-headline {
	font-weight: bold;
}

.feature-by-line {
	font-variant: small-caps;
	color: #666666;
	font-weight: bold;	
}
.feature-summary {
	line-height: 10pt;
}

.body-title {
	color: #077DAF;
	font-family: Georgia;
	font-size: 22pt;
	line-height: 28pt;
	margin-bottom: 10px;
}



/** article styles **/

#article-menu {
	width:156px;
	margin-top:100px;
	margin-right:12px;
	float:left;
	min-height:200px;
	}
	
#article {
	float:left;
	}
	
#article p{
	margin-top:0;
	}

#article .summary {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11pt;
	font-weight: bold;
	line-height:13pt;
	color:#077CB1;
	margin-top: 8px;	
	}
	
#article-body {
	margin-top:20px;
	}
	
#page-top {
	margin:auto;
	}
	
#page-middle {
	margin:auto;
	}

#page-content {
	float:left;
	width:476px;
	margin-right:4px;
	}
	
#one-column-page-content {
	float:left;
	width:644px;
	margin-right:4px;
	}
	
#page-content .featured-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	color: #666;
	}

#page-content .feature-summary {
	color: #000;
	}
	
.by-line {
	font-family: Verdana;
	color:#666;
	padding-bottom:8px;
	padding-top:7px;
	}
	
/** breadcrumb **/

.breadcrumb {
	padding: 3px;
	text-transform:uppercase;
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #9C462B;
	color: white;
	line-height: 9pt;
	margin-bottom:5px;
	}
	
a.breadcrumb {
	text-decoration: none;
	color: white;
	padding: 0px;
	}
	
a.breadcrumb:hover {
	text-decoration: underline;
	}
	
	
#island-ad-container {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
.advertisement {
	font-size: 7pt;
	color: #666;
	text-align: center;
	margin-bottom: 3px;
	}
	
.island-ad {
	padding: 0;
	}	
	
	/*****
	3.5 Whats Happening elements
	*****/
	
.wh-tagline {
	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 12px;
	font-style: italic;
	line-height: 165%;
}

#wh-searchbox {
	float: right;
	width: 260px;
	margin: 0 20px; 0 0;
	position: relative;
	display: inline;
	clear: right; 
	
}
	
#wh-display {
	margin-top: 10px;
	margin-bottom: 10px;
}

#wh-display p {
	margin-left: 0;
	padding-left: 0;
}

.wh-eventlisting {
	margin-top: 10px;
	margin-bottom: 10px;

}

.wh-spacer {
	border-bottom: 1px solid #C4BF9E;
}

.wh-date {
	font-size: 11px;
	line-height: 14px;
	color: #ac0000;
	font-weight: bold;
}

.wh-name {
	color: #000;
	font-weight: bold;
	font-size: 12px;	
	line-height: 18px;	
}

.wh-desc {
	font-size: 10px;
	line-height: 14px;
}

#wh-pagination {
	margin: 5px 10px 0 10px;
	font-size: 85%;
	font-weight: bold;
}

/*****
Whats Happening elements
*****/

#wh {
	margin: 0 10px 0 10px;
}

h2 {
	font-size: 15pt;
}

#wh_form {
	width: 250px;
	margin: 0px;
	padding: 5px;
	background: #eeeeee;
	border: 1px solid #C4BF9E;
	font-size: 12px;
	line-height: 22px;		
}

#wh_results {
	margin: 10px;
	padding: 5px;
	background: #fff;
	font-size: 12px;
}

#wh_form2 {
	width: 150px;
	margin: 20px 10px 0px 0px;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #eeeeee;
	border: 1px solid #C4BF9E;
	font-size: 12px;
	float: right;
	position: relative;
	display: inline-table;
	clear: right; 	
}


#wh_form label {
	font-weight: bold;
}

#wh_form input {
	border: 1px solid #C4BF9E;
	background: #fff;
	font-family: Verdana, sans-serif;
	font-size: 9px; 
	width: 200px;
}

#wh_form select {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

#wh_form input#formbutton {
	margin-top: 10px;
	margin-bottom: 10px;	
	border: 3px double #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	padding: 0.1em;
	background-color: #fff;
	color: #333;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.pullquote {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #990000;
	border-top:solid 1px #990000;
	padding-bottom:10px;
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16pt;
	color:#990000;
	text-align:center;
	line-height:normal;
}

#pager {
	margin-top:10px;
	}
	
#real-estate-listings .row {
	border-top:dotted 1px #333;
	}

#real-estate-listings .agent {
	font-weight:bold;
	}

#real-estate-listings .phone {
	font-style:italic;
	}

#real-estate-listings .email {
	font-size:8pt;
	}
	
.photo-credit {
	text-align:left;
	font-size:8pt;
	font-weight:bold;
	color:#666;
	}
	
#marketplace-buttons {
	padding:20px;
	float:left;
	width:590px;
	}
	
#marketplace-buttons .button {
	position:relative;
	float:left;
	margin-left:50px;
	background:#fff;
	padding:18px;
	border:solid 1px #9c462b;
	font-size:12pt;
	}
	
#marketplace-buttons .button:hover {
	background:#eee;
	border:solid 1px #cc0000;
	}
	
#marketplace-buttons a {
	text-decoration:none;
	}
	
#marketplace-buttons img {
	margin-top:15px;
	}

/* pagetools styles */

#pagetools {
        font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
        text-transform:uppercase;
        border:solid 1px #fff;
        color:#aaa;
        padding:5px;
        }

#pagetools img {
        border:none;
        vertical-align:middle;
        }

#pagetools a {
        cursor:pointer;
        text-decoration:none;
        margin-right:10px;
        }

/* end pagetools styles */


/* pager styles */

#pager {
	margin-bottom:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	}
	
#pager .pageritem {
	border:solid 1px #ccc;
	padding:5px;
	margin-right:3px;
	display:inline-block;
	}
	
#pager a.pageritem {
	border:solid 1px #ccc;
	padding:5px;
	margin-right:3px;
	display:inline-block;
	}
	
#pager a.pageritem:link {
	border:solid 1px #ccc;
	padding:5px;
	background-color:#eeeeee;
	margin-right:3px;
	}
	
#pager a.pageritem:visited {
	border:solid 1px #ccc;
	padding:5px;
	background-color:#eeeeee;
	margin-right:3px;
	}
	
#pager a.pageritem:hover {
	border:solid 1px #ccc;
	padding:5px;
	background-color:#3399FF;
	color:#fff;
	text-decoration:none;
	margin-right:3px;
	}
	
#pager a.pageritem:active {
	border:solid 1px #ccc;
	padding:5px;
	background-color:#3399FF;
	color:#fff;
	text-decoration:none;
	margin-right:3px;
	}
	
/* end pager styles */

.left-rail {
	background-color:#ECE5DB;
	}
	
.left-rail div {
	padding:10px;
	}
	
.left-rail h2 {
	color:#fff;
	padding:7px;
	background-color:#9C462B;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 0 0;
	line-height:normal;
	}