/* Element styles*/
P   {
	font-family : verdana, arial, sans-serif;
	}

UL  {
	font-family :  verdana, arial, sans-serif;
	list-style: square;
	}

OL  {
	font-family : verdana, arial, sans-serif;
	}

LI  {
	font-family :  verdana, arial, sans-serif;
	}

H1  {
	background-color : transparent;
	color: #003366;
	font-family : arial, sans-serif;
	font-size : x-large;
	}

H2  {
	background-color : transparent;
	color: #003366;
	font-family : arial, sans-serif;
	font-size : large; 
	}

H3  {
	background-color : transparent;
	color: #003366;
	font-family : arial, sans-serif;
	font-size : medium; 
	}

H4  {
	
	font-family: arial, sans-serif;
	font-size : small;
	}

H5  {
	font-family : arial, sans-serif;
	font-size : x-small;
	}
	

td  {
	font-family : verdana, arial, sans-serif;
	font-size: small;
	}
	
pre { 
	font-size: small;
	}
	
img  {
	border-width : 0px;
	}
	
/* regular links*/
A  {}

A:Visited  {
	color: #660066;
	}

A:Active  {
	color: #ff0000;
	}

A:hover	{
	color:#ffffff;
	background:#000099;
	}

/* header, footer and header links*/
A:visited.header {
	color: #ffffff;
	}

A.header { 
	text-decoration: none;
	}

A:hover.header {
	color:#cde6ff;
	}
	
a:hover.lightblue  {
	background-color: transparent;
        color: #cde6ff;
}
	
.header  {
	font-weight : bold;
	color: #FFFFFF;
	text-decoration : none;
	background-color: #000099;
	font-family : Verdana, arial;
	font-size: .80em; 
	}

.footer {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	background-color: #ffffff;
	}
	
.middleheader { 
	background-color:#000099;
	color:#ffffff;
	font-family: arial;
 	}
	
.searchbox {
	font-family: arial, sans-serif;
	}

.skipheader	{
	font-family : arial, sans-serif;
	font-size : xx-small;
	display:none;
	}
	
.skiplink { 
	font-size:.25em;
	color:#000000;
	background-color:#000000;
	}
	
/* end header info */
	
	
/* Wisconsin Gov hover link code - image background stays white*/
A:hover.white {
	background:#ffffff;
	}
	


/* White Menubox link code*/
.menuboxstyle {
	float:right; 
	width:153px;
	background-color:#336699;
	border:1px solid black;
}
 
.menuboxhead  {
	color:#ffffff;
	font-family : arial, sans-serif;
	font-size: small;
	background-color: #000099;
	text-align:center;
	}

.menubox  {
	color:#000000;
	font-family : arial, sans-serif;
	background-color: #FFFFFF;
	line-height: 1.5em;
	} 

/*end menubox*/
	

/* for new templates*/

.twocolleft  {
	float: left;
	width: 48%;
}

.twocolright  {
	float: right;
	width: 48%;
}
/*end new template specific*/

/*WEBLIST CLASSES*/
.bigandbold {
	font-family : verdana, arial, sans-serif;
	font-size : large;
	font-weight : bold;
	color : #ff0000;
	background-color : transparent;
}

.button  {
	background-color : #000099;
	border-style : outset;
	font-family : verdana, Arial, Sans-serif;
	font-weight : bold;
	border-bottom : #003366 medium outset;
	border-top : #cccccc medium outset;
	border-right : #003366 medium outset;
	border-left : #cccccc medium outset;
	text-align : center;
	font-size: 90%;
	color : #ffffff;
	text-decoration : none;
	padding:2px;
}

.button A {
	text-decoration : none;
	background-color : #000099;
	color: #ffffff;
}

.button A:Visited  {
	text-decoration : none;
	background-color : #000099;
	color: #ffffff;
}

.button A:Active  {
	text-decoration : none;
	background-color : #000099;
	color: #ffffff;
}

.button A:Hover  {
	background-color : #000099;
	text-decoration : underline;
	color: #ffffff;
}

.highlightgd  {
	font-family : arial, sans-serif;
	font-size : small;
	font-weight : bold;
	color : #ff0000;
	background-color : transparent;
}

.highlightwt  {
	font-family : arial, sans-serif;
	font-size : small;
	font-weight : bold;
	color : #ffffff;
	background-color : #ff0000;
}

.red {
	color:#ff0000;
	background-color:transparent;
}

.sort {
	background-color:#EBEBEB;
}
	
.sortable {
		border : thin solid #000080;
		background:#fff;
}
/*end weblist classes*/


/*Generic classes*/
.blue {
	color: #003366;
	background-color: transparent;
	}

.breadcrumbs  {
	font-family : verdana, arial, sans-serif;
	font-size : x-small;
	font-weight : bold;
	}
	
.highlight {
	font-weight :bold;
	font-size:95%;
	background-color: transparent;
	color: #ff0000;
}
	
.indentsmall { 
	margin-left: 40px; 
	}
	
.indentmedium {
	margin-left: 60px;
	}
	
.indentlarge {
	margin-left: 80px;
	}

.primary {
	background-color: #000099;
	color: #ffffff;
}
	
.secondary {
	background-color: #cccccc;
	color: #000000;
}
	
.skinnyheading {
	margin-bottom:-20px;
	}

table.datatable {
	border: thin groove #000099;
	}

table.datatable td  { 
	font-family: arial, sans-serif;
	font-size: 90%;
	padding:5px; 
	margin:2px; 
	border: thin solid #ffffff;
	}
	
table.datatable th {
	font-family: arial, sans-serif;
	background-color: #000099;
	color: #ffffff;
	padding:5px; 
	margin:2px; 
	border: 1px solid;
	}
	
.tertiary {
	background-color: #000000;
	color: #ffffff;
}

/* added for dcf design */
#Wrapper { width:75%;   }
#Container { width:95%; margin:0 auto; padding:0;  border:1px solid #ccc; }
#Container table div.button a, #Container table div.button a:visited, #footer table a { text-decoration: none; color:#fff; font-weight:bold;}
#Container table div.button a:hover { text-decoration: none; color:#ff0; font-weight:bold;}
#Container a:visited, #footer a:visited { color:#009; }
#Container a:hover, #footer a:hover { text-decoration: underline; background-color:transparent; color: #f00;}
#Container { background: #fff; }
#Container table th.sort a.boldlink { color:#009; font-weight:bold; font-size:110%;}
#content table {margin:0 auto;}
#recentlyupdated { width:230px; border:1px solid #009} 
th {text-align:center;}
table#main { width:100%; white-space:normal; margin:auto; }
.lgtext { font-size:120%;}