/*-------------------------------------------------------------------------------------------------
CROSS BROWSER SET-UP

Alter with caution!
-------------------------------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, san-serif;
	font-size: small;
	background: #ccc url(navimages/bg_borders.gif) 0% 0%;
	}

/* adjustment for IE5 */
* body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}


td {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, san-serif;
	font-size: small;
	}

/* adjustment for IE5 */
* html table tr td {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;
	}
html>table>tr>td { /* be nice to Opera */
	font-size: small;
	}

/* adjustment for IE5 */
* html div table tr td {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	font-size: x-small;
	}
html>div>table>tr>td { /* be nice to Opera */
	font-size: small;
	}




/*-------------------------------------------------------------------------------------------------
DEFAULT COLOR SETTINGS

Use these instead of color settings so a few changes can affect the entire site.
USE these via <... ID="navbar_green" ...>
-------------------------------------------------------------------------------------------------*/

#banner_blue		{ color: #336699; }
#navbar_green		{ color: #009944; }
#pb_yellow		{ color: #FCF8C4; }
#sidebar_red		{ color: #CC0000; }



/*-------------------------------------------------------------------------------------------------
PAGE SECTIONS

Alter with caution!
-------------------------------------------------------------------------------------------------*/

#header			{
			margin: 0;
			background: url(navimages/banner6.jpg) 0% 100% #369 no-repeat;
			color: #fff;
			padding: 10px;
			}

#footer			{
			background: #336699;
			padding: 10px;
			color:#fff;
			border-top:5px solid #009944;
			}

#navbar			{
			background: #094 url(navimages/nav_bg.gif) repeat-x bottom left;
			padding: 0;
			xwidth: 25%;
			margin: 0;
			}

/*--- You shouldn't need to change these but... MODIFY THE FOLLOWING WITH CAUTION! ---*/

#wrap			{
			border:1px solid #094;
			margin: 0;
			}


#content		{
			background: #fff;
			padding: 0px;
			xwidth: 75%;
			}

#content_inner		{
			padding: 20px;
			padding-top:30px;
			}




/*-------------------------------------------------------------------------------------------------
HEADING STYLES

Use for banner title, green page titles, and right column red headings.
-------------------------------------------------------------------------------------------------*/

h1.title		{
			color:#fff;
			font-weight: bold;
			text-size: 150%;
			margin: 0;
			}

h1.heading		{
			color:#009944;
			font-weight: normal;
			text-size: 150%;
			margin: 0;
			}

h2			{
			margin-bottom: 0;
			font-weight: normal;
			text-size: 120%;
			color:#009944;
			}

h2.sidebar		{
			margin:0;
			font-weight: normal;
			text-size: 120%;
			color:#CC0000;
			}

/*-------------------------------------------------------------------------------------------------
TAB NAVIGATION 

Alter with caution!
-------------------------------------------------------------------------------------------------*/

#nav 			{
			float: left;
			width: 100%;
			margin: 0;
			padding: 10px 0 0 46px;
			list-style: none;
			}
			
#nav 	li 		{
			float: left;
			margin: 0;
			padding: 0;
			}
			
#nav 	a 		{
			float: left;
			display: block;
			margin: 0 1px 0 0;
			padding: 4px 8px;
			color: #333;
			text-decoration: none;
			border: 1px solid #9B8748;
			border-bottom: none;
			background: #F9E9A9 url(navimages/off_bg.gif) repeat-x top left;
			}
			
#nav 	a:hover, 
	body#home #navtab-home a, 
	body#about #navtab-about a, 
	body#minutes #navtab-minutes a, 
	body#reports #navtab-reports a, 
	body#safety #navtab-safety a, 
	body#links #navtab-links a, 
	body#contact #navtab-contact a 
			{
			color: #333;
			padding-bottom: 5px;
			border-color: #727377;
			background: #fff url(navimages/on_bg.gif) repeat-x top left;
			}




/*-------------------------------------------------------------------------------------------------
RIGHT COLUMN BOXES 

Adding images inside these is problematic. 
You'll need to add style="float:right;" to the box container DIV tag.
Then if there is a box below it, add style="clear:both;" to that box container DIV tag.
Even so, images need to be small so they don't overlap the page border on small screens.
-------------------------------------------------------------------------------------------------*/

/*--- ORANGE/YELLOW BOX:  Used for PBCSD information necessary for the user.  ---*/

.sidebar_info		{
			background:url(navimages/bg_calendar_header.gif) #fc6 0% 0% repeat-x;
			padding:10px;
			}


/*--- BLUE BOX:  Used for trivial, incidental, and/or indirectly PBCSD-related items.  ---*/

.sidebar_factoid		{
			background:url(navimages/bg_bluegradient.gif) #E9F6FF 0% 0% repeat-x;
			margin: 0px 0px 0px 0px;
			padding: 10px;
			}


/*--- RED OUTLINED ORANGE/YELLOW BOX:  Used for the radio ad on the homepage. ---*/

.tune-in		{
			font-weight: bold;
			text-align: center;
			background:url(navimages/bg_calendar_header.gif) #ffcc66 0% 0% repeat-x;
			border-top: 2px solid #c00;
			border-left: 2px solid #c00;
			border-right: 4px solid #c00;
			border-bottom: 4px solid #c00;
			color:#c00;
			padding:2px;
			margin-bottom: 1em;
			margin-top:1em;
			}


.notebox_alert		{
			margin: 0px 0px 0px 0px;
			padding: 5px;
			background-color:#c00;
			color:#fff;
			font-weight:bold;
			}



/*-------------------------------------------------------------------------------------------------
WHITE FAKE BUTTON LINK
-------------------------------------------------------------------------------------------------*/

.white_button		{
			width:60%;
			text-align:center;
			margin-top:10px; 
			text-decoration:none;
			display:block;
			font-weight:bold; 
			padding: 5px 0px; 
			border-right:1px solid #666666; 
			border-bottom:2px solid #666666; 
			background: #fff url(navimages/on_bg.gif) repeat-x top left;
			}



/*-------------------------------------------------------------------------------------------------
TABLE SETTINGS 
-------------------------------------------------------------------------------------------------*/

.table_header	{
		background: #369;
		border-bottom:1px solid #ffffff;
		padding:.5em;
		vertical-align:top;
		text-align:left;
		color:#ffffff;
		font-weight:bold;
		}


.table_entry	{
		background:url(navimages/on_bg.gif) #ffffff 0% 0% repeat-x;
		border-bottom:1px solid #ffffff;
		padding:.5em;
		vertical-align:top;
		text-align:left;
		}


.calendar_special	{
		font-weight:bold;
		color:#cc0000;
		}

.calendar_time	{
		font-weight:bold;
		color:#009944;
		}




/*-------------------------------------------------------------------------------------------------
MISC FORMATTING
-------------------------------------------------------------------------------------------------*/

/*--- This simply adds a black outline around an object. Used for photographs. ---*/

.framed			{
			border:1px solid #000;
			}


/*--- This simply reduces the indentation of all bulleted lists. ---*/

ul			{
			margin-left: 10px;
			padding-left: 10px;
			}


dl.board dt
		{
		margin-top: .5em;
		font-weight:bold;
		}

dl.contact dd
		{
		font-size:larger;
		}