/*-----------------------------------------------------------------------------
Wisconsin United Style Sheet

version:   1.0
author:    Zach Lutz
email:     zach@bytestudios.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
a {
	text-decoration: none;
	color: #303030;
}

a:hover {
	text-decoration: underline;
}

body {
	background-color: #507f83;
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #303030; 
	text-align: center;
}



#wrapper {
	width: 838px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: left;
	background: #507f83 url(/images/bg_wrapper.gif) repeat-y top left;
}

/* skip to content link 
a#skip { 
	display: block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	padding: 0.5em 0 1.5em 0; 
	background: transparent; 
	color: #507f83; 
	font-weight: bold; 
	font-size: 1.2em; 
	text-align: center;
	z-index: 10;
}
a#skip:link, a#skip:visited { color: #507f83; }
a#skip:hover, a#skip:focus, a#skip:active { color: #fff; background: #10383a url(/images/bg_skip.gif) no-repeat center bottom; }*/

/* ===================================================================
								HEADER
=======================================================================*/
#header {
	height: 194px;
	position: relative;
	background: #507f83 url('/images/bg_header.gif') no-repeat top left;
	/*border-top: 1px solid #fff;*/
	}
	#header a#branding {
		position: absolute;
		top: 53px;
		left: 43px;
		display: block;
		width: 134px;
		height: 130px;
		background: url('/images/logo.gif') no-repeat top left;
		text-indent: -9999px;
		}

		#header span {
			font: normal 1.5em Georgia;
			position: absolute;
			top: 62px;
			left: 199px;
			word-spacing: 0.08em;
			}

			#header h1 {
				font: normal 2.35em Georgia;
				position: absolute;
				top: 127px;
				left: 199px;
				letter-spacing: 0.1em; 
				}


.panel {
	clear: both;
	display: none;
}

.panel.active-tab-body {
	display: block;
}

#tabs {
	float: right;
	list-style: none;
	font-size: 11px;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px 5px 12px;
	margin-left: 6px;
	text-decoration: none;
	color: #303030;
}

#tabs a.active-tab {
	background: url('/images/arrow_down.gif') no-repeat 0 50%;
}


#form_box {
	position: absolute;
	top: 111px;
	left: 495px;
	width: 292px;
	}
	#search fieldset, #newsletter fieldset {
		padding: 10px 0 10px 5px;
		border: 1px solid #57a2a7;
		background-color: #FFFFFF;
		}
		#search label {
			float: left;
			width: 106px;
			font-size: 1.1em;
			padding: 2px 0;
			}
			#newsletter label {
				float: left;
				width: 123px;
				font-size: 1.1em;
				padding: 2px 0;
				text-align: right;
				margin-right: 5px;
			}
			#search input.field {
				float: left;
				width: 87px;
				font-size: 1.1em;
				background: #CEDFDD url(../images/magnify.gif) no-repeat 1px 50%;
				border: 1px solid #57a2a7;
				padding: 2px 1px 2px 20px;
	 			}
			#newsletter input.field {
				float: left;
				width: 140px;
				font-size: 1.1em;
				background-color: #CEDFDD;
				border: 1px solid #57a2a7;
				padding: 3px;
	 			}
				input#button {
					padding: 0 5px;
					}
#newsletter fieldset p { clear: both; padding: 3px 0; margin: 0; }


/*====================================================================== 
	FULL CONTENT (including full content width, except header = footer)
=======================================================================*/

#full_content_div {
	margin: 0 31px;
	width: 767px;
	background: url('/images/bg_about.gif') repeat-y top left;
	border-bottom: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
	background-color: #DDECED;
}

