/* old styles */
.headerwhite { font-size: 0.8em; color: #ffffff; }
.headerinfo  { font-size: 0.8em; text-indent: 7px; text-align: left; }	
.text8justify	{ font-size: 0.8em; text-align: justify; }
.text9justify	{ font-size: 0.9em; text-align: justify; }
.text10justify	{ font-size: 1.0em; text-align: justify; }
.text11justify	{ font-size: 1.1em; text-align: justify; }
.text12justify	{ font-size: 1.2em; text-align: justify; }
.text8left	{ font-size: 0.8em; text-align: left; }
.text9left	{ font-size: 0.9em; text-align: left; }
.text10left	{ font-size: 1.0em; text-align: left; }
.text11left	{ font-size: 1.1em; text-align: left; }
.text12left	{ font-size: 1.2em; text-align: left; }


/* global body settings */
/* body.main { text-align: center; } */
body { 
	background-color: #FFFFFF; 
	margin: 0px; 
	font-size: 100%; 
	width: 100%; 
	 }
body,ul,ol,li,td,p,div,span,input,textarea,select {	font-family: Verdana, Arial, Helvetica, sans-serif;  }

/* headlines */
h1 { font-size: 1.4em; color: #000000; font-weight: bold; }
h2 { font-size: 1.2em; color: #000000; font-weight: bold; }
h3 { font-size: 1.1em; color: #000000; font-weight: bold; }
h4 { font-size: 1.0em; color: #000000; font-weight: bold; }
h5 { font-size: 1.0em; color: #000000; font-weight: bold; }
h6 { font-size: 1.0em; color: #000000; font-weight: bold; }

/* common links */
a,a:link	{	color: #cc0033; text-decoration: underline; }
a:visited	{	color: #cc0033; text-decoration: underline; }
a:hover		{	color: #cc0033; text-decoration: underline; }
a:active	{	color: #cc0033; text-decoration: underline; }




/* Head navigation */
a.navtop,a.navtop:visited,a.navtop:hover { 
	color: #FFFFFF; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; 
	white-space: nowrap; 
	padding: 0px 2px 3px 2px; 
	font-weight: normal; 
	text-decoration: none;
	vertical-align: top;
	
}
.navspacer { 
	color: #FFFFFF; 
	font-size: 0.8em; 
	vertical-align: top;
}

/* top navigation row */
div.navtop {
	width: 100%;
	margin: 0;
	padding: 3px 0px 0px 0px;
	background-color: #660033;
	font-size: 0.8em;
	text-align: left;
	text-indent: 5px;	
		
}


/* Head navigation submenu */
div.menu, div.menu a.mI, div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

div.menu {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  background-color: #660033;
  border: 1px solid #000000;
  text-align: left;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.mI, div.menu a.mICurrent {
  color: #FFFFFF;
  background-color: #660033;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.mI:hover, div.menu a.mIHighlight, div.menu a.mICurrent, div.menu a.mI:hover span.mIText, div.menu a.mI:hover span.mIArrow {
  font-family: Tahoma, Arial, Helvetica, sans-serif;

  color: #FFFFFF;
  background-color: #000000;
}

div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  
  color: #FFFFFF;
}

div.menu a.mI span.mIArrow {
  margin-right: -.75em;
}

/* foot row links */
a.linksheadfoot,a.linksheadfoot:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; }
a.linksheadfoot:visited	{ color: #000000; text-decoration: none; }
a.linksheadfoot:hover	{ color: #cc0033; text-decoration: none; }
a.linksheadfoot:active	{ color: #000000; text-decoration: none; }

/* head row links */
a.linkshead,a.linkshead:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; padding: 0px 0px 0px 0px; vertical-align: middle;  }
a.linkshead:visited	{ color: #000000; text-decoration: none; }
a.linkshead:hover	{ color: #cc0033; text-decoration: none; }
a.linkshead:active	{ color: #000000; text-decoration: none; }
.headnavspacer { 
	color: #000000; 
	font-size: 0.85em;
	vertical-align: middle;
}

/* bread crumb navigation */
div.breadcrumb			{ margin: 4px 8px; text-align: left; }
span.breadcrumb			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; text-decoration: none; white-space: nowrap; }
a.breadcrumb,a.breadcrumb:visited,a.breadcrumb:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; white-space: nowrap; }

/* head search input form */
.search { border: 1px solid #000000; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #EEEEEE; font-size: 0.9em; }
.searchlinks { text-align: center; width: 100%; }
.searchresult { margin-bottom: 10px; }
.formbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; height: 18px; background-color: #EEEEEE; color: #000000; border: 1px solid #000000; }
/* border of the head navigation row */
div.linkshead {
	width: 100%;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #EEEEEE;
	text-align: right;
	margin: 0 auto;
	padding: 1px 0px;
	font-size: 0.80em;
}

/* head image row & head editable element */
div.imagehead, div.edithead {
	width: 100%;
	background-color: #ffffff;
	text-align: left;
	font-weight: bold;
	clear: both;
	margin: 0 auto;
	
}

/* image link block on top of background image */
span.imagelink {
	display: block;
	margin: 0; 
	padding: 0; 
	width: 175px; 
	cursor: pointer;
}

/* border of the foot navigation row */
div.linksfoot {
	width: 100%;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #EEEEEE;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 0.8em;
	text-align: right;
	clear: both;
}



div.mainwrapper {
	margin: 0 auto;
}

/* block around main content row (left nav, content, infobox) */
div.main {
	width: 100%;
	/* background-color: #ffffff; */
	background-image: url(http://www.dot.wi.gov/news/images/bgopencms.gif);
	background-repeat: repeat-y;
	
	
}

/* content cell */
div.content {
	float: left;
	width: 53%;
	
	vertical-align: top;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	color: #000000;
	background-color: #ffffff;
        
}

/* content styles */

/* a content element */
div.element {
	
        margin: 0px 0px 0px 0px; 
	padding: 5px; 
	text-align: left; 
	clear: both;
	background-color: #FFFFFF;
	border: 0px solid #999999;
}

div.element2 {
		
        font-size: 0.8em;
	margin: 0px 0px 0px 0px; 
	padding: 5px; 
	text-align: left; 
	clear: both;
	background-color: #FFFFFF;
	border: 0px solid #999999; 
}

/* infobox column */
div.infobox {
	text-align: left;
	float: right;
	width: 205px;
	vertical-align: top;
	/*height: 100%;*/
}

/* left navigation column */
div.navleft {
	text-align: left;
	float: left;
	width: 150px;
	vertical-align: top;
	height: 100%;
	margin: 0px 0px 0px 0px; 
        background-color: #000066; 
	
	background-repeat: repeat-y;
}


/* left navigation image row */
span.navleftimage {
	display: block;
	width: 175px;
	cursor: pointer;
}

/* left navigation list */
ul.navleft { 
	margin: 0 0 0 20px;
	padding: 2px;
} 

/* left navigation list item */
li.navleftactive { 
    list-style-image: url(/opencms/export/templateone/resources/nav_a.gif); 
} 
 
li.navleft { 
    list-style-image: url(/opencms/export/templateone/resources/nav_i.gif);
}

a.navleft,a.navleft:link,a.navleft:visited,a.navleft:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: normal; text-decoration:none; }
a.navleft:hover { color: #000000; text-decoration: underline; }

a.navleftactive,a.navleftactive:link,a.navleftactive:visited,a.navleftactive:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: bold; text-decoration:none; }
a.navleftactive:hover { color: #000000; text-decoration: underline; }

/* Side element styles */
div.sidelist {
	margin: 5px 5px 5px 0px;
	border: 1px solid #999999; 
	text-align: left; 
	clear: both;
	background-color: #FFFFFF;
}

p.sidelisthead {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #999999;
}

p.sidelistitem {
	font-size: 0.70em;
	margin: 5px 3px 0px;
}

a.sidelistitemhead {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 3px;
}

/* popup window border */
div.popup { 
	margin-top: 10px;
	-moz-box-sizing: border-box;
	width: 100%;
}

h1.popup { font-size: 1.0em; padding: 2px; width: 100%; background-color: #660033; color: #FFFFFF; }
.popupform { border: 1px solid #000000; width: 450px; }
span.formerror { color: #660033; font-weight: bold;}

/* imprint */
table.imprint {	width: 100%; }
td.imprint { vertical-align: top; font-size: 0.8em; }

/* default styles for the online forms */
input.onlineform, select.onlineform, textarea.onlineform { width: 300px; border: 1px solid #000000;  }
textarea.onlineform { height: 80px; }

/* default styles */
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
div.element {}

h2.lp_headline {
	margin-top: 0;
	padding-top: 0;
}

.lp_maxwidth {
	width: 100%;
}

span.lp_imgleft {
	float: left;
	padding: 0 5px 5px 2px;
}

span.lp_imgright {
	float: right;
	padding: 0 2px 5px 5px;
}

div.lp_clearfloat {
	clear: both;
}

td.lp_top {
	vertical-align: top;
}

td.lp_imgleft {
	padding-right: 8px;
}

td.lp_imgright {
	padding-left: 8px;
}

p.lp_imgdesc {
	font-size: 10px;
}