body 
{ 
background-color:#000000;

/*	background:#fff ;*/
} 
	
.bgh { 
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	height:0;
	
	
/*anything using this class will also need:
	1) width:Xpx;
	2) padding:X 0 0 0; where x is equal to graphic height
	3) background-image:url("path/file.jpg");
*/
}


img.logoprint {display:none;}

span.error {
	color:#f00;
	display:block;
	padding:4px 0;
}


div.wrapper {
    /*width:952px; 
    margin:0 auto;  */  
    overflow:hidden;
    background-color:#FFF8E7;	
    
}

div.middle
{	
	margin-top: 80px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: normal;

}

h1
{
	display: block;
	color: #4581d0; 
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	text-align: left;
}

h1 span { color: #F1041E; }

div.header {
    /*height:80px;*/
    height:80px;
    position:relative;   
}

div.header a.bgh {
		position:absolute;		
    }
  
		 ul.nav {
		text-align:center;
		margin-bottom:70px;		
			}
    
    
		ul.nav li {
			display:inline;
			color:#0C276A;
			font-size:18px;
			background-color:Transparent;			
		}
		ul.nav a {
			color:#0C276A;
			font-family:Georgia, Times, "Times New Roman", serif;
			text-decoration:none;
			padding:0 30px;			
		}	
		
		ul.nav a:hover {
				color:#1a4a86;
			}
		
    
  
input.submit {
	float:right;
	border:0 !important;
	width:auto !important;
}
 

div.primary {
	width:455px;
	height:100%;
	float:left;
	background-color:#FFF8E7;
	
	vertical-align:top;
	}
	div.SocialImg 	
{	
	left: 750px;
    position: absolute;
    top: -28px;  
    height: 30px;  	
    width:30px;
}
	div.SocialImg2 	
{	
	left: 785px;
    position: absolute;
    top: -28px;  
    height: 30px;
    width:30px;  	
}
div.statement
			{
				margin-top:575px;
				display:block;
				width:410px;				
				height:50px;
				margin-left:5px;
				margin-bottom:10px;			
				}

			 /* SOCIAL MEDIA LINK */
div.Social 	
{	
	vertical-align:top;
	margin-left:53%;	
	width: 380px; 	
	background-color:#FFF8E7;
 
}
 

			div.rotatorcontainer div#rotator {
				/*height:324px;*/
				margin-top:5px;
				position:absolute;
				z-index:1;
				width:438px;	
				
			}
			
			 
		div.rotatorcontainer {
			width:438px;
			margin-bottom:22px;
			
		}
			
			div.rotatorcontainer div#rotator {
			
				width: auto !important;
				height:325px;
				position:relative;
				z-index:200;
			}
			
				div.rotatorcontainer div.rfooter{
					text-align:left;
					/*padding:20px 20px 20px 20px;*/
					margin-left:10px;
					margin-top:100px;
					width:438px;					
					padding-bottom:20px;
					
				}
				
			/*#Content  div.listcontainer {
				z-index:400;
				margin-left:12px;
				width:438px;
				overflow:hidden;
				padding-bottom:12px;
				list-style:none !important;
				list-style-type:none !important;
			}
			
			#Content ul.categorylist 
			{
				list-style:none !important;
				list-style-type:none !important;
				z-index:500;
				position:absolute;
				left:45%;
				float:left;				
				 
				width:85px;
			}
			#Content  ul.categorylist li 
			{
				list-style:none !important;
				list-style-type:none !important;
				height:15px;
				width:17px;
				float:left;
				margin-top:300px;
				padding-right:4px;				
				position:relative;
				right:53%;
				
			}
			
			#Content  ul.categorylist li.active a 
			{
				list-style:none !important;
				list-style-type:none !important;
				 background:url("/uploadedimages/aapiohiogov/images/redcircle.png") 0 0 no-repeat; 
			
			}
			
			#Content ul.categorylist li a {
				list-style:none !important;
				list-style-type:none !important;
			
			 	background:url("/uploadedimages/aapiohiogov/images/whitecircle.png") 0 0 no-repeat; 
				padding-left:6px;
				display:block;
				height:26px;
				text-decoration:none;
				line-height:26px;
				font-size:16px;
				font-weight:bold;
				cursor:pointer;
				
			}
			#Content ul.categorylist li a:hover {
				list-style:none !important;
				list-style-type:none !important;
			 	background:url("/uploadedimages/aapiohiogov/images/redcircle.png") 0 0 no-repeat;
				
			}
			 
			#Content ul.categorylist li a span 
			{
				list-style:none !important;
				list-style-type:none !important;				
				display:block;
				height:26px;
				padding-right:6px;
				cursor:pointer;
			
			}*/
			 
			/*#Content ul.catlist li.active a 
			{
				 background:url("/uploadedimages/aapiohiogov/images/redcircle.png") 0 0 no-repeat;			
			}*/
			
			div.rotatorslide {
				height:325px;
				width:440px;
				display:none;
				left: 0 !important;
				/*position:absolute;*/
				margin-left: 10px;
				margin-top:0px;
				z-index:1;
				
			}
			div.rotatorslide img.main {
				display:block;
				/*position:absolute;*/				
				left:0;
				z-index:1;
				border-style:dashed;
				
			}
			div.rotatorslide ul.links {
				width:577px;
				overflow:hidden;
				position:absolute;
				z-index:100;
				bottom:33px;
				left:0;				
				/*padding:12px 0px 9px 24px;*/
			}
				div.rotatorslide ul.links li {
					float:left;
					width:180px;
					padding-right:10px;
					/*line-height:22px;*/
					padding-bottom:12px;
				}
				div.rotatorslide ul.links li a {
					 
					font-weight:bold;
					font-size:13px;
				}
				div.rotatorslide ul.links li a:hover {
				 
				}

	hr {
		height:1px;
		border:none;
		background:#d4dce3;
		margin:33px 0;
	}

	 
		/*	div.secondary  {
				display:block;
				vertical-align:text-top;
				width:390px;
				/*overflow:hidden;
				padding-bottom:10px;				 
				margin-left:53%;
				text-align:left;
				
				
			}
			*/
		 
 
 
 
 
