/*************************************************************************
** cbo.css
**
** Committee for a Better Oceana Cascading Style Sheet
** Copyright (c) 2018 Committee for a Better Oceana All rights reserved.
**		Committee for a Better Oceana
**		3747 Vista Campana S, Unit 75
**		Oceanside, California 92057
**		760-332-8336  http://www.betteroceana.org
*************************************************************************/
/*
Green		#00803F
Blue		#000080
Red		#800000
*/

body {
     margin: 0;
     padding: 0;
     background: #FFFFFF;
     color: #000000;
}

h1 {
     font-size: 2.0em;
     color: #000080;
}

#sidebar {
     padding-left: 8px;
     padding-right: 8px;
     background: #FCE6E9;
}

#sidebar h1 {
     text-align: center;
     font-size: 2.0em;
     color: #800000;
}

#sidebar hr {
     size: 3.0em;
     width: 100%;
     color: #800000;
}

#hot_topic h3 {
     text-align: center;
     font-size: 2.00em;
     font-weight: bold;
     color: #800000;
}

#hot_topic h4 {
     font-size: 1.25em;
     color: #800000;
}

#hot_topic p {
     font-size: 1.00em;
     color: #800000;
}

#masthead {
     margin-bottom: 1px;
     padding-top: 1px;
}

a {
	text-decoration: none;
}

#cbonavlinks {
     margin:0;
     padding: 0.5em;
     background: #00803F;
     color: #FFFFFF;
     
}

#cbonavlinks li {
     display: inline;
     margin-right: 0.5em;
     padding-right: 0.75em;
     border-right: 2px solid #FFFFFF;
     font-weight: bold;
}

#cbonavlinks a {
	color: #FFFFFF;
}

#contactol {
     list-style: none;
}

#contactlist li {\
     list-style: none;
     font-weight: bold;
}

#content {
	float: left;
	padding: 0 20em 4em 3em;
        font-size: 1.25em;
        color: #000080;
}

#imagearea2 {
        float: left;
        width: 15em;
}

#imagearea {
        float: left;
        width: 22em;
}

#wrapped_text {
     padding:0;
}

#sidebar {
	float: left;
	width: 17em;
	margin: 0 0 4em -18em;
}

#footer {
        margin: 0;
	clear: both;
	padding: 1px;
        text-align: center;
        font-size: .75em;
	background: #800000;
        color: #ECF0F1;
}

#tea-of-the-day h4 {
	margin: 0 0 0.5em; padding: 0.5em 0;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
}

#tea-of-the-day p:first-line {
	font-style: italic;
}

#tea-of-the-day img {
	display: block;
	margin: 2em auto 0;
}


.quotes {
        font-style: italic;
        color: #00803F;
        font-size: 0.80em;
        text-align: right;
}










/* OLD styles from other projects*/

.navbld, .navwhitebld, .navgray {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006458;
	}
	
.navwhitebld {
	color: #FFFFFF;
}
	
.navgray {
	color: #606060;
}

.fldtxt, .fldbld, .fldmedium, .fldsmall, .fldwhitetxt, .fldwhitesmall, .fldgreensmall, .fldblacksmall
{
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	font-style: normal;
	font-family: Arial, sans-serif;
}

.fldbld {
	font-weight : bold;
}

.fldmedium 
{
	font-size: 12px;
}

.fldsmall {
	font-size : 10px;
}

.fldwhitetxt {
	color: #FFFFFF;
}

.fldwhitesmall {
	font-size : 12px;
	color: #FFFFFF;
}
.fldwhiteitalic {
	font-size : 11px;
	font-style: italic; 
	color: #FFFFFF;
}
.fldgreensmall {
	font-size : 12px;
	color: #197772;
}
.fldblacksmall {
	font-size : 12px;
	color: #000000;
}	
/* used as an error message in tables */
.err {  
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-style: italic; 
	font-weight: bold; 
	color: #FF3333;
}

a:link.lnk { 
	font-family:Arial,sans-serif;
	font-size:8pt; 
	font-weight:bold; 
	color: #FFFFFF; 
	text-decoration:none 
}
a:visited.lnk { 
	font-family:Arial,sans-serif;
	font-size:8pt; 
	font-weight:bold; 
	color: #FFFFFF; 
	text-decoration:none 
}
a:active.lnk { 
	font-family:Arial,sans-serif;
	font-size:8pt; 
	font-weight:bold; 
	color: #FFFFFF; 
	text-decoration:none 
}
a:hover.lnk { 
	font-family:Arial,sans-serif;
	font-size:8pt; 
	font-weight:bold; 
	color: #006458; 
	text-decoration:none 
}

.lnktxt {
	font-size:8pt;
	font-family:Arial,sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	}