/* CSS Document - Tulsa Garden Center - style.css */
/* Used for everything - including navigation menus*/

/*	Clear & set default settings to eliminate cross-browser differences and provide standard
    starting point. All side margins are controlled by browser width and all vertical spacing is controlled by font size. */
/*  Commented out this code because it removes all default page breaks for paragraphs and other block elements - BRR
* {
padding: 0;
margin:  0;
}
*/
/* End default settings */

/* Default styles - apply to unless over-ridden by Class(.) or ID(#)  */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #006650;
}

/*Used for Tulsa Garden Center Welcome on first page*/
#bigheader 	{
	font-size: 1.2em;
	color: #000066;           /* blue */
/*	background: #FFFFAA;*/      /*slightly darker yellow than menu*/
    background: #FFFFFF;
	font-weight: bold;
	line-height: 150%;
	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: thin none #006651; */
	margin: 0px auto 0px;
	height: auto;
	background: #006651 center;
	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: #000066;                 /*blue*/	
/*	line-height: 1.6em; */
}

/* End of Standard sections*/