/* Madison Township 4H Club main style sheet */
/* colors in use
  #bd4d0d	dark brown, used on link list and content titles
  #555544	taupe, body background around content
  #333331	body foreground color
  
*/
*	{
	margin:0;
	padding:0;
	}
body
	{
	background: #555544;
	font: 16px verdana, sans-serif;
	color: #333331;
	text-align: center;
	}
#header {
	height:150px;
	width: 100%;
	color: #cee3a5;
	background-image: url(circles_green4.jpg);
	background-repeat: repeat-x;
	background-color: #000;
	}
#header h1 {
	font-weight:normal;	
	font-size:3.2em;
	letter-spacing:-3px;
	margin:12px 0 5px 20px;
	padding-top:60px;
	}
#header a {
	/*color:#00993d*/;
	font-weight:normal;
	text-decoration: none;
	border-bottom: none;
	}
#header a:hover {
	color:#dfd;
	}
a
	{
	color: #c50;
	text-decoration: none;
	border-bottom: 1px solid #dca;
	}
	
a:visited
	{
	color: #a86;
	border: none;
	}
	
a:hover
	{
	color: #000;
	border-bottom: 1px solid #333331;
	}
	
h1 
	{
	font-size:2em;
	letter-spacing:-1px;
	color:#715955;
	margin:0px 0 5px 0px;
	}
	
h2
	{
	font-size: 2em;
	font-weight: normal;
	color: #922;
	margin: 0 0 0.7em 0;
	padding: 0;
	}
h2, h3, h4 
	{
	font-family: "trebuchet MS" sans-serif;
	}
h3
	{
	font-size: 1.6em;
	font-weight: normal;
	width: 420px;
	margin: 1.2em 0 0.8em 0;
	}
#main-content h3
	{
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 2px;
	color: #bd4d0d;
	border-bottom: 1px solid #bd4d0d; 
	}
#main-content h4
	{
	font-size: 1.1em;
	font-family:arial sans-serif;
	font-weight: normal;
	color: #bd4d0d; 
	}
p
	{
	/* text-indent: 1.5em; */
	font-size: 88%;
	margin: 0 0 0.6em 0;
	}
td
	{
	padding: 3px 5px;
	}
table th
	{
	color: #bd4d0d;
	}
thead td 
	{
	color: #bd4d0d;
	}
	

/*  CSS Table Design
Author: Stanislav Filev
Theme: Stainless Steel: Stenli Style
URL: http://www.stenli.net
--------------------------------------- */
/* colors in use for this table
#D4D0C8		light silver, table background
#000		black, table border, text
#4F4F4F		caption color
maroon		link, visited link
chocolate	hover over link
#aaa		cell border right and bottom
#eee		cell border top and left
#ccc		cell background
*/

table.ss {
	border: 1px solid #000; 
	background-color: #D4D0C8; 
	color: #000;
}
 
table.ss td, table.ss th { padding:5px;}

table.ss caption {
	text-transform: uppercase;
	text-align:center;  
	font: bold 12pt Verdana;
	color: #4F4F4F;
	margin: 3px 0;
}

/* =links
----------------------------------------------- */
table.ss a { color:maroon; text-decoration: none;}
table.ss a:link {color:maroon;}
table.ss a:visited { color: maroon;}
table.ss a:hover {color:chocolate;}

/* thead tbody tfoot
----------------------------------------------- */

table.ss thead th, table.ss tfoot th, table.ss tfoot td ,table.ss tbody th,table.ss tbody td {
	color: #000; 
	font: 8pt Verdana; 
	border-right: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left:1px solid #eee; 
	border-bottom: 1px solid #aaa; 
}

