/* 	*************************************
	* Sauk Count Government Wisconsin 	*
	*********************************** */


/* 	Core Style Sheet 
	Default Styling XHTML tags 
		Abbreviations used in annotating this document (Internet Explorer does not support...)
			A.S. - Attribute Selectors
			C.T. - Cursor Types 
			F.E. - Focus Event 	*/

/* 	*********************************
	**** Hacks and Fixes Section ****
	********************************* */
	
	/* 	**** 	Global Margin and Padding Reset ****
		Resets all margins and paddings to 0 for all elements 
		takes care of many padding and margin based bugs 
		****										**** */
	* {margin:0; padding:0; border:0;}

	/* 	****	Font Scaling Hack 	****
		Use percentile on html font size to prevent IE from seemingly using a logrimthic increase and decrease 
		in font size when scaling and in older versions of Opera 
		This appears when using em's for font sizes within body.
		****						**** */
	html {font-size:100.01%;} 

	/*	****	Force Vertical Scroll Bars 	****
		To prevent content jumping in Mozilla Browsers 
		Modified to use .009em instead of 1px for smaller resultant scroll area
		****								**** */
	html, body {min-height: 100%; margin-bottom: 0.009em;}

	/*	**** 	Some sort of hack 		**** 
		To make it easier to work with 100% height out of the box.
		****						**** */
	body, html {height:100%; width:100%;}

/* 	************************************
	**** Normal Core Styles Section	****
	************************************ */

	body, table  {font-size:1em; font-family: "Tiresias PCfont", Verdana, Tahoma, Georgia, sans-serif; color: #000;}
	table  {font-size:0.8em;}

	table caption {font-weight: bold; padding: .5em; margin: .5em auto;}
	table {border: .09em inset #000; margin: .5em auto; background-color:#fff;}

	table td, table th {padding: .5em;}
	table thead th, table tfoot th  {font-weight: bold;}
	table tfoot th {border-top: .09em inset #000;}
	table thead th {border-bottom: .09em inset #000;}
		
	dl,
	p, li, dt, dd {margin-top:0.5em;}
	ul, ol, dl, dd {margin:0 0 0 2.3em;}
	dt { font-weight:bold;}
	
	p {margin:1em 0.5em;}

	/* set Standard Progression for Ordered and Unordered Lists */
	ul {list-style-type:disc;}
	ul ul {list-style-type:square;}
	ul ul ul {list-style-type:circle;}

	ol {list-style-type:decimal;}
	ol ol {list-style-type:upper-alpha;}
	ol ol ol {list-style-type:upper-roman;}
	ol ol ol ol {list-style-type:lower-alpha;}
	ol ol ol ol ol {list-style-type:lower-roman;}
	ol ol ol ol ol ol{list-style-type:lower-alpha;}

	blockquote {font-style:italic; font-size:.9em; text-align:justify;}
	img {margin:.5em;}
	hr {height:.25em; background: #b8860b; color: #b8860b;}
	
	/* Standardize Header Tags */ 
	h1, h2, h3, h4, h5, h6 {list-style-type: none; color:#000; margin-bottom: 0.75em; margin-top:1em;}
	h1 {font-size: 1.5em; font-weight: bolder; text-align: center; text-decoration:none;}
	h2 {font-size: 1em; font-weight: bolder; text-decoration: underline;}
	h3, h4,	h5, h6 {font-size: 1em; font-weight: bold;}
	h4, h6 {text-decoration: underline;}
		h1 :link, h1 :visited, h1 :active, h1 :hover, h1 :visited:hover, h1 :focus, h1 :link:active, h1 :visited:active,
		h3 :link, h3 :visited, h3 :active, h3 :hover, h3 :visited:hover, h3 :focus, h3 :link:active, h3 :visited:active,
		h5 :link, h5 :visited, h5 :active, h5 :hover, h5 :visited:hover, h5 :focus, h5 :link:active, h5 :visited:active	
			{color:#000; text-decoration:none;}
		h2 :link, h2 :visited, h2 :active, h2 :hover, h2 :visited:hover, h2 :focus, h2 :link:active, h2 :visited:active
			{color:#000; text-decoration:underline;}
		h4 :link, h4 :visited, h4 :active, h4 :hover, h4 :visited:hover, h4 :focus, h4 :link:active, h4 :visited:active,
		h6 :link, h6 :visited, h6 :active, h6 :hover, h6 :visited:hover, h6 :focus, h6 :link:active, h6 :visited:active 
			{color:#000; text-decoration:underline;}
	
	abbr, acronym {border: none;} 
	abbr[title], acronym[title] {border-bottom: .09em dotted #aaa; cursor: help;} /* IE does not support (A.S.) */ 
	a abbr[title], a acronym[title] {cursor: help;} /* IE does not support (C.T.) */ 

	a {text-decoration: none;}
	:link, :visited {font-weight: bold;}
	/* separate focus from hover (and have focus after hover) or IE freaks out */
	 * > :link:focus, * > :visited:focus {color: #99CC00;}
	:link {color: #0000CC;}
	:visited {color: #CC6699;}
	/* separate focus from hover or IE freaks out */
	:link:hover, :visited:hover {color: #99CC00;}
	:link:active, :visited:active {color: #CCCC99;}

	/* set up generated icons to denote external links and pdf links
		- only Mozilla and the newer versions of Opera support */
	a[href^="mailto:"]::before 	{content: url(../_images/_icons/email.gif);}
	a[href$=".pdf"]::before 	{content: url(../_images/_icons/adobe_pdf.gif);}
	a[href^="http://"]::before, a[href^="https://"]::before 	{content: url(../_images/_icons/external_Link.gif);}
	a[href^="http://"][href$=".pdf"]::before, a[href^="https://"][href$=".pdf"]::before {content: url(../_images/_icons/external_Link.gif) url(../_images/_icons/adobe_pdf.gif);}
	
/* Opera is a little bit flakey when it comes to adding a background-color to select/option elements  */
	textarea:focus, input:focus, select:focus, select option:focus {background-color: #FFF8DC; border: #000 inset .11em;}  /* IE does not support (F.E.) */
	textarea:hover, input:hover, select:hover {border: #000 solid .11em;} /* IE does not support :hover of form items */ 
	textarea:hover, input:hover, select:hover { background-color:#FFFFCC;} /* IE does not support :hover of form items */ 
	textarea, input, select {border: #999 solid 0.08em; font-weight:bold; -moz-border-radius:0.6em;}
	textarea {padding:.3em;} /* Mozilla and IE support - Opera does not */
	
		/* this is kind of a IE Hack - IE does not like having padding added to the input 
		results in a scrolling effect and may be confusing/annoying for some */
	form>fieldset>input {padding:.3em;} /* only Mozilla really supports the use of padding for input */
	label{font-weight:bold; padding:.5em;}
	label[for], input {cursor: pointer; cursor: hand;} /* IE does not support (A.S.) */
	fieldset legend {font-weight:bold; white-space:nowrap;}
		
	/*	**** Exerimental Code	**** 
	#Content *:hover a { text-decoration:underline; font-weight:bolder}

/* Experimental */
	table tbody tr:hover, table tbody tr.cellrowcolor:hover {background-color:#E6E6E6; }
	table col:hover td, table col:hover td.cellrowcolor:hover {background-color:#E6E6E6;}

	#Content *:target { outline: dotted; background-color:#FFFF99;}
/* end Experimental */ 
