/* CSS Document - Spring Creek Coalition - style.css */
/* Used for everything - including navigation menus*/


/* Default styles - apply to unless over-ridden by Class(.) or ID(#)  */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #006699;       /*blue*/
}
/*Used for Tulsa Garden Center Welcome on first page*/
#bigheader 	{
	font-size: 1.0em;
	color: #000066;           /* blue */
	background: #FFFFFF;      /*white*/
	font-weight: bold;
	line-height: 125%;
	text-align:  center;
	width: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 0;
	margin-left: 0;
	clear: both;
	border-bottom: 3px solid #663300;    /*brown*/
}

/* End of default styles*/

/* The following styles used for navigation menus only  - id = navmenu */

#navmenu, #navmenu ul {
	float: left;
	width: 770px;
	list-style: none;
	background: #FFFFCC;	/*light yellow*/
	padding: 0;
	margin: 0;
	color: #000066;		/*blue*/
	height: 1.3em;
	border-right: 1 solid #663300;		/*brown*/
}

#navmenu a {
	display: block;
	width: auto;
	font: bold small-caps 0.8em/1em Verdana, Arial, Helvetica, sans-serif;
	color: #003366;		/* blue */
	text-decoration: none;
	padding: 2px 6px;
	margin-right: 2px;
	margin-left: 2px;
}
#navmenu li {
	float: left;
	text-align: left;
	padding: 0;
	width: auto;
	line-height: 12px;
	list-style: url("none") none;
	height: auto;
	overflow: hidden;
	border-right: 1px solid #663300;	/*brown*/
}

#navmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	font-weight: normal;
	margin: 0;
	color: #003366;		/*blue*/
	background: #99FFCC;	/*med green*/
	border-right: 1px solid #663300;	/*brown*/
}

#navmenu li li {
	/*padding-right: 1px;*/
	width: 175px;
}

#navmenu li ul a {
	width: 175px;
	color: #003366;	/* blue */
}

#navmenu li ul ul {
	margin: -1.75px 0 0 175px;
}

#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li.iehover ul ul, #navmenu li.iehover ul ul ul {
	left: -999px;
}

#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li.iehover ul, #navmenu li li.iehover ul, #navmenu li li li.iehover ul {
	left: auto;
}

#navmenu li:hover, #navmenu li.iehover {
	background: #CCFFFF;	/* light green */
}

/* End of Navigation CSS */

/*Each page is contained by a wrapper. This sets maximum page width */
#wrapper {
	/*border: 2px ridge #006651;*/
	width: 770px;
	color: #000000;
	margin: 5px auto 10px;
	background: #FFFFFF;          */white*/
}

/*Three major sections of each page - Header, Content and Footer */
/* 1. Header contains site title and navigation menu. Same for all pages */
#header {
	text-align: center;
	border-bottom: thin solid #006699;  */same blue as background*/
	margin: 0px auto 0px;
	height: auto;
	background: #FFFFFF center;   */white*/
	width: auto;
}

/*2. Content serves as container for all page content - can be subdivided within 780px width  */
#content {
	padding: 10px;
	width: auto;
	background: #FFFFFF center;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.5em;
}
	/*Page content can be laid out using either of 2 options - a or b - only 1 option per page*/
	
	/*Option a. within Content: Content divided into two columns*/
	/* Left Column */
#left_col {
	background: #FFFFFF;
	height: auto;
	width: 360px;
	float: left;
	margin-top: 0em;
	margin-left: 2px;
	margin-bottom: 10px;
	border: thin none #663300;	/*brown*/
}
	/* Right Column */
#right_col {
	background: #FFFFFF;
	float: right;
	height: auto;
	width: 375px;
	margin: 0em 2px 10px 3px;
	border: thin none #663300;	/*brown*/
	padding-left: 2px;
}

	/*Option b. within Content: A single Column*/
.single_section {
	background: #FFFFFF;
	clear: both;
	width: 750px;
	border: medium none #663300;
	margin: 0px;
	padding: 0px;
}

/*3. Footer is the bottom portion of the page. Same for all pages*/
#footer {
	clear: both;
	border-top: thin solid #663300;    /*brown*/
	text-align: center;
	width: auto;
	background: #FFFFFF;            /*white*/
	padding-top: 0.5em;
	padding-bottom: .5em;
}
#footer p {
	font-size: 0.8em;
	font-style: italic;
	background: center center;
	color: #000000;                 /*black*/	
/*	line-height: 1.6em; */
}

/* End of Standard sections*/

/* Large standard size picture - no border - width 350px - floats left */
.picture_left	{
	padding:0;
	text-align: left;
	background: #FFFFCC;
	float:left;
	margin: 0px 3px 3px 3px;
}
/* Large standard size picture - no border - width 350px - floats right */
.picture_right	{
	padding:0;
	text-align: left;
	background: #FFFFCC;
	float:right;
	margin: 0px 3px 3px 3px;
}
.caption p	{
	font-size: 0.7em;
	font-weight: bold;
	background: #FFFFCC;
	margin: 0px;
	padding: 0px 0px 2px;
	line-height: 1.1em;
	text-align: center;
}

 
 /* Plant table - sets borders and backgrounds; text align center */ 
.plants table {
	border: 2px ridge #CCFFCC;
	margin-bottom: 3px;
	width: 700px;
} 

.plants th, .plants td {
	text-align: center;
	border: 1px ridge #CCFFCC;
	padding: 2px;
}
.plants th {
	background: #CCFFCC;
}
.plants td {
	background: #FFFFCC;
}

/* Used to clear out margins and start a new group */
.group {
	clear: both;
}

 
 /* Board of Directors table */ 
.board table {
	border: 2px ridge #CCFFCC;
	margin-bottom: 3px;
	width: 700px;
} 

.board th, .board td {
	text-align: center;
	border: 1px ridge #CCFFCC;
	padding: 2px;
}
.board th {
	background: #CCFFCC;
}
.board td {
	background: #FFFFCC;
}

/* Clears, adds padding */
.article {
	clear: both;
	margin-bottom: 1.5em;
	border: thin none;
	padding-top: 3px;
	padding-left: 4px;
	height: auto;
}				

.article p {
	padding-right: 5px;
	padding-left: 5px;
}

 /* Birds table - has a 'p' of justify*/ 
.birds table {
	border: 2px ridge #FFFFCC;
	margin-bottom: 3px;
	width: 700px;
} 

.birds th, .birds td {
	text-align: center;
	border: 1px ridge #FFFFCC;
	padding: 2px;
}
.birds th {
	background: #CCFFCC;
}
.birds td {
	background: #FFFFCC;
}
.birds p {
	text-align: justify;
}
.credits {
	font-size: .8em;
	font-style: italic;
	text-align: center;
	clear: both;
}