/*------------------------------------------------------------------------
								LEFT SIDEBAR
---------------------------------------------------------------------------*/
#left-sidebar {
	float: left;
	width: 198px;
	margin: 0;
	border-right: 10px solid #fff;
	}
	#left-sidebar ul#navigation { margin: 0; }	
	
	#left-sidebar ul#navigation li {
		font: normal 1.3em Arial, Helvetica, sans-serif;
		list-style-type: none;
		border-bottom: 1px solid #57A2A7;
		}
		#left-sidebar ul#navigation li.last {
			border-bottom: none;
			}
			#left-sidebar ul#navigation li a {
				display: block;
				width: 182px;
    			background: #CBE2E4 url('/images/arrow_off.gif') no-repeat 0.5em 0.75em;
				padding: 7px 0 6px 16px;
				}
				#left-sidebar ul#navigation li a:hover {
					text-decoration: none;
					color:#FFFFFF;
					background: #57A2A7 url('/images/arrow_on.gif') no-repeat 0.5em 0.75em;
					}
					
					/*-------- begin secondary (about page) navigation --------------------------------*/
					#left-sidebar ul#navigation li ul {
						}
					#left-sidebar ul#navigation li ul li {
						width: 198px;
						font: normal 1em Arial, Helvetica, sans-serif;
						list-style-type: none;
						border-bottom: none;	
						}
						#left-sidebar ul#navigation li ul li a {
							display: block;
							width: 182px;
							color: #69928d;
							background: #FFFFFF;
							padding: 7px 0 6px 16px;
							}
							#left-sidebar ul#navigation li ul li a:hover {
								text-decoration: none;
								color:#FFFFFF;
								background: #57A2A7;
								}

/*---------------------------------
this is the "about" dropdown menu

*/

#text_size {
	width: 186px;
	border-top: 10px #FFFFFF solid;
	background: #EADFB1;
	padding: 6px 0 7px 12px; 
	}
	#text_size span {
		float: left;
		}

#jig {
	font: 1.4em Arial, Helvetica, sans-serif;
	margin: 5px 24px 0 0;	
	}

.resize {
	padding: 0 5px 0 0; 
	}
	.resize a {
		display: block;
		width: 22px;
		height: 22px;
		float: left;
		clear: both;
		text-indent: -9999px;
		}

#small { background: url('/images/a_small.gif') no-repeat;}
#medium { background: url('/images/a_medium.gif') no-repeat;}
#large { background: url('/images/a_large.gif') no-repeat; }

#babel {
	background-color: #FBF7D1;
	border-top: 10px #FFFFFF solid;
	padding: 6px 0 6px 12px; 
	}

#translate_form fieldset {
	width: 180px;
	border: 1px solid #fbf7d1;
	text-align:left;
	}
	#translate_form select {
		width: 174px;
		margin-bottom: 4px;
		}

#quick_links {
	background-color: #FBF7D1;
	width: 197px;
	padding-bottom: 5px; 
	border-top: 10px #FFFFFF solid;
		border-bottom: 10px #FFFFFF solid;
	}
	#quick_links h4 {
		padding: 3px 0 6px 11px;
		font: 1.4em Georgia;
		background-color: #EADFB1;
		margin-bottom: 12px;
		}
		#quick_links a {
			display: block;
			margin-bottom: 12px;
			text-align: center;
			}
			#quick_links img {border: none;}
			
/*----------------------------------------------------------------
OTHER LINKS (about page)
----------------------------------------------------------------*/
#other_links { 
	border-top: 10px solid #FFFFFF;
	}
	#other_links h4 {
		background-color: #EADFB1;
		font: normal 1.8em Georgia;
		padding: 5px 0 6px 9px;
		}
		#other_links ul li {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			list-style: none;
			border-bottom: 1px solid #EADFB1;
			}
			#other_links ul li.last {border-bottom: none;}
				#other_links ul li a {
					display: block;
					width: 128px;
		    		background: #FBF7D1; 
					padding: 5px 59px 8px 11px;
					}
					#other_links ul li a:hover {
						text-decoration: none;
						color:#836935;
						}
	



/*--------------------------------------------------------------------------------------------- 
This is the Primary content div (index page)
------------------------------------------------------------------------------------------- */

#center_column {
	float:left;
	width: 321px;
	margin: 0 0 0 0;
	}
	#center_column h2 {
		padding: 4px 0 7px 14px;
		font: normal 1.4em Georgia;
		background-color: #57A2A7;	
		}
		#center_column ul {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			list-style: none;
			}
			#center_column ul li {
				border-bottom: 1px solid #57A2A7;
				padding: 12px 0 8px 14px; 	
				}
				#center_column ul li a:hover {
					text-decoration: none;
					color: #57A2A7;
					}
					#center_column h3 {
						font: normal 1.8em Georgia;
						display: block;
						text-align: center;
						background-color:#FFFFFF;
						margin: 19px 19px 0 19px;
						}
						#center_column img {
					 		padding-left: 19px;
							}
							#center_column span {
								text-align: right;
								padding-right: 19px;
								display: block;
								color: #10383A;
								}
								#center_column span a:hover {
									text-decoration: none;
									color: #57A2A7;
									}

#feature_text {
	font: normal 1.2em Arial, Helvetica, sans-serif;
	margin: 23px;
	line-height: 150%;
}

/*---------------------------------------------------------------------
 				SECONDARY CONTENT DIV (about page)
---------------------------------------------------------------------*/
#right_content {
	float: left;
	width: 558px;
	margin: 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	}
	#right_content h2 {
		display: block;
		padding: 4px 0 7px 15px;
		font: normal 18px Georgia;
		color: white;
		background-color: #57A2A7;
		}
		#right_content h3 {
			display: block;
			padding: 4px 0 7px 18px;
			font: normal 12px Georgia;
			letter-spacing: 1px; 
			background-color: #CBE2E4;
			}


/*---------------------------------------------------------------------
 	BODY TEXT / other body classes
---------------------------------------------------------------------*/

.textbody {
	padding: 15px;
	line-height: 150%;
	}
	.textbody ul {
		margin-left: 15px;
	}
	.textbody ol {
		margin: 0 0 15px 20px;
	}

.redlink {color: red;}



#back {	float: left;}
	#back a:hover {
		text-decoration: none; 
		color: #57A2A7;
		}

#next {float: right;	}
	#next a:hover {
		text-decoration: none; 
		color: #57A2A7;}

/*---------------------------------------------------------------------------------------- 
									RIGHT SIDEBAR (index only)
----------------------------------------------------------------------------------------*/	
#right-sidebar {
	background-color: #FBF7D1;
	width: 227px;
	border-left: 10px solid white;
	border-bottom: 10px solid white;
	float: left;
	}
	#right-sidebar h3 {
		background-color: #EADFB1;
		font: normal 1.8em Georgia;
		padding: 5px 0 6px 9px;
		margin-bottom: 6px;
		}
		#right-sidebar ul li {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			list-style: none;
			border-bottom: 1px solid #EADFB1;
			}
			#right-sidebar ul li a {
				display: block;
				width: 157px;
				background: #FBF7D1; 
				padding: 5px 59px 8px 11px;
				}
				#right-sidebar ul li a:hover {
					text-decoration: none;
					color:#836935;
					}

#whats_new li.last {margin-bottom: 20px;}

#news li.last {border-bottom:none;}

#stigma {
	width: 213px;
	padding: 16px 0 20px 14px;
	}
	#stigma img {border:none;}

/*================================================================================== 
										FOOTER
===================================================================================*/
#footer {
	height: 93px;
	padding: 0 3.1em;
	background: #507f83 url('/images/bg_footer.gif') no-repeat bottom left;
	text-align: center;
	padding-top: 0.9em;
	}
	#footer ul {
		margin-bottom: 10px;
		}
		#footer ul li {
			display: inline;
			list-style: none;
			padding: 0;
			}
			#footer ul li a {
    			background: #CBE2E4 url('/images/asterisk.gif') no-repeat;
				padding: 0 30px;
				text-decoration: none;
				}	
				#footer ul li a:hover {
					text-decoration: none;
					color: #345f62
					}
					#footer ul li a#contact {
						background: none;
						padding: 0 20px 0 0;
						}