html{
	height: 100%;
	padding-bottom: 1px;
}

body{	
	background-color: white;
	text-align: left; 
	margin: 0; 
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif; 
	text-align: left;
}

h1 { 
	color: #1A3C8E; 
	font: 1.2em  Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 10px 20px; 
}

h1 span {
	color: red;	
}

h3 {	
	color: #0051ba;
	margin: 10px 0 0 20px;
	font-size:  1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

h4 {
	color: #1A3C8E;		
	margin: 10px 0 0 20px;
	font-size:  1.0em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0px 10px 0px;	
}

h5 {
	color: #1A3C8E;		
	margin: 5px 0 0 0px;
	font-size:  .8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px 0px 5px 0px;	
}

h6 {
	color: #1A3C8E;		
	margin: 10px 0 0 20px;	
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 0px 10px 0px;	
}

p { 
	margin: 10px 10px 20px 20px; 
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666;
}

p.quicklinks { line-height: 1.2em; }
p.iconlogin { line-height: 1.2em; }

li {
	margin: 0px 0px 0px 0px; 
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	font-size: .8em;
	color: #666;		
}

.nestedlist {
	font-size: 1.2em;
}

/*ul { list-style-type: none; line-height: 1em; }
	
ol { line-height:1.5em; }

li { margin-bottom: 3px; list-style: disc; }
*/
img {	
	border: 0; 
	padding: 5px; 
}

A:link { text-decoration: none; color: #1A3C8E;  }
A:visited { text-decoration: none; color: #1A3C8E;  }
A:active { text-decoration: none; color: #4581d0;  }
A:hover { text-decoration: underline; color: #4581d0;  }

/* holds the header, content and footer in this box */
#main {
	width: 996px;		
	margin: auto;	
	background-color:#FFF;
	height: 101%;
}

/* holds all the header content */
/*newsinfo*/
#banner {
	width: 100%;
	margin: 0;
	height: 198px;
	background-image: url(/img/header_main_2012.gif);
	background-repeat:no-repeat;
	background-position: 0px 36px;
}

/*icon*/
#banner2 {
	width: 100%;
	margin: 0;
	height: 198px;
	background-image: url(/img/header_main_2012.gif);
	background-repeat:no-repeat;
	background-position: 0px 36px;
}

/*customerservice*/
#banner3 {
	width: 100%;
	margin: 0;
	height: 198px;
	background-image: url(/img/header_main_2012.gif);
	background-repeat:no-repeat;
	background-position: 0px 36px;
}

/*forms*/
#banner4 {
	width: 100%;
	margin: 0;
	height: 198px;
	background-image: url(/img/header_main_2012.gif);
	background-repeat:no-repeat;
	background-position: 0px 36px;
}

/*icpolicies*/
#banner5 {
	width: 100%;
	margin: 0;
	height: 198px;
	background-image: url(/img/header_main_2012.gif);
	background-repeat:no-repeat;
	background-position: 0px 36px;
}

/*appeals*/
#banner6 {
	width: 100%;
	margin: 0;
	height: 198px;
	background-image: url(/img/header_main_2012.gif);
	background-repeat:no-repeat;
	background-position: 0px 36px;
}

/* the top left links in the header */
#tlinks {
	background-color: #ECECEC;
	clear: both;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	height: 36px;
	padding-right: 20px;
	text-align: right;
	text-decoration: none;
}

#tlinks a { 
	color: black; text-decoration: none; font-weight: normal;
	font-size: .8em;
}

#tlinks a:hover { 
	text-decoration: underline; 
}
#tlinks img {
	border: none;
	margin-right: 10px;
	margin-top: 7px;
	padding: 0;
	vertical-align: text-bottom;
}

/* Ohio.gov logo link */
#Logo { border: 0; float: left; height: 130px; width: 150px;}
#LogoLink { opacity:0; filter:alpha(opacity=0); float: right; height: 75px; margin-top: 30px; width: 120px; }

/* IC logo link */
#ICLogo { float: left; height: 130px; width: 475px; border: 0; }
#ICLogoLink { opacity:0; filter:alpha(opacity=0); float: right; display: block; height: 75px; margin-top: 30px; width: 475px; }

/* Search text box in the header */
#search {
	margin: 50px 25px 0 10px;
	float: right;
	text-align: right;
}

#search input {
	background-color: white;
	font-size: .8em;
}

#search input.NormalTextBox {
	box-sizing: border-box;
	width: 150px;
}

/* Links to social media in the header */
#mediabar {
	float: right;
	height: 25px;
	margin-bottom:-5px;
}
#mediabar img {
	border: 0;
	padding: 0;
}

