﻿body { background: #FFFFFF url(http://publicsafety.ohio.gov/img/bmv_bg_repeat2.jpg) top repeat-x; font: 12px Arial, Helvetica, Verdana, sans-serif; color: #1A3C8E; text-align: left; margin: 0; padding: 0; }

/* styles headings */

h1 { color: #4581d0; font: normal 18px Georgia, "Times New Roman", Times, serif; margin: 7px 0 0 19px; }
h1 span { color: #F1041E; }
	
h2 { color: #1A3C8E; font: normal 17px Georgia, "Times New Roman", Times, serif; line-height: 125%; margin: 0 0 10px 0; }
	
h3 { color: #1A3C8E; font: normal 17px Georgia, "Times New Roman", Times, serif; line-height: 115%; margin: 10px 0; }
	
h4 { color: #1A3C8E; font: bold 13px Arial, Helvetica, Verdana, sans-serif; margin: 10px 0; }

/* general styles */
	
p { margin: 0 0 1em 0; line-height: 1.3em;  }
.sm { font-size: 85%; }
	
ul { list-style-type: square; line-height: 1.3em; }
	
ol { line-height:1.5em; }

li { margin-bottom: 3px; }

A:link { text-decoration: underline; color: #1A3C8E;  }
A:visited { text-decoration: underline; color: #1A3C8E;  }
A:active { text-decoration: none; color: #4581d0;  }
A:hover { text-decoration: none; color: #4581d0;  }

img	 { border: 0; padding: 0; }

/* styles forms */
	
input, select, textarea { font-family: Arial, sans-serif; color: #000000;  }

textarea { overflow: auto;  }
	
label { display: none;  }

/* styles main body elements */

#MasterContainer { width: 952px; margin: 0 auto; padding: 0; border: 0; clear: both; }	

#Content {
	clear: both;
	margin: 0;
	width: auto;
	border-top: 1px solid #E1ECFA;
	background-color: #FFFFFF;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}		

/* styles for the various header images */
 
#Hed { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header_top.jpg) top left no-repeat; }
#Hed #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header_bottom.jpg) top left no-repeat; }


#Hed2 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header2_top.jpg) top left no-repeat; }
#Hed2 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header2_bottom.jpg) top left no-repeat; }

#Hed3 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header3_top.jpg) top left no-repeat; }
#Hed3 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header3_bottom.jpg) top left no-repeat; }

#Hed4 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header4_top.jpg) top left no-repeat; }
#Hed4 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header4_bottom.jpg) top left no-repeat; }

#Hed5 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header5_top.jpg) top left no-repeat; }
#Hed5 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header5_bottom.jpg) top left no-repeat; }

#Hed6 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header6_top.jpg) top left no-repeat; }
#Hed6 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header6_bottom.jpg) top left no-repeat; }

#Hed7 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header7_top.jpg) top left no-repeat; }
#Hed7 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header7_bottom.jpg) top left no-repeat; }

#Hed8 { margin: 0; padding: 0; width: 952px; border: 0; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header_cdl_top.jpg) top left no-repeat; }
#Hed8 #Bottom { height: 73px; background: #ebf6ff url(http://publicsafety.ohio.gov/img/bmv_header_cdl_bottom.jpg) top left no-repeat; }
/* styles general header elements */ 

#Toplinks { padding: 15px; float: left; width: 385px; color: #9FAEFE; border: 0;  }
#Toplinks a { color: #FFFFFF; text-decoration: none; }
#Toplinks a:hover { text-decoration: underline; }

#Logo { float: left; width: 170px; border: 0; }
#LogoLink { display: block; height: 69px; width: 170px; }
	
#Searchbox { margin: 0; padding: 15px; float: left; width: 390px; border: 0; text-align: right; }
#Searchbox form { margin-bottom: 0; }



/** DPS UPDATE THIS PORTION == START **/

#MainNav { clear: both; margin: 0; padding: 2px 0 2px 0; font: 16px Georgia, "Times New Roman", Times, serif; color: #9FAEFE; letter-spacing: -1px; text-align: center; border: 0; background: #ebf6ff; }
#MainNav a { color: #0e3288; text-decoration: none; padding: 0 15px; }
#MainNav a:hover { color: #357edf; text-decoration: none; }

/* dropdown menus*/

#dropmenudiv{ position:absolute; border: 1px solid #9FAEFE; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 1.3em; z-index:100; }
#dropmenudiv a{	width: 100%; display: block; padding: 5px; text-decoration: none; font-weight: bold; }
#dropmenudiv a:hover{ /*hover background color*/  background-color: none; width: 238px; }

/** DPS UPDATE THIS PORTION == END **/



/* styles for homepage */ 

#NewsTabs { clear: both; margin: 10px 17px 0 18px; padding: 0; width: 915px; height: 167px; background: transparent url(http://publicsafety.ohio.gov/img/bg_newstabs.jpg) top left no-repeat; border-left: 1px solid #A0C3DF; }
		
#News_Container { float: left; padding: 0; margin: 0; width: 610px; color:#d82f2f; }
#News { margin: 0; border-top: 1px solid #A0C3DF; }
	#News a { color: #1c5c9f; text-decoration: none; }
	#News a:hover { text-decoration: underline; }
#News_Content { margin: 12px 0 0 135px; }
	#News_Content h2 { margin-bottom: 7px; }	
	#News_Content p { color: #333333; margin: 0 10px 5px 0;}	
	#News_Content p i { font-size: 80%; color: #4581D0; }

.Tabs { margin: 0; float: left; width: 306px; }

#serving_buttons { margin: 0; padding: 0; height: 27px; }
#serving_buttons img { float: left; margin: 0 -4px 0 -2px; padding: 0; border: 0; }
#serving_ohio { visibility:hidden; margin: 0; padding: 0; position: absolute; height: 140px; }

#options_container { clear: both; margin: 0; border: 0; position: relative; height: 140px; }
#options_container a { text-decoration: underline; color: #ffffff; }
#options_container a:visited { text-decoration: underline; color: #ffffff; }
#options_container a:hover { text-decoration: none; color: #ffffff; }
#options_container ul { margin: 0; padding: 0; list-style-type: none; line-height: 1.2em; }

#option2,#option3,#option4 { visibility:hidden; position: absolute; padding: 7px 10px; color: #ffffff; overflow: auto; }


/* start here for styles on bmv news section page */ 

#News2Tabs { clear: both; margin: 10px 17px 0 18px; padding: 0; width: 915px; background: transparent url(http://publicsafety.ohio.gov/img/bmv_bg_newstabs.jpg) top left no-repeat; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; }
		
#News2_Container { float: left; padding: 0; margin: 0; width: 609px; color:#A0C3DF; }
#News2 { margin: 0; border-top: 1px solid #A0C3DF; }
	#News2 a { color: #1c5c9f; text-decoration: none; }
	#News2 a:hover { text-decoration: underline; }
#News2_Content { margin: 12px 0 0 20px; }
	#News2_Content h2 { margin-bottom: 7px; }	
	#News2_Content p { color: #333333; margin: 0 10px 0px 0;}	
	#News2_Content p i { font-size: 80%; color: #4581D0; }

.Tabs2 { margin: 0; float: right; width: 306px; height: 167px; }
.Tabs2 img { float: left; margin: 0; }

#serving2_buttons { margin: 0; padding: 0; height:27px; }
#serving2_ohio { visibility:hidden; width: 306px; margin: 0; padding: 0; position: absolute; }

#options2_container { clear: both; margin: 0; border: 0; position: relative;  }
#options2_container a { text-decoration: underline; color: #ffffff; }
#options2_container a:visited { text-decoration: underline; color: #ffffff; }
#options2_container a:hover { text-decoration: none; color: #ffffff; }
#options2_container ul { margin: 0; padding: 0; list-style-type: none; line-height: 1.2em; }

#option2,#option3,#option4 { visibility:hidden; position: absolute; padding: 7px 10px; width: 306px; color: #ffffff; }

/* end of styles for bmv news section page */ 


/* for 3 even columns with all dark blue dividers*/

#Col3 {
	clear: both;
	padding: 0;
	width: 915px;
	border-left: 1px solid #A0C3DF;
	border-right: 1px solid #A0C3DF;
	margin-top: 13px;
	margin-right: 17px;
	margin-bottom: 0;
	margin-left: 18px;
}
	.bg_dkbl  { background: transparent url(http://publicsafety.ohio.gov/img/bg_3col.gif) top left repeat; } /* use this tag for 3 even colums with dark blue borders */
	.bg_ltbl  { background: transparent url(http://publicsafety.ohio.gov/img/bg_2-3col.gif) top left repeat; } /* use this tag for 3 even colums with one light blue and one dark blue border to suggest content groupings */
.Col3_Column { float: left; margin: 0; width: 305px; }
.Col3_Section { margin: 0; padding: 17px; }
	.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 */
	
/* for 2 columns */

#Col2 { clear: both; margin: 13px 17px 0 18px; padding: 0; width: 915px; background: transparent url(http://publicsafety.ohio.gov/img/bg_2col.gif) top left repeat; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; }
#Col2_Reverse { clear: both; margin: 13px 18px 0 19px; padding: 0; width: 915px; background: transparent url(http://publicsafety.ohio.gov/img/bg_2col_reverse.gif) top left repeat; border-left: 1px solid #A0C3DF; border-right: 1px solid #A0C3DF; }
.Col2_Column_Large { float: left; margin: 0; width: 615px; }
.Col2_Column_Small { float: left; margin: 0; width: 300px; }
.Col2_Section { margin: 0; padding: 17px; border-top: 1px solid #A0C3DF; }

/* for 1 columns */

#Col { clear: both; margin: 13px 17px 0 18px; padding: 0; width: 915px; border: 1px solid #A0C3DF; border-bottom: 0; }
.Col_Column { margin: 0; }
.Col_Section {
	padding: 17px;
	text-indent: 2px;
}

/* ----------Featured Content Slider Area----------- */
#ColS { 
	clear: both; 
	margin: 13px 17px 0 18px; 
	width: 915px; 
	background: transparent url(http://publicsafety.ohio.gov/img/bg_2col.gif) top left repeat; 
	border-left: 1px solid #A0C3DF; 
	border-right: 1px solid #A0C3DF;
	}

.ColS_Column_Large {
	float:left;
	width: 609px;
	padding:0;
	padding-bottom: 10px;
	background: #ecf6ff;
	}
	
.ColS_Column_Small { 
	float: left; 
	margin: 0; 
	width: 306px; 
	}

.ColS_Section { 
	margin: 0; 
	padding: 0; 
	border-top: 1px solid #A0C3DF;
	}
.ColS_Section2 { 
	margin: 13px 17px 0 18px; 
	padding: 0; 
	border-top: 1px solid #A0C3DF;
	}

/* for sidenav */

#SideNav { clear: both; margin: 10px 17px 0 18px; padding: 0; width: 915px; background: transparent url(http://publicsafety.ohio.gov/img/bg_sidenav.gif) repeat; border-left: 1px solid #A5C6DE; border-right: 1px solid #A5C6DE; }

#SideNav_Nav { float: left; margin: 0; width: 175px; line-height: 1.3em; }
.SideNav_Nav_Section { margin: 0; padding: 15px; border-top: 1px solid #A5C6DE; }
#SideNav_Nav a { color: #1c5c9f; text-decoration:none; font-weight:bold; }	
#SideNav_Nav a:hover { color: #1c5c9f; text-decoration:underline; font-weight:bold; }

#SideNav_Content { float: left; margin: 0; width: 738px; border-left: 1px solid #A5C6DE; overflow: hidden; }
.SideNav_Content_Section { margin: 0; padding: 18px; border-top: 1px solid #A5C6DE; }

.col3_text { color: #91103b; }
.col3_text a{ color: #91103b; text-decoration: underline; }
.col3_text a:hover { text-decoration: none; }

	
/* navigation */

.ul_links ul { margin: 5px 0 0 0; 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: #1A3C8E; text-decoration: none; }
.ul_links li a:hover { color: #357edf; text-decoration: underline; }
.ul_links li i a { color: #0d52ac; text-decoration: none; }
	
a.tog:link { text-decoration: none; color: #1A3C8E; }
a.tog:hover { text-decoration: none; color: #4581d0; }

dl, dt, dd { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
dd { display: block; }

dl:link , dt:link , dd:link  { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
dd:link  {
	display: inline-block;
}

dlfaq, dtfaq, ddfaq { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
ddfaq { display: block; }

.menu { margin: 0; }

.menu a { color: #1A3C8E; text-decoration: none; }
.menu a:visited { color: #1A3C8E; text-decoration: none; }
.menu a:active { color: #357edf; text-decoration: none; }
.menu a:hover { color: #357edf; text-decoration: underline; }

.menu ul { margin: 5px 0 0 0; padding: 0; }
.menu li { margin-left: 0; }
.menu li a { color: #4581d0; text-decoration: none; }
.menu li a:hover { color: #4581d0; text-decoration: underline; }
.menu li a:visited { color: #4581d0; text-decoration: none; }	

/* Menu for Homepage Dropdowns [ + ] */

.menu2 { color: #91103b;}
.menu2 a { color: #91103b; text-decoration: none; }
.menu2 a:visited { color: #91103b; text-decoration: none; }
.menu2 a:hover { color: #357edf; text-decoration: none; }

.menu2 ul { margin: 5px 0 0 0; padding: 0; }
.menu2 li { margin-left: 18px; }
.menu2 li a { color: #4581d0; text-decoration: none; }
.menu2 li a:hover { color: #4581d0; text-decoration: underline; }
.menu2 li a:visited { color: #4581d0; text-decoration: none; }

/* feature styling */

#Feature { margin: 0; padding: 0 0 15px 0; width: 248px; }
#Feature h3 { margin: 15px 0 5px 0; font: bold 100% Arial, Helvetica, Verdana, sans-serif; }
#Feature a { color: #1C5C9F; text-decoration:none; }
#Feature a:hover { color: #2a88d8; text-decoration:underline; }
	
/*Footer*/
	
#FooterContainer { clear: both; margin: 0 auto; width: 952px; text-align: center; background: #d7e9f7 url(http://publicsafety.ohio.gov/img/bmv_bg_footer.gif) repeat; }
#Footer { padding: 20px 0; color: #d7e9f7; }
#Footer a {	text-decoration: none; 	color: #1c5c9f; }
#Footer a:hover { text-decoration: underline; color: #357edf; }

/* styling for table grids, such as the agency page */

#grid { margin: 20px 0 0 0; }
#grid table { width: 850px; }
#grid td { padding: 8px 2px 8px 0; border-bottom: 1px solid #E1ECFA; line-height: 1.3em; font: normal 12px Arial, Helvetica, Verdana, sans-serif; }
#grid th { font: bold 12px Arial, Helvetica, Verdana, sans-serif;  }

/* use this instead of HR */

.line { margin: 20px 0; border-bottom: 1px solid #E1ECFA; height: 1px; width: 100%; }
.line2 { margin: 20px 0; border-bottom: 2px solid #1A3C8E; height: 1px; width: 100%; }
/* styling for photo credits */

.credit { float: left; margin: 0 1px; padding: 6px; }
.credit img { margin-bottom: 0; border: 1px solid #A0C3DF; }
.credit p { margin-top: 4px; }

/* bug fixes and hidden stuff */

.hide { display: none; }
.print { display: none; }	
.clear { clear: both; height: 1px; overflow: hidden; }

.header_blue {
	font-size: 14px;
	font-weight: bold;
	background-color: #d7e9f7;
	line-height: 0.3in;
	border-top-color: #d7e9f7;
	color: #1A3C8E;
	text-align: left;
}

.BMVAlert {
	color: #C03;
	font-size: small;
}


/* -----------------feature content slider styles */

#FeaturesButtons {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px;
	padding-left: 12px;
	PADDING-TOP: 0px;
	HEIGHT: 191px; 
	BORDER-RIGHT-WIDTH: 0px;
	}

.feature_container {
	BORDER-TOP-WIDTH: 0px; 
	CLEAR: both; 
	BORDER-LEFT-WIDTH: 0px; 
	BACKGROUND: #cdccc4; 
	BORDER-BOTTOM-WIDTH: 0px;  
	WIDTH: 419px; 
	POSITION: relative; 
	BORDER-RIGHT-WIDTH: 0px;
	}

#featureimage_container {
	BORDER-TOP-WIDTH: 0px; 
	CLEAR: both; 
	BORDER-LEFT-WIDTH: 0px; 
	BACKGROUND: #cdccc4; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px; 
	WIDTH: 419px; 
	POSITION: relative; 
	BORDER-RIGHT-WIDTH: 0px;
	}

/*text area in image*/
#featureimage_container .info{ 
	position:absolute; 
	top:30px; left:0px; 
	height:130px; 
	width:385px;
	}
	
#featureimage_container .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
	}
	
#featureimage_container .info p{ 
	margin:0 5px; 
	padding:10px 0 10px 10px;
	font-family:Verdana; font-size:10px; 
	line-height:15px; color:#818181;
	}
	
#featureimage_container .info a{ 
	text-decoration:none; 
	font-family:Verdana; font-size:12px; 
	line-height:15px;
	color:#1b5690; 
	}
	
#featureimage_container .info a:hover{ 
	text-decoration:underline; 
	}

/*text area2 in image*/
#featureimage_container .info2{ 
	position:absolute; 
	top:130px; right:20px; 
	height:70px; 
	width:400px;
	}
	
#featureimage_container .info2 h2{ 
	font-size:24px; 
	font-family:Georgia, serif;
	text-align:right;
	color:#000; 
	padding:5px; margin:0;
	overflow:hidden; 
	}
	
#featureimage_container .info2 p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	text-align:right;
	line-height:15px; color:#1b5690;
	}
	
#featureimage_container .info2 a{ 
	text-decoration:none; 
	font-family:Verdana; font-size:14px; 
	line-height:15px;
	color:#1b5690; 
	}
	
#featureimage_container .info2 a:hover{ 
	text-decoration:underline; 
	}

#FeatureImage1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #cdccc4; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 419px; 
	PADDING-TOP: 0px; 
	POSITION: absolute;
	}
	
#FeatureImage2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #cdccc4; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 419px; 
	PADDING-TOP: 0px; 
	POSITION: absolute;
	}
	
#FeatureImage3 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #cdccc4; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 419px; 
	PADDING-TOP: 0px; 
	POSITION: absolute;
	}
	
#FeatureImage4 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #cdccc4; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 419px; 
	PADDING-TOP: 0px; 
	POSITION: absolute;
	}
	
#FeatureImage5 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #cdccc4; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 419px; 
	PADDING-TOP: 0px; 
	POSITION: absolute;
	}