/*Current JFS Innerweb Styles*/
/********************************************************************************/
/** COMMON                                                                    **/
/******************************************************************************/

body {
	background-color: #525051;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: small/85% Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	}

/********************************************************************************/
/** CONTAINERS                                                                 **/
/********************************************************************************/

#MainContainer {
	margin: 0px auto;
	width: 936px;	
	height: 100%;
	border-style: none;
	background-color:#FFF8E7;	
	vertical-align: top;
	text-align: left;
	}
	
#Banner {
	border-style: none;
	overflow: hidden;
	width: 936px;
	height: 175px;
	
	background-repeat: no-repeat;
	}

#Main {
	clear: both; 
	padding: 0; 
	background-color:#FFF8E7;	
	margin-left: 18px;
	margin-right: 18px;
		}
	
/********************************************************************************/
/** BANNER CONTAINERS                                                          **/
/********************************************************************************/

/* Links to ohio.gov and jfs.ohio.gov */
#links{
	width: 115px;
	padding-left: 560px;
	float: left;
}

#links ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 115px; 
}

#links ul li{
	display: inline;
}

#links ul li a{
	float: left;
	padding: 5px 11px;
	text-decoration: none;
}

#links ul .ohio {
	width: 100px;
	height: 35px;
	background-color: transparent;

}

#links2{
	width: 455px;
	height: 100px;
	padding-left: 0px;
	float: left;
}

#links2 ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 455px; 
}

#links2 ul li{
	display: inline;
}

#links2 ul li a{
	float: left;
	padding: 5px 11px;
	text-decoration: none;
}
#links2 ul .jfs {
   margin-top: 25px;
	width: 455px;
	height: 55px;
	background-color: transparent;
}

#links3{
	width: 230px;
	padding-left: 0px;
	float: left;
}

#links3 ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 230px; 
}

#links3 ul li{
	display: inline;
}

#links3 ul li a{
	float: left;
	padding: 5px 11px;
	text-decoration: none;
}

#links3 ul .agencies {
	width: 85px;
	height: 35px;
	background-color: transparent;
}

#links3 ul .services {
	width: 85px;
	height: 35px;
	background-color: transparent;
}

/* SEARCH */

#Search {
	margin-top: 20px;
	width: 175px;
	height: 15px;
	color: #0C276A;
	float: right;
	}
	
#Search input {
	background-color: #ffffff;
	color: #0C276A;
	border-style: solid;
	border-color: #0C276A;
	border-width: 1px;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;	
	}

#Search .Button	{
	width: auto;
	background-color: #EBEEF3;
	color: #0C276A;
	border-style: solid;
	border-color: #0C276A;
	border-width: 1px;
	font-size: 9px;
	font-weight: bold;
	}


/* Top Navigation Bar */