#search label {
	display: none;
}

/* Main nav bar in the header */
#mainnav {	
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE8 */
  	filter: alpha(opacity = 80); /* For IE5-7 */
  	opacity: 0.8; /* For all browsers except IE */
	background-color: #0046AD;
	clear: both;	
	color: white;
	font-family: Arial, Georgia, "Times New Roman";
	height: 32px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
}

#mainnav p {
	zoom: 1;  
	text-shadow:black 0.1em 0.1em 0.2em; 
	margin: 0; 
	border: 0; 
	font-size: 16px;
	font-weight: bold;  
	color: white;
	line-height: 30px;  
	text-decoration: none;
	height: 30px; 
	width: 995px; 
}

#mainnav a {
	zoom: 1; 
	color: white;
	text-decoration: none;
	vertical-align: -2px;
}

#mainnav a:hover {
	color: white;
	text-decoration: underline;
}

/* this is the all content box that holds both columns */
#content {
	clear: both; 
	margin: 0; 
	padding: 0; 
	width: 100%; 	
}

/***********************************Start of 2 columns, 2 rows****************************************/
.Col2 { clear: both; margin: 0px 17px 0px 0px; padding: 0; width: 996px; background: transparent; border-top: 1px solid #A0C3DF;  }
	.border_dkbl  { border-top: 1px solid #A0C3DF;   } /* use this tag for dark blue top border */
	.border_ltbl  { border-top: 1px solid #E1ECFA; } /* use this tag for light blue top border */
	.sitemap_border { 
		border-top: 1px solid #A0C3DF;
		border-left: 1px solid #A0C3DF;
		border-right: 1px solid #A0C3DF;
		font-size: 1.4em;
	}
	.icon_font { font-size: 1em; }
	
/* this is the left column (the larger column) */
#ltCol { 
	margin: 0;
	width: 643px;	
	float: left;
	height: auto;
	border-right: 1px solid #A0C3DF;
	border-left: 1px solid #A0C3DF;
	padding: 5px 5px 5px 5px; 	
}

/* this is the right column (the smaller column) */
#rtCol { 
	margin: 0;
	width: 330px;	
	float: left;	
	height: auto;	
	padding: 5px 5px 5px 5px; 
	border-right: 1px solid #A0C3DF;
}

/* this is the bottom left column (the larger column) */
#ltBottomCol {
	margin: 0;
	width: 643px;	
	float: left;
	height: auto;
	border-right: 1px solid #A0C3DF;
	border-left: 1px solid #A0C3DF;	
	padding: 5px 5px 5px 5px; 
	
}
/* this is the bottom right column (the smaller column) */
#rtBottomCol {
	margin: 0;
	width: 330px;	
	float: left;	
	height: auto;	
	padding: 5px 5px 5px 5px; 
	border-right: 1px solid #A0C3DF;
	
}

/* this is the bottom left column (the larger column) */
#ltTestimonial {
	margin: 0;
	width: 984px;
	float: left;
	height: auto;
	border-right: 1px solid #A0C3DF;
	border-left: 1px solid #A0C3DF;
	padding: 5px 5px 5px 5px; 
	
}

/* this is the bottom right column (the smaller column) */
#rtTestimonial {
	margin: 0;
	width: 330px;	
	float: left;	
	height: auto;	
	padding: 5px 5px 5px 5px; 
	border-right: 1px solid #A0C3DF;
	
}
/*************************End of 2 columns, 2 rows**********************************************/

/*************************Start of 2 columns, 1 row**********************************************/
#NewsltCol {
	margin: 0;
	width: 227px;	
	float: left;
	height: auto;
	border-right: 1px solid #A0C3DF;
	border-left: 1px solid #A0C3DF;
	padding: 0px 5px 0px 5px; 
}

#NewsrtCol {
	margin: 0;
	width: 756px;	
	float: left;	
	height: auto;	
	padding: 0;
	border-right: 1px solid #A0C3DF;
}

#NewsMonthHeader {
	margin: 0;
	width: 756px;
	float: left;
	padding: 0;
	height: 35px;
	background-color:#b3d6ff;
	text-align: center;
}

/*************************End of 2 columns, 1 row**********************************************/

/*************************Start of 2 narrow columns******************************************/
/* this is the bottom left column (the larger column) */
#ltNarrowCol {
	margin: 0;
	width: 190px;	
	float: left;
	height: auto;
	border-right: 1px solid #A0C3DF;
	border-left: 1px solid #A0C3DF;
	padding: 5px 5px 5px 5px; 	
}

