/* St. Joseph County 4H Goat 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
  ==
  #cdc4bb	light background
*/
*	{
	margin:0;
	padding:0;
	}
body
	{
	background: #cdc4bb;
	font: 16px verdana, sans-serif;
	color: #333331;
	text-align: left;
	max-width:800px;
	}
#header {
	height:135px;
	width: 100%;
	color: #005400;
	background-color: #8e6d45;
	background-image:url(bg1.png);
	}
#header h1 {
	font-weight:normal;	
	font-size:2.5em;
	letter-spacing:-4px;
	margin:12px 0 5px 20px;
	padding-top:20px;
	color: #005400;
	}
#header a {
	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; 
	}
div.announce
	{
	padding:10px;
	margin:5px;
	border:2px solid #eeeeee;
	}
div.announce h3
{
	margin-top:0px;
}
p
	{
	margin: 0 0 0.6em 0;
	}
p.clear	{clear:both;}

/* 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
	{
	margin-left: 10px;
	margin-right; 10px;
	min-height:400px;
	}
#footer
	{
	clear:both;
	margin: 3em 20px 0 20px;
	margin-left: 30px;
	font: bold 9px/3em tahoma, verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 2em;
	padding-top:10px;
	border-top: 1px solid black;
	}
#footer .meta 
	{
	font: normal 9px verdana, sans-serif;
	letter-spacing 3px;
	}	
#footer a
	{
	background: #cb9;
	padding: 2px 5px;
	color: #edb;
	border: none;
	margin: 0;
	}
	
#footer a:hover
	{
	background: #000;
	border: none;
	}
#navbar 
	{
	/*position: absolute
	top: 180px;
	left: 510px; */
	float:right;
	background-color:#D0560D;
	width:220px;
	min-height:380px;
	padding-right:10px;
	padding-left:10px;
	}		
#navbar 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;
	}
#navbar p, #navbar ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #bd4d0d;
	}	
#navbar li
	{font:1em arial, verdana, sans-serif;
	color: #efece3;
	text-indent: 0;
	color: #000;
	line-height: 1em;
	padding: 0.5em 17px;
	}
#navbar li:hover
	{
	background: #b64a0b;
	}
#navbar li a
	{
	display: block;
	border: none;
	color: #f4f0e6;
	font-weight: bold;
	font-size:.75em;
	margin-left: -12px;
	padding-left: 12px;
	}
#navbar li a:hover
	{
	color: #ec9;
	}
/* tables */
/* format class table used only for positioning.  No border, padding, etc. */
table.format 
{
	border:none;
	padding:0;
	margin:0;
	border-collapse: separate;
}
table.format td
{
	/*border:1px solid black;*/
	border:none;
	vertical-align:top;
}

/*  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 */