#TopNav {
	width: 936px;
	height: 40px;	
	padding-top: 0px;
	margin-top: 0px; 	
	font-family: Georgia; 
/*	font-size: 36px;*/
 	font-weight: bold;
	float: right;
	vertical-align:middle;
	line-height: normal;
	background-color: #E83137;	
	z-index: 500;

	}
/*
#TopNav a {
	color: #0C276A;
	text-decoration: none;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;

	}

#TopNav .last {
	border-right: 0px;
}
#TopNav a:visited {
	color: #0C276A;
	text-decoration: none;
	}

#TopNav a:hover {
	color: #73A5CC;
	text-decoration: none;
	}

#TopNav a:active {
	color: #0C276A;
	text-decoration: none;
	} */


#nav {padding-left:23px; padding-top:0px; list-style:none; height:36px; z-index:500; font-family:Arial; text-align:center; display:fixed; position:absolute; width: 910px; top: auto !important; left: auto !important;}

#nav li
	{
		position: static;
		display:inline;
		list-style:none;
		padding:0px;
	}

#nav li.top {display:table-header-group; float:left; height:36px;  text-align:center;}

#nav li a.top_link {display:block; float:left; color: #FFFFFF; text-decoration:none; font-size:12px; padding:0 0 0 0px; cursor:pointer;}

#nav li a.top_link span {float:left; display:block; padding:0 2px 0 2px; height:29px; position:relative; }
#nav li a.top_link span.down {float:left; display:block; padding:0 6px 0 6px; height:36px;   }
nav li.top_img{display:block; float:left; height:20px; width:1px; color:#9a1f22;}
#nav li:hover {position:relative; z-index:700;}

/***************************************************************/
/**                TOP NAV                                    **/
/** keep the 'next' level invisible by placing it off screen. **/
/**							      **/	
/***************************************************************/
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover ul.sub
{left:0; top:19px; background: #ddd; padding:3px; border:1px solid #888; white-space:nowrap; width:120px; height:auto; z-index:700; text-align:left;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:200px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:20px; width:120px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#ddd 100px 9px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#666; color:#fff; text-decoration:underline;}
#nav li:hover ul.sub li a.fly:hover
{background:#666 100px 7px no-repeat; color:#fff; text-decoration:underline;}
#nav li:hover ul li:hover > a.fly {background:#ddd 100px 9px no-repeat; color:#000;} 
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; padding:2px; border:1px solid #666; background: #fff; white-space:nowrap; width:90px;}


/********************************************************************************/
/** CONTENT                                                                    **/
/********************************************************************************/
#OfficePageTitle {
	display: block;
	color: #000000; 
	background-color:#FFF8E7;
	font-size: 28px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	line-height: normal;
	text-align: left;
	float: left;
	margin-top: 10px;
	/*margin-bottom:10px;*/
	margin-left: 10px;
	width:636px;
	height:70px;
	

	}
.PageTitle {
	color: #700017; 
	font-size: 16px auto;
	line-height: normal;
	font-family: Georgia;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 10px;
	}

#Content 
{
	padding-top: 10px;
	background-color:#FFF8E7;
	width: 870px;
	float: left;
	overflow: visible;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	line-height: 16px;
	vertical-align: top;
	font-size: 11px auto;
	position: relative;	

	
	}

#Content p {
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}

 #Content h1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	}

#Content h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	}

#Content h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	}

#Content h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	}

#Content h5 {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	}

#Content h6 {
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	}

#Content hr {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #0C276A;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #700017;
	}

#Content li {
	list-style-type: square;
	}
#Content th {
	background-color: #700017;
	color: #FFFFFF;

	}

#Content a:link {
	color: #91080D;
	}

#Content a:visited {
	color: #EF1217;
	}

#Content a:hover {
	color: #EF1217;
	}

#Content a:active {
	color: #91080D;
	}

#Content .MainPicture {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-style: none;
	background-position: bottom;
	background-repeat: no-repeat;
	}
 	

#Content .EktronButton { 
    
    left: 640px;
    position: absolute;
    top: -28px;  
    height: 30px;  
}
#PageContent {

	width: 493px;
	float: left;
	overflow: hidden;
	background-color: white;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	line-height: 16px;
	vertical-align: top;
	background-color:#FFF8E7;	
	border-top: 1px solid #700017;
	border-bottom: 1px solid #700017;
	border-right: 1px solid #700017;
	
	}

#PageContent p {
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#PageContent h1 {
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	}

#PageContent h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	}