/* this is the bottom right column (the smaller column) */
#rtNarrowCol {
	margin: 0;
	width: 442px;	
	float: left;	
	height: auto;	
	padding: 5px 5px 5px 5px; 
	border-right: 1px solid #A0C3DF;
}
/*************************End of 2 narrow columns******************************************/

/************************Start of 2 form columns*****************************************/
.smallCol {
	margin: 0;
	width: 80px;
	float: left;
	height: auto;
	padding: 5px 0px 5px 5px; 
}

.largeCol {
	margin: 0;
	width: 195px;
	float: left;
	height: auto;
	padding: 5px 5px 5px 0px; 
}

.formCol {
	margin: 0;
	/*width: 290px;*/
	float: left;
	padding: 5px 5px 5px 10px;
}
.formCol td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .8em;
}
/************************End of 2 form columns*****************************************/

/************************Start of Ombuds Box*****************************************/
.ombudsbox {
	float: left;
	margin: 15px 15px 15px 15px;
	padding: 10px 10px 10px 10px;
	width: 195px;
	text-align: center;
	background: transparent;
	border: 2px solid #1A3C8E;
}
/************************End of Ombuds Box*****************************************/

/************************Start of ICON Login*****************************************/
.iconcontainer {
	/*clear: both; */
	float: left;
	margin: 0px 5px 0px 10px; 
	padding: 0; 
	width: 650px;	
	background: transparent; 
}

.iconCol {
	float: left;
	width: 214px;
	border-right: 1px solid #1A3C8E;
	border-left: 1px solid #1A3C8E;
	border-top: 1px solid #1A3C8E;
	border-bottom: 1px solid #1A3C8E;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;	
}

/**************************End of ICON Login*****************************************/

/*************************Start ICON Guide*******************************************/
.ul_links ul { margin: 5px 0 0 35px; padding: 0; list-style-type: none; }
.ul_links li { margin: 5px 0 0 0; color: #1c5c9f; }
.ul_links li a { color: #1A3C8E; text-decoration: none; }
/*.ul_links li a:visited { color: #4581d0; text-decoration: none; }*/
.ul_links li a:hover { color: #4581d0; text-decoration: underline; }

.guideCol2 { clear: both; margin: 0px 17px 0px 18px; padding: 0; width: 915px; background: transparent;  }

#guideltCol {
	margin: 0;
	width: 227px;	
	float: left;
	height: auto;
	border-right: 1px solid #A0C3DF;
	border-left: 1px solid #A0C3DF;
	padding: 0px 5px 10px 5px; 
}

#guidertCol {
	margin: 0;
	width: 756px;	
	float: left;	
	height: auto;	
	padding: 0 0 10px 0;
	border-right: 1px solid #A0C3DF;	
	
}

#guidertBottomCol {
	margin: 0 0 0 0;
	width: 756px;	
	float: right;	
	height: auto;	
	padding: 10px 0 0 0;		
	border-top: 1px solid #A0C3DF;	
}	
 
#guidertCol p, #guidertCol li {
	color: #1A3C8E;
}

#guidertBottomCol p, guidertBottomCol li {
	color: #1A3C8E;
}
/*************************End ICON Guide*******************************************/

/* footer nav */
#footernav {
	background-color: #0046AD;
	clear: both;
	color: white;
	height: 115px;	
	text-align: center;
	width: 100%;
	margin-bottom: 0;	
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#footernav a {
	color: white;
	text-decoration: none;
}
#footernav a:hover {
	text-decoration: underline;
}

#footernav p {
	color: white;
	font-size: 11px;
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 14px;
	
}
#footernav img { 
	border: 0px;
	padding: 0px; 
}
	
#footernavleft {
	border-right: 2px solid white;
	float: left;
	height: 60px;
	text-align: right;
	width: 49%;
	margin-top: 25px;
}

#footernavleft a:hover {
	text-decoration: none;
}

#footernavright {
	float: right;
	margin-top: 30px;
	text-align: left;
	width: 50%;
}

.footerlogo {
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
}

.footerlogofirstletter {	/*This class handles changing opacity through multiple browsers*/
  	zoom: 1;
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* For IE8 */
  	filter: alpha(opacity = 70); /* For IE5-7 */
  	opacity: 0.7; /* For all browsers except IE */
  	font-size: 18px;
  	font-weight: normal;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-right: 10px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

.centertxt {/*this class will center text*/
	text-align: center;
}
.centertxt span {
	font-size: .8em;
}

.red { color: #900;}
.green { color: #393;}
.gold { color: #fc3;}
.brown { color: #630;}