table.ss thead th, tfoot th, tfoot td { background-color: #ccc; font-weight: bold; text-align:center; }
table.ss tfoot td { text-align:right }
table.ss tbody th { white-space: nowrap; font-weight: bold; text-align:left; }


/* Visual and hover effects */
table.ss .odd td { }

table.ss tbody tr:hover td{
	background-color: silver;
	border-right: 1px solid #eee; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-bottom: 1px solid #eee; 
	background-color: #e4e0d8;
}
/* end stainless steel table style */	
	
/*  CSS Table Design
Author: sec
Theme: modified stainless steel
--------------------------------------- */
/* colors in use for this table
#D4D0C8		light silver, table background
#000		black, table border, text
#4F4F4F		caption color
maroon		link, visited link
chocolate	hover over link
#aaa		cell border right and bottom
#eee		cell border top and left
#ccc		cell background
*/

table.sso {
	border: 1px solid #000; 
	background-color: #D4D0C8; 
	color: #000;
}
 
table.sso td, table.sso th { padding:5px;}

table.sso caption {
	text-transform: uppercase;
	text-align:center;  
	font: bold 12pt Verdana;
	color: #4F4F4F;
	margin: 3px 0;
}

/* =links
----------------------------------------------- */
table.sso a { color:maroon; text-decoration: none;}
table.sso a:link {color:maroon;}
table.sso a:visited { color: maroon;}
table.sso a:hover {color:chocolate;}

/* thead tbody tfoot
----------------------------------------------- */

table.sso thead th, table.sso tfoot th, table.sso tfoot td ,table.sso tbody th,table.sso tbody td {
	color: #000; 
	font: 8pt Verdana; 
	border-right: 1px solid #aaa; 
	border-top: 1px solid #eee; 
	border-left:1px solid #eee; 
	border-bottom: 1px solid #aaa; 
}

table.sso thead th, tfoot th, tfoot td { background-color: #ccc; font-weight: bold; text-align:center; }
table.sso tfoot td { text-align:right }
table.sso tbody th { white-space: nowrap; font-weight: bold; text-align:left; }


/* Visual and hover effects */
table.sso .odd td { }

table.sso tbody tr:hover td{
	background-color: silver;
	border-right: 1px solid #eee; 
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-bottom: 1px solid #eee; 
	background-color: #e4e0d8;
}
/* end orange steel table style */	
	
/* The following hack is to correct paragraph text size in IE/WIN */

/* \*/ * html body p { font-size: 80%; } /* */


/* ________________ containers ________________ */
#container
	{
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 750px;
	background-color: #f2e0b8;
	border-bottom: 15px solid #000;
	margin-top:10px;
	}
#main-content
	{
	width: 470px;
	margin-left: 30px;
	min-height:400px;
	}
#footer
	{
	margin: 3em 0 0 0;
	margin-left: 30px;
	font: bold 9px/3em tahoma, verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 2em;
	}
#footer a
	{
	background: #cb9;
	padding: 2px 5px;
	color: #edb;
	border: none;
	margin: 0;
	}
	
#footer a:hover
	{
	background: #000;
	border: none;
	}
#linkbar 
	{
	position: absolute;
	top: 180px;
	left: 510px;
	background-color:#D0560D;
	width:220px;
	min-height:380px;
	padding-right:10px;
	padding-left:10px;
	}		
#linkList
	{
	/*width: 210px;
	padding-left: 10px; */
	}
#linkbar h3
	{
	width: 100%;
	height: 25px;
	margin-top: 1em;
	margin-bottom: 0;
	background: #591500 url(cat_title_bg2.gif) repeat-x;
	padding-left:5px;
	/*color:#00993d*/
	color:#efece3; 
	font-size: 1.1em;
	letter-spacing: .1em;
	}
#linkList p,

#linkList ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #bd4d0d;
	}	
#linkList li
	{font:.75em arial, verdana, sans-serif;
	color: #efece3;
	text-indent: 0;
	color: #000;
	line-height: 1.5em;
	padding: 0.5em 17px;
	}
#linkList li:hover
	{
	background: #b64a0b;
	}
#linkList li a
	{
	display: block;
	border: none;
	color: #f4f0e6;
	font-weight: bold;
	margin-left: -12px;
	padding-left: 12px;
	}
#linkList li a:hover
	{
	color: #ec9;
	}