#PageContent h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	}

#PageContent h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	}

#PageContent h5 {
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	}

#PageContent h6 {
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	}

#PageContent hr {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #0C276A;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #700017;
	}

#PageContent li {
	list-style-type: square;
	}

#PageContent a:link {
	color: #91080D;
	}

#PageContent a:visited {
	color: #EF1217;
	}

#PageContent a:hover {
	color: #EF1217;
	}

#PageContent a:active {
	color: #EF1217;
	}

#PageContent .MainPicture {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-style: none;
	/* background-image: url(""); */
	background-position: bottom;
	background-repeat: no-repeat;
	}

#PageContent table {
	table-layout:auto;
}

/********************************************************************************/
/** NAV BUTTONS                                                                **/
/********************************************************************************/

.NavButton {
	width: auto;
	height: auto;
	vertical-align: middle;
	line-height: 16px;
	}

.NavButton, .NavButtonFirst, .NavButtonLast {
	padding: 5px 5px 5px 10px; /* top, right, bottom, left */
}
	
.NavButtonFirst, .NavButtonLast {
	padding: 5px 5px 5px 10px; /* top, right, bottom, left */

}

.NavButton, .NavButtonFirst, NavButtonLast, NavButtonFirstLast {
	font-size: 11px auto;
}

.NavButtonFirst {
	padding-top: 5px;
}

.NavButtonDark {
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	text-align: left;
	color: #700017;
}
	
/********************************************************************************/
/** LEFT NAV                                                                   **/
/********************************************************************************/

#LeftNav {

	width: 190px;
	float: left;
	overflow: hidden;
	margin: 0px auto;	
	padding-bottom: 20px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-size: 11px auto;
	border: 1px solid #700017;
	color: #FFFFFF;
	}

#LeftNav a:link {
	color: #700017;
	text-decoration: none;
	}

#LeftNav a:visited {
	color: #700017;
	text-decoration: none;
	}

#LeftNav a:hover {
	text-decoration: underline;
	color: #700017;
	}

#LeftNav a:active {
	text-decoration: underline;
	}

#LeftNav .NavButtonFirst {
	width: auto;
	height: auto;	
	vertical-align: top;
	line-height: 16px;
	}

#LeftNav .NavButtonLast {
	width: auto;
	height: auto;
	line-height: 16px;
	border-bottom: 1px solid #700017;
	}

#LeftNav .NavButtonFirstLast {
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 14px;
	border-bottom: 1px solid #700017;
	}

/********************************************************************************/
/** RIGHT NAV                                                                   **/
/********************************************************************************/

#RightNav {
	width: 190px;
	height: auto;
	float: right;
	overflow: hidden;
	margin: 0px auto;
	padding-bottom: 20px;
	text-align: left;
	vertical-align: top;
	font-size: 11px auto;
	border: 1px solid #700017;
	border-left: 0px;
	}


#RightNav h1 {
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	line-height: 14px;
	font-weight: bold;
	font-size: 11px;
	}

#RightNav .Comment {
	padding-left: 10px;
	}

#RightNav a:link {
	color: #700017;
	text-decoration: none;
	}

#RightNav a:visited {
	color: #700017;
	text-decoration: none;
	}

#RightNav a:hover {
	text-decoration: underline;
	color: #700017;
	}

#RightNav a:active {
	text-decoration: underline;
	}

#RightNav .NavButtonFirst {
	width: auto;
	height: auto;	
	vertical-align: top;
	line-height: 16px;
	}

#RightNav .NavButtonLast {
	width: auto;
	height: auto;
	border-bottom: 1px solid #700017;	
	line-height: 18px;
	}

#RightNav .NavButtonFirstLast {
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 14px;
	border-bottom: 1px solid #700017;	
	}


/********************************************************************************/
/** FOOTER                                                                     **/
/********************************************************************************/
 
#Footer {
	clear: both;
	width: 936px;
	height: 40px;	
	padding-top: 10px;
	padding-bottom: 10px;
	background-position: top;
	background-repeat: no-repeat;	
	text-align: center;
	vertical-align:middle;	
	color:#000000;	
	font-size: 9px;
	background-color:transparent;
	  
	}

#Footer a:link {
	color: #000000;
	text-decoration: none;
	}

#Footer a:visited {
	color: #000000;
	text-decoration: none;
	}

#Footer a:hover {
	color: #E83137;
	text-decoration: underline;
	}

#Footer a:active {
	color: #000000;
	text-decoration: none;
}