/*****************************************************************
      Tested in the following browsers for general compliance:  
	  
	  Firefox 3.0.15 PC 		Firefox 3.55 MAC 
	  Opera 9.63 PC				Opera 10.10 MAC
	  Safari 4.0.2 PC			Safari 4.0.4 MAC
	  Chrome 3.0.195.38 PC		Chrome 4.0.249.30 MAC
	  IE 7, IE 6, IE 5.5 PC
******************************************************************/

* {
    margin: 0;
}
html, body {
	height: 100%;
	background-image: url(../images/z_headerbkgnd.jpg);
	background-repeat: repeat-x;
	background-color: #EEE3C5;   /* color of the main page background between the header and footer */
	background-position: center top;
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin: 0px;
}

p, body,td,th {
	font-family: "Times New Roman", Times, serif;
	font-size: 11.5pt;
	color: #502B18;
	line-height: 135%;
}

.twoColFixLtHdr #container {
	height: 100%;
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left;  /* this overrides the text-align: center on the body element. */
	min-height: 100%;
	height: auto !important;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -120px;  /* the negative number gives the space up from the bottom of the browser */ /* the auto margins (in conjunction with a width) center the page */
	margin-left: auto;
	vertical-align: top;
} 
.twoColFixLtHdr #mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;   /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized */
	margin-left: 0px;   /* ensures Main Content doesn't run over Sidebar content (if present) */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 100px;  /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized ---- ALSO FIX FOR FLOWERNOTES AND FLOWERS IN TABBED CONTENT */
	padding-left: 0px;
	vertical-align: top;
} 
.twoColFixLtHdr #shadow {
	height: 20px;
	background-image: url(../images/z_ftr_shadtile.png);
	background-repeat: repeat-x;
	width: 100%;
	background-color: transparent;    /* "none" is deprecated in newer browsers and replaced with "transparent" */
	clear: both;
	float: none;
	margin-top: 30px; /* this gives the content a space between the footer */
} 
.twoColFixLtHdr #header {
	height: 260px;
	width: 950px;
} 
.headerImages {
	margin: 0; /* gets rid of space below masthead images */
	padding: 0;
	font-style: normal;
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 215px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;  /* ensures #sidebar2 doea not run over top of content above them if browser window is minimized */
	margin-left: 99px;
	height: 287px;
	padding: 0px;
	background-position: center top;
	background-image: url(../images/navbkgnd_btm.png);
	background-repeat: no-repeat;
}
.twoColFixLtHdr #sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 217px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;  /* ensures #shadow and #footer do not run over top of content above them if browser window is minimized */
	margin-left: 99px;
	height: 172px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
.twoColFixLtHdr #WatchUsGrow {
	width: 578px;
	height: 72px;
	position: relative;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: left;
	float: right;
} 
.twoColFixLtHdr #footer {
	height: 120px;     /* this should be a positive number OR opposite of the negative number in #container */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 140%;
	color: #AFB7CD;   /* color of any Footer text and-or links */
	background-color: #DFC298;   /* background color of the Footer div */
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 35px;
	padding-left: 140px;
	background-image: url(../images/z_footerbkgnd.gif);
	background-repeat: repeat-x;
	background-position: center top;
	position: relative;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:60px; /* this gives the content a space between the footer */
	font-size: 1px;
	line-height: 0px;
}
.subhead {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: normal;
	color: #D9531E;   /* color of text */
	text-transform: uppercase;
	font-weight: bold;
}



/* ============================================================== */
/* Standard Links Below Here... */
/* ============================================================== */



a:link {
	color: #D9531E;   /* color of any Footer text and-or links */
	text-decoration: none;
}

a:visited {
	color: #D9531E;   /* color of any Footer text and-or links */
	text-decoration: none;
}

a:hover {
	color: #BC3F18;   /* color of any Footer text and-or links */
	text-decoration: underline;
}

a:active {
	color: #D9531E;   /* color of any Footer text and-or links */
	text-decoration: underline;
}	



/* ============================================================== */
/* Main Page Styles Below Here... */
/* ============================================================== */



h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	color: #D9531E;
	line-height: 110%;
	padding-bottom: 15px;
	background-position: top;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #D9531E;
	line-height: 110%;
	padding-bottom: 15px;
}

.Bullets {
	font-family: "Times New Roman", Times, serif;
	line-height: 110%;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 100%;
	color: #502B18;
	margin-bottom: 0px;
	padding-bottom: 15px;
}




/* ============================================================== */
/* Footer Styles Below Here... */
/* ============================================================== */



.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	color: #502B18;   /* color of any Footer text and-or links */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footerSpacers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 110%;
	color: #502B18;   /* color of any Footer text and-or links */
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}
.footer a:link {
	color: #D9531E;   /* color of any Footer text and-or links */
	text-decoration: none;
}

.footer a:visited {
	color: #D9531E;   /* color of any Footer text and-or links */
	text-decoration: none;
}

.footer a:hover {
	color: #BC3F18;   /* color of any Footer text and-or links */
	text-decoration: underline;
}

.footer a:active {
	color: #D9531E;   /* color of any Footer text and-or links */
	text-decoration: underline;
}