body  {
	background-color : #ffffff;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: medium;
	margin: 0px 0px 0px 0px;
}

#content{
	width:96%;
	padding:2%;
}

#logo{
	position:relative;
	float:left;
	margin-bottom:30px;
}

h1{
	color: #55c7dc;
	float:left;
    margin-left: 20px;
    position: relative;
	text-shadow: 1px 1px #000000;
}

h2{
	width:100%;
	clear:both;
	margin-top:20px;
	font-size:14pt;
}

h3{
	margin-top:20px;
	font-size:12pt;
}

.mb-0{
	margin-bottom:0;
}

.mt-0{
	margin-top:0;
}
	

hr{
	width:100%;
	clear:both;
}

hr.dotted-line{
	border: 1px dotted #dcdada
}

@media screen and (max-width: 1100px) {
	h1{
		font-size:20pt;
	}
	
	h2{
		font-size:16pt;
	}
	
	#logo img{
		width:200px;
		height:auto;
	}
}

@media screen and (max-width: 865px) {
	h1{
		font-size:15pt;
	}
	
	h2{
		font-size:13pt;
	}
	
	#logo img{
		width:150px;
		height:auto;
	}
}
@media screen and (max-width: 675px) {
	h1{
		text-align:center;
		margin:2% 10px 2% 10px;
		width:96%;
	}
	#logo{
		width:100%;
		margin-bottom:10px;
	}
	#logo img{
		width:250px;
		height:auto;
		position:relative;
		left:0;
		right:0;
		margin:auto;
		display:block;

	}
}

@media screen and (max-width: 400px) {
	#logo img{
		width:175px;
	}
}

/* Element styles
p  {
	background-color: #transparent;
	font-family: verdana, arial, sans-serif;
}

ul  {
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
	list-style-type: square;
	color: #000000;
}

ol  {
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
	color: #000000;
	list-style-type: decimal;
}

li  {
	background-color: transparent;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	
}

h1  {
	background-color: transparent;
	color: #ffcc00;
	font-family: trebuchet MS, arial, sans-serif;
	font-size: x-large;
	font-weight: 900;
}

h2  {
	background-color: transparent;
	color: #ffcc00;
	font-family: arial, sans-serif;
	font-size: large;
	font-weight: 900;
}

h3  {
	background-color: transparent;
	color: #ffcc00;
	font-family: arial, sans-serif;
	font-size: medium;
	font-weight: 900;
}

h4  {
	background-color: transparent;
	color: #ffcc00;
	font-family: arial, sans-serif;
	font-size: small;
}

h5  {
	background-color: transparent;
	color: #ffcc00;
	font-family: arial, sans-serif;
	font-size: x-small;
}

body  {
	background-color : #000066;
	color: #ffffff;
	font-family: verdana, arial, sans-serif;
	font-size: medium;
	margin: 0px 0px 0px 0px;
}

.content	{
	margin-left: 25px;
	margin-right: 20px;
	font-size: 80%;
}

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

pre { 
	font-size: small;
	}


img  {
	border-width: 0px;
}

/* regular links
a  {
	background-color: #transparent;
	color: #ffffff;
	font-weight: bold;
}

a:visited  {
	background-color: transparent;
	color: #cc0000;
}

a:active  {
	background-color: transparent;
	color: #ff0000;
}

a:hover  {
	background-color: transparent;
	color: #ffcc00;
}


/* Wisconsin Gov hover link code - image background stays white
a:hover.white  {
	background-color: transparent;
        color: #ffffff;
}


/* header and footer specific code 
.footer  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
}

.header  {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-size: xx-small;
}

/*Generic classes in alpha order


.highlight {
	font-weight :bold;
	font-size:90%;
	background-color: transparent;
	color: #ff0000;
}

.important { 
	color:#ff0000;
	background-color:transparent;
	font-variant:small-caps;
	font-weight:bold;
	}

.indentsmall { 
	margin-left: 40px; 
	}
	
.indentmedium {
	margin-left: 60px;
	}
	
.indentlarge {
	margin-left: 80px;
	}

.redalert  {
	font-family : arial, sans-serif;
	background-color: transparent;
	color: #ff0000;
	margin-left: 45px;
}

.skinnyheading {
	margin-bottom:-20px;
	}

.smltxt { font-size:75% }
.smalltext  {
	font-family: arial, verdana, sans-serif;
	font-size: xx-small;
}
table.primary td p, table.secondary td p, table.tertiary td p, table.layoutprimary td p, table.layoutsecondary td p, table.layouttertiary td p {
	font-size: 90%;
	}

table.primary, table.layoutprimary {
	border: 1px solid #cccccc;
}

table.primary td  { 
	font-family: arial, sans-serif;
	padding:5px; 
	text-align: right;
	border: 1px solid #cccccc;
	vertical-align: top;
	}
	
table.layoutprimary td  { 
	font-family: arial, sans-serif;
	padding:5px; 
	text-align: left;
	border: 1px solid #cccccc;
	vertical-align: top;
	}
	
table.primary th {
	font-family: verdana, arial, sans-serif;
	background-color: #336699;
	color: #ffffff;
	padding:5px; 
 	border: 1px solid #cccccc;
	vertical-align: top;
	}
	
table.layoutprimary th {
	font-family: verdana, arial, sans-serif;
	background-color: #336699;
	color: #ffffff;
	padding:5px; 
 	border: 1px solid #cccccc;
	vertical-align: top;
	}*/