/*	Styles to use for all Oregon Shores pages.
	For an excellent color chart, see http://en.wikipedia.org/wiki/Web_colors */

/* Text decoration on links. */
a:link, a:visited { text-decoration: none; color:blue; }
a:hover { text-decoration: underline; }
	
/* Basic styles for most Oregon Shores pages. */	
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: DarkSlateGray;
	margin-left:0px;
	margin-top:0px;	
	background-repeat: no-repeat; }
body.os {
	background-image: url(../images/bannerOregonShores.jpg); }	
body.cw {
	background-image: url(../images/bannerCoastWatch.jpg); }	
body.lu {
	background-image: url(../images/bannerLandUse.jpg); }	
body.op {
	background-image: url(../images/bannerOceanProgram.jpg); }	
body.ca {
	background-image: url(../images/bannerClimateAction.jpg); }	
body.ad {
	font-size: 10px;
	background-image: url(../images/bannerWebAdmin.jpg); }
body.nb { }	

/* A body style for the Report popup page, without any background graphic. */	
.report {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: DarkSlateGray; }
	
/* Other classes used on the Report and Publish pages. */
.rptsect {
	font-family: 'Arial Black', Arial, Verdana, sans-serif;
	color: LightSlateGray;
	border-right: thick silver solid;
	text-align:right; }	
.rptheader {
	border-right: thick silver solid; }	
.rptitem {
	padding-left: 4px; }	
.rptitle {
	font-family: 'Arial Black', Arial, Verdana, sans-serif;
	font-size: 125%;
	color: DarkSlateGray; }

/* Other special-purpose formats. */	
/* .title { 
	font-size: 150%; 
	font-weight: bold; }	possibly never used???????*/	
.subtitle { 
	font-size: 140%; 
	font-weight: bold; }		
.heading { 
	font-size: 110%; 
	font-weight: bold; }		
.subhead { 
	font-size: 110%; 
	/* font-weight: bold; */ }		
.explan {
	color: DarkGoldenrod;
	font-size: 90%; }
.comment { 
	color: #3f3f3f;
	font-size: 110%;
	font-family: 'Comic Sans', 'Comic Sans MS', 'Trebuchet', 'Trebuchet MS', Chalkboard, Arial, sans-serif; }

/* A special style for the big red asterisk denoting required fields. */	
.required { 
	color: red; 
	font-size: 125%;
	position: relative; top:2px; }
	
/* A style for the [right-]sidebar "Help" messages in the Mile Report pages. */	
.help {
	color: #155252;
	font-size: 90%;
	background-color: #eeeeee;
	padding-right: 2px; }
	
/* A style for the sidebars in News articles. */	
.sidebar {
	color: #155252;
	/* font-size: 90%; */
	background-color: #eeeeee;
	margin: 4px; }
	
/* A style to hilite the $searchstr within Title or Body. Don't screw around with it in the Source field. */	
.found {
	color: black;
	background-color: yellow;
	padding:1px; }
	
/* A style for the nickname/mile# tag at upper-right corner of Mile Report form. */	
.tools { font-size: 90%; }
	
/* A "fine print" size for the footer at the bottom of every page. */	
.footer { font-size: 80%; }
	
/* A style for the big fat red arrow with the transparent background. */
.spot {
	position:relative; left:-5000px; top:-5000px;
	background-color: none; }

/* The rolling list of items (Reports?). */	
.rptlist {
	font-size: 90%;
	padding-right: 5px;
 	border-right-style: dotted; 
	border-width: 1px; }

/* A span which puts the spotlight on a map. */	
.spotspan {
	background-color: #eeeeee;
	color: Black; }

/* A span which draws attention to a news item thats NEW or EXPired. */	
.newtag {
	font-size: 80%;
	color: yellow; }

/* A span to nudge the effective or expired date up a pixel. */	
.dateline {
	font-size:8px;
	color: black;
	position:relative; bottom:1px; }
	
/* A style for the headers in a table (NOT a header for the whole page). */	
.header {
	padding-left: 8px;
	padding-right: 8px; }

/* A casual style for the "Help the Help" buttons in each Help message. */	
.helphelp {
	color: blue;
	font-size: 80%;
	border-width: 1px;
	border-style: dotted; }

.photolink {
	color: DarkGoldenrod;
	background-color: #eeeeee;
	border-style: dotted;
	border-width: 1px; }
	
.ok {
	color:DarkGreen;
	font-weight: bold; }
	
.new {
	color: DarkGoldenrod;
	font-weight: bold; }
	
.error {
	color: red;
	font-weight: bold; }
	
.caution {
	color: fuchsia;
	font-weight: bold; }

/* A style for the TD's containing the menu tabs across the top. */
.tabtd {
	border-width:1px; 
	border-color:white; 
	border-style:solid; }
	
/* a style for the name-value pairs on the fake_paypal page. */
.name_value {
	border-bottom-width:1px;
	border-color:DarkGreen; 
	border-style:dotted; }

/* Style to put a thin dotted or solid line on left or right. */
.mission {
	margin: 0px 4px 0px 4px;
	padding:8px;
	background-color:#ebebeb; 
	color:black; }

/* The <td> that contains the News item Body and Source. */
.newsitem {
	padding-left:4px; }

/* Discreet hyperlink within a News item. */
.embeddedbtn {
	font-size: 80%;
	background-color: #e9e9e7; }

/* Some form items need to let a background image or color show through, etc. */
.overbg {
	background: none; }

/* Special style for the Directory along the left. */
.dirdetail {
	font-size: 10px;
	padding:1px 0px 1px 5px; /* t r b l */ }
	
/* A small suffix tag to add to Directory items if they've been added or revised recently. */
.dirnew {
	font-size: 8px;
	color: yellow;
	background-color: silver; }

/* Background for rows that will contain photos. */
.photoback {
	color: #155252;
	background-color: #eeeeee;
	padding: 4px; }

.beta { 
	color: Maroon;
	background-image: url(../images/Fat-TESTING.jpg); }

/* Month names and dates in tall, long calendar-like Schedule. */
.smallschedule {
	background-color:#e8e8e8;
	font-size:80%;
	text-align:center;
	padding:3px;
	margin-left:5px; }

/* A style to let holiday names stand out. */
.holiday {
	color: white;
	background-color:LightGray;
	font-weight: bold; }

/* A <tr> to separate months in the tall calendar. */
.scheddashes {
	border-top-width:1px;
	border-color:gray; 
	border-style:solid; }

/* The month schedule individual cell top date line. */
.schedule_date_td {
	color:#303030;	/* almost black */
	background-color:white;
	font-size:90%;
	border: 2px solid #e8e8e8;
	border-bottom: 0px; }

/* The month schedule individual cell button line for one day. */
.schedule_button_td {
	color:#303030;	/* almost black */
	background-color:white;
	font-size:90%;
	border: 2px solid #e8e8e8;
	border-top: 0px; }