﻿/*Elements*/
body 
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
    color: #333333;
    line-height: 140%
}

TABLE
{
    border:0px;
    border-style:none;
    border-collapse:collapse;
    width:100%
}

TH
{
    font-weight:bold
}

TD
{
    font-weight:normal;
    font-size:.9em
}

h1
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1.4em; 
    color: #333333;
}

h2
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1.2em; 
    color: #333333;
}

h3
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size:1em; 
    color: #333333;
}

A:link		{color: #384A7D; text-decoration:none; font-weight:normal}
A:visited	{color: #0F4679; text-decoration:none; font-weight:normal}
A:hover		{color: #FF7D24; text-decoration:underline; font-weight:normal}
A:active 	{ color: #0000FF}

/*Classes*/
.bottomMenuText
{
    color: #333333;
    font-size:.85em; 
    font-weight:normal;
    line-height:normal
}

.bullet
{
    line-height:140%
}

.copyright
{
    color: #ACACAC;
    font-size:.6em; 
    font-weight:normal;
}

.contentTable
{
    border-collapse:collapse;
    border-left:solid 1px #ACACAC;
    border-right:solid 1px #ACACAC;
    border-bottom:solid 1px #ACACAC;
}

.mainNavigation
{
    font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
    color: #FFFFFF;
    font-size:1.0em; 
}

.mainNavigation a:link {color: #FFFFFF; text-decoration:none; font-weight:normal}
.mainNavigation a:hover {color: #FF9999; text-decoration:underline; font-weight:normal} /*Orig #FF7D24*/
.mainNavigation a:visited {color: #FFFFFF; text-decoration:none; font-weight:normal}
.mainNavigation a:active { color: #FF0000}

.menuTableTop
{
    background-image:url(../Images/menu_top.gif);
    height:24px
}

.menuTableBody
{
    border-right:solid 2px #D0D6E4;
    border-left:solid 2px #D0D6E4
}

.menuTableBottom
{
    border-collapse:collapse;
    background-image:url(../Images/menu_bottom.gif);
    height:14px
}

.menuLeft
{
    vertical-align:top; 
    text-align:left; 
    padding:0.5em; 
    overflow:visible;
    width:200px;
    min-width:175px;
    max-width:250px;
}

.menuLeft h5  
{
    padding:0 0.3em 0.2em 0.3em; 
    margin-bottom:0; 
    background-color:#5e5f65;
    color:#FFF;
    border:solid 1px #339;
}

.menuLeft ul
{
    display:block; 
    list-style-type:none; 
    text-align:left; 
    padding:0;
    margin:0;
    background-color:#DEF;
}

.menuLeft li
{
    border:solid 1px #339;
    border-top:0px;
}

.menuLeft li a { padding:0 0.3em; }

.menuFlow
{
    overflow:visible; 
}

.menuFlow a { color:#384A7D }

/****
TJK_keyBoardDropDown
Pure CSS Drop Down Menu [TJK_keyBoardDropDown] v1.2
Copyright 2006, Thierry Koblentz - TJKDesign.com - All rights reserved.
Read www.TJKDesign.com/articles/Pure_CSS_dropdown_Menus.asp
****/
/* zeroing padding/margin for all elements */
#TJK_dropDownMenu,
#TJK_dropDownMenu * { 
	margin:0;
	padding:0;
}
/* "Master" UL (the whole Menu) */
#TJK_dropDownMenu {
	position:relative;
	background:#5e5f65 no-repeat 100% 50%;
	width:100%;
	max-width:100%;
	float:left;
	/*margin-bottom:3.5em;*/
	border-bottom:1px solid #5e5f65;
}
/* sub-menu ULs */
#TJK_dropDownMenu li ul {
	width:15em !important;/* leaves room for padding */
	cursor:default;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:1px 10px 10px 10px;
	background:url(/wisconsin/img/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#TJK_dropDownMenu li {
	position:relative;
	margin:0 2em;
	max-width:25%;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
/* sub-menu LIs */
#TJK_dropDownMenu li ul li {
	width:14em/*FF*/;
	padding:0;
	border:none;
	max-width:120%;
	border:1px solid #666;
	border-top:none;
}
/* All anchors */
#TJK_dropDownMenu li a {
	cursor:default;
	color:#FFF;
/*	border-left:1px solid #FFF;*/
	text-decoration:none;
	display:block;
	float:left;
	padding:0 .4em;
/*  uncomment the width declaration below if you want to go "full width" */
/*	width:100%; */
	height:2em;
	line-height:2em;
}
/* sub-menu Anchors */
#TJK_dropDownMenu li ul li a {
	width:13em/*FF*/;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	border:1px solid #fff;
	color:#FFF;
	background-position:0 25% !important; /*denotes relative location*/
}
/* :hover and stuff */
#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#000}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#fff !important;background:#69C}
/* display and z-index for the sub-menus */
#TJK_dropDownMenu li:hover ul,
#TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#TJK_dropDownMenu li#AB {z-index:6;}
#TJK_dropDownMenu li#CF {z-index:5;}
#TJK_dropDownMenu li#GJ {z-index:4;}
#TJK_dropDownMenu li#KR {z-index:3;}
#TJK_dropDownMenu li#ST {z-index:2;}
#TJK_dropDownMenu li#UZ {z-index:1;}

/* IMG tags in main menu - added by self */
#TJK_dropDownMenu li img {
    position:relative;
    float:right;
    line-height:2em;
    top:0.25em;
    vertical-align:middle;
}

/* Current location - class on Body must match LI's id */
.Home #TJK_dropDownMenu li#Home a,
.APR #TJK_dropDownMenu li#APR a,
.Bt3 #TJK_dropDownMenu li#Bt3 a,
.NCRRC #TJK_dropDownMenu li#NCRRC a,
.Contact #TJK_dropDownMenu li#Contact a,
.UZ #TJK_dropDownMenu li#UZ a {color:#000;}
/* Keeping current menu accessible to JAWS */
..Home #TJK_dropDownMenu li#Home ul,
.APR #TJK_dropDownMenu li#APR ul,
.Bt3 #TJK_dropDownMenu li#Bt3 ul,
.NCRRC #TJK_dropDownMenu li#NCRRC ul,
.Contact #TJK_dropDownMenu li#Contact ul,
.UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px}

/* background colors */
#Home,#Home li a,
#APR,#APR li a,
#Bt3,#Bt3 li a,
#NCRRC,#NCRRC li a,
#Contact,#Contact li a,
#UZ,#UZ li a {background-color:#5e5f65;}
/* "trigger" and "msieFix" classes */
#TJK_dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#TJK_dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.Home #TJK_dropDownMenu li#Home ul li a:focus,
.Home #TJK_dropDownMenu li#Home ul li a:active,
.APR #TJK_dropDownMenu li#APR ul li a:focus,
.APR #TJK_dropDownMenu li#APR ul li a:active,
.Bt3 #TJK_dropDownMenu li#Bt3 ul li a:focus,
.Bt3 #TJK_dropDownMenu li#Bt3 ul li a:active,
.NCRRC #TJK_dropDownMenu li#NCRRC ul li a:focus,
.NCRRC #TJK_dropDownMenu li#NCRRC ul li a:active,
.Contact #TJK_dropDownMenu li#Contact ul li a:focus,
.Contact #TJK_dropDownMenu li#Contact ul li a:active,
.UZ #TJK_dropDownMenu li#UZ ul li a:focus,
.UZ #TJK_dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}
