/* ODVS MasterPage custom CSS
------------------- */
#custom body {
    padding-top: 0;
}

/* The html and body elements cannot have any padding or margin. */
html, body {
    height: 100%;
}

#contentWrapper {
    margin: -51px auto 0 auto;
    position: relative;
    display: block;
    max-width: 976px;
    width: 100%;
    clear: both;
}

/* Wrapper for body content */
#custom .wrapper {
    height: auto !important;
    margin: 0 auto;
    /* top, right, bottom, left padding */
    padding: 0 10px 40px 10px ;
    max-width: 976px;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

/* ~~~~~~~~~~~ custom tag styles ~~~~~~~~~~~ */

/* Defining custom font face for main page headings */
@font-face {
	font-family: 'SerifaStd-Roman';
	src: url('https://veteransbonus.ohio.gov/vetsbonus/fonts/SerifaStd-Roman.eot');
	src: url('https://veteransbonus.ohio.gov/vetsbonus/fonts/SerifaStd-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/SerifaStd-Roman.otf') format('opentype'), url('../fonts/SerifaStd-Roman.woff') format('woff'), url('../fonts/SerifaStd-Roman.woff2') format('woff2'), url('../fonts/SerifaStd-Roman.ttf') format('truetype'), url('../fonts/SerifaStd-Roman.svg#SerifaStd-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
} 

/* Sitewide style for main page headings */
#custom h1 {
	font-family:SerifaStd-Roman, arial, serif;    
	font-size: 35px;
	color:#005282;
	font-weight: 600;
	padding-left:15px;
	margin-top:5px;	
}

/* Sitewide style for main page h2 subheadings */
#custom h2 {
    font-size: 25px;
	padding-left:15px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:18px;
	padding-bottom: 0px;
	line-height:1.5em;
	font-weight: 600;	
}

/* Sitewide style for main page h2 linked subheadings */
#custom h2 a {
    text-decoration:underline;
}

/* Sitewide style for main page h2 linked subheadings on hover */
#custom h2 a:hover, #custom h2 a:focus {
	color: #cc0000;
}

/* Sitewide style for main page h3 subheadings */
#custom h3 {
    font-size: 21px;
    margin-top: 0px; 
	padding-top: 15px;
	padding-left:15px;	
	line-height: 30px;
}

/* Sitewide style for main page h3 linked subheadings */
#custom h3 a {
    text-decoration:underline;
}

/* Sitewide style for main page h3 linked subheadings on hover */
#custom h3 a:hover, #custom h3 a:focus {
	color: #cc0000;
}

/* Sitewide style for main page h4 subheadings */
#custom h4 {
    font-size: 19.75px;
	padding-top: 6px;
	padding-left:15px;
	line-height: 28px;
}

/* Sitewide style for main page h4 linked subheadings */
#custom h4 a {
    text-decoration:underline;
}

/* Sitewide style for main page h4 linked subheadings on hover */
#custom h4 a:hover, #custom h4 a:focus {
	color: #cc0000;
}

/* Sitewide style for main page h5 subheadings */
#custom h5 {
    font-size: 19.25px;
	line-height: 27px;
	padding-top:5px;
	padding-bottom:6px;
}

/* Sitewide style for main page h5 linked subheadings */
#custom h5 a {
    text-decoration:underline;
}

/* Sitewide style for main page h5 linked subheadings on hover */
#custom h5 a:hover, #custom h5 a:focus {
	color: #cc0000;
}

/* Sitewide style for main page paragraph text */
#custom p {
    font-size: 18.5px;
	line-height: 26px;
	padding-top:5px;
	padding-bottom:6px;
}

/* Sitewide style for main page linked paragraph text */
#custom p a {
    text-decoration:underline;
}

/* Sitewide style for main page linked paragraph text on hover */
#custom p a:hover, #custom p a:focus {
	color: #cc0000;
}

/* ALL page links - background color and outline styles */
#custom a {
    outline: 0;
	background-color: transparent; 
}

/* Custom styles added to the out of the box .fa style contained within font-awesome.css stylesheet.
These styles alter the arrows that precede footer area links. */
#custom .fa {
  	text-decoration:none; 
  	text-align:left;   
  	font-size:.675em;  
  	color: #746C6C;  
  	font-weight:500; 
  	padding-right:4px;	
}

/* ~~~~~~~~~ end custom tag styles ~~~~~~~~~ */

/* list items in a .row under ul's or ol's in the main body area sitewide */
#custom .row ul li, .row ol li {
    font-size: 18px;
	padding-top:15px;
}

#custom .outerGrid {
    max-width: 280px;
}

#custom .industryGrid {
    border-radius: 3px;
    margin-top: 5px;
}

#custom .errorText {
    width: 100%;
    min-height: 300px;
    margin-bottom: 20px;
}

/* style for horizontal line break */
#custom hr {
	height:1px;
}

/* styles for a general shim to push down content vertically by 8px */
#custom .shim-8px {
    display:block;
	height:8px;
}

/* styles for a general shim to push down content vertically by 10px */
#custom .shim-10px {
    display:block;
	height:10px;
}

/* styles for a general shim to push down content vertically by 25px */
#custom .shim-25px {
    display:block;
	height:25px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Bootstrap Customizations ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*                                                                                                                                   */
/*    DO NOT EDIT THE BOOTSTRAP CLASSES IN ANY OF THE BOOTSTRAP.CSS FILES.  COPY CLASSES TO THIS FILE AND MAKE THE CHANGES HERE      */
/*                                                                                                                                   */
/* These are implemented as overrides by setting the master page body tag id = custom and prefixing bootstrap classes with #custom   */
/* When the need to customize a boostrap class is identified; locate and copy the the class into this file, prefix it with #custom,  */
/* remove what you don't need to change then make your changes.  These classes will overide bootstrap classes with the same name.    */
/* This method lets us update bootstrap without overwriting our modifications.                                                       */
/*                                                                                                                                   */
/* NOTE: These customizations have been tested (quickly) with MVC Razor and appear to be compatible.  Implementation of the master   */
/* page in MVC is different but no changes had to be made to the styling.                                                            */
/*                                                                                                                                   */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* The rest of the bootstrap changes deal mostly with the menu and menu item colors keeping with the existing odvs web site. */
/* If you're not sure what a class does; comment it out, refresh the browser and observe the changes. */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* changed z-index from 1030 to 1 to fix an issue with firefox and the gov-delivery overlay */
#custom .navbar-fixed-top, .navbar-fixed-bottom {
	z-index: 1;
}

/* overides the control-label behavior of floating text to the right - which makes no sense at all */
#custom .form-horizontal .control-label {
    /* text-align:right; */
    text-align: left;
}

/* sets the default width of asp drop down lists to match the text boxes */
#custom .drop-down-col-md-10 {
    max-width: 280px;
    margin: 0;  
}

/* removes the padding from the top of controls - keeps the forms vertically tighter */
#custom .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
}

/* sets the default height and width of asp multi-line text boxes */
#custom .multi-line-input {
    height: 60px;
    max-width: 280px;
}

/* adusts the padding on the error message text to remove wasted space */
#custom .error-msg-padding {
    float: left;
    margin: 30px, 10px, 30px, 10px;
}

/* fixes issue with drop down lists not floating completely to the left - the problem exists in the .col-md-10 class */
/* this fix only affects .col-ms-10 when it's inside a .form-group */
#custom .form-group .col-md-10 {
    padding-left: 0;
}

/* Padded styles that affect both header and footer areas */
#custom .btn {
  	padding: 3px 3px;
} 


/* -------------------- BEGIN banner and banner transition styles -------------------- */

#custom .banner-image {
    width: 100%;
    min-height: 140px;
	height: 140px; 
    background-image: url('../Images/banner-ODVS-normal.png');
    background-size: cover;
}

/* style to create invisible clickable overlay for the DVS logo area */
#custom .homelogocover {
    float: left;
    height: 125px;
	width: 400px;
    background-color: transparent;
    display: block;
    margin-top: 8px;
}

/* style to create invisible wrapper containing Ohio.gov box and search and social media areas */
#custom .inner-wrapper-lg {
    max-width: 275px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .inner-wrapper-sm {
    margin: 0 auto 0 auto;
    position: relative;
    /*display: block; to be removed */
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    clear: both;
}

/* ---------- BEGIN Ohio.gov box styles ---------- */
/* border, background gradient color and positioning styles for the Ohio.gov box */
#custom .dotgov-background-lg {
    float: left;
    border-left: 1px solid #999999; 
	border-bottom: 1px solid #999999; 
	border-right: 1px solid #999999;
	width: 310px; 
    height: 45px; 
    margin-bottom: 10px; 
	margin-right: -1px; 
 	background: #e0e0e0; 
	background: -webkit-linear-gradient(top, #e0e0e0 0%,#a5a5a5 100%); 
	background: -moz-linear-gradient(top, #e0e0e0 0%,#a5a5a5 100%); 
	background: linear-gradient(to bottom, #e0e0e0 0%,#a5a5a5 100%); 
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .dotgov-background-sm {
    float: left;
    border: 1px solid #C0C0C0;
    height: 45px;
    background-color: #ebebeb;
    border-radius: 5px;
    margin: 5px auto 10px auto;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .dvs-text-sm {
    color: white;
    float: left;
    margin-top: 16px;
    margin-left: 5px;
}

#custom .navbar-header #odvsText a:hover {
    text-decoration: none;
    color: #8d0606 !important;
}

/* Ohio.gov image link styles */
#custom .dotgov-link {
    float: left;
    min-height: 45px;
    width: 92px;
	margin-left: 14px; 
    background-image: url('../Images/header-ohio-dotgov-link.png');
    background-repeat: no-repeat;
}

/* color and positioning styles for State Agencies link */
#custom .state-agencies {
	font-size:.875em; 
    color: black;
    float: left;
    margin-left: 10px;
    margin-top: 17px; 
    min-height: 0;
}

#custom .state-agencies:hover {
    color: #cc0000;
}

/* color and positioning styles for State Services link */
#custom .state-services {
	font-size:.875em; 
    color: black;
    float: left;
    margin-left: 0px; 	
    margin-top: 17px; 
    min-height: 0;
}

#custom .state-services:hover {
    color: #cc0000;
}

/* color and positioning styles for vertical pipe line between State Agencies and State Services links */
#custom .header-pipe {
    color: #7b7b7b; 
    float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 13px;	
}
/* ---------- END Ohio.gov box styles ---------- */

/* ---------- BEGIN search area styles ---------- */
/* BEGIN color for "search" text in search box */
#custom .form-control:-moz-placeholder {
  	color: #bbbbbb;
}

#custom .form-control::-moz-placeholder {
  	color: #bbbbbb;
}

#custom .form-control:-ms-input-placeholder {
  	color: #bbbbbb;
}

#custom .form-control::-webkit-input-placeholder {
  	color: #bbbbbb;
}
/* END color for "search" text in search box */

/* border, height, padding and positioning styles for search box text */
#custom .form-control {
	height: 24px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #aaaaaa;
  	border-radius: 0px;
	margin-top: 6px;		
}
/* BEGIN REPOSITIONING FIXES */
/* border, height, padding and positioning styles for search box text for: FIREFOX */
@-moz-document url-prefix() {
#custom .form-control {
	height: 24px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #aaaaaa;
  	border-radius: 0px;
	margin-top: 6px;		
}
}
/* border, height, padding and positioning styles for search box text for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .form-control {
	height: 24px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #aaaaaa;
  	border-radius: 0px;
	margin-top: 6px;		
}
}
/* Safari only override */
 ::i-block-chrome, .form-control {
	height: 24px;
	padding: 0px 0px 0px 6px;
	border: 1px solid #aaaaaa;
  	border-radius: 0px;
	margin-top: 6px;		
}
/* border, height, padding and positioning styles for search box text for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .form-control {
	height: 24px;
	padding: 0px 6px 0px 6px;
	border: 1px solid #aaaaaa;
  	border-radius: 0px;
	margin-top: 6px;		
}
}
/* END REPOSITIONING FIXES */

/* width and positioning styles for search box */
#custom .input-group .form-control {
  	width: 66.65%;
  	margin-bottom: 0;
	margin-left:33.35%;
}

/* colors, size and position styles for search button */
#custom .input-group-btn a {
    background-color: #54a7cf;
	border-radius:0px; 
	border: 0px;
	height:24px;
	width:24px;		
	padding-top:2px;
	margin-right: -1px;
	margin-top:6px;
	margin-left:14px;
}

/* size and position styles for search button icon */
#custom .fa-search {
	color: #ffffff;
	font-size:1.05em;
	padding-left:2.5px;
	padding-right:2.5px;	
}
/* ---------- END search area styles ---------- */

/* ---------- BEGIN social media area styles ---------- */
/* styles to remove default Bootstrap gray background upon clicking social media icon buttons */
#custom .btn:active,
#custom .btn.active {
  	background-image: none;
  	outline: 0;
  	-webkit-box-shadow: none;
    box-shadow: none;
}

/* size and position styles for social media icons */
#custom .socmediaicon {
    float: left;
	margin-left: 0px; 
    height:24px;
	width:24px;
}

/* padding styles for social media icons' container */
#custom .btn-group-lg {
	margin-right:0px;
	height:0px;
}
/* BEGIN REPOSITIONING FIXES */
/* reposition social media icon's container for: FIREFOX */
@-moz-document url-prefix() {
#custom .btn-group-lg {
	margin-right:0px;
	height:0px;	
}
}
/* reposition social media icon's container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .btn-group-lg {
	margin-right:14px;
	height:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .btn-group-lg {
	margin-right:13px;
	height:38px;		 
}
/* reposition social media icon's container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .btn-group-lg {
	margin-right:13px;
	height:0px;		
}
}
/* END REPOSITIONING FIXES */

/* padding between social media icons and additional positioning styling */
#custom .btn-group-lg > .btn {
  	padding: 13px 0px;
  	padding-left:13px;
  	border-radius: 0px;
}

/* positioning styles for social media icons, appearing at res 768 and below */
#custom .btn-toolbar2 {
	display: none;
}

#custom .facebook-color {
    color: #225a9c;
}

#custom .twitter-color {
    color: #00aae3;
}

#custom .flickr-color {
    color: #ff0b88;
}

#custom .youtube-color {
    color: #ef2e2a;
}

/* color for Font Awesome's "X" */
#custom .fa-times-color {
    color: #bbbbbb;
}

/* ---------- END social media area styles ---------- */

/* -------------------- END banner and banner transition styles -------------------- */


/* ------------------------- BEGIN navbar styles ------------------------- */

/* navbar - adjustment to the navbar positioning to keep it below the banner and fix its height*/
/* navbar - background gradient fades at left & right */
#custom .navbar {
    position: relative;
	height: 35px;
	margin-top:51px;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .navbar a {
    outline: 0;
    background-color: transparent;
}

/* navbar - styles to set spacing between navbar and main body content */
#custom .navbar {
  	min-height: 30px;
  	margin-bottom: 20px;
}

/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:24px;
  	padding-top:7px;
  	padding-right:24px;
  	padding-bottom:7px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:25.25px;
  	padding-top:7px;
  	padding-right:25.25px;
  	padding-bottom:7px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:24px;
  	padding-top:7px;
  	padding-right:24px;
  	padding-bottom:7px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:25px;
  	padding-top:7px;
  	padding-right:25px;
  	padding-bottom:7px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:23.5px;
  	padding-top:7px;
  	padding-right:23.5px;
  	padding-bottom:7px;
}
}
/* END REPOSITIONING FIXES */

/* navbar - background dark blue to white gradient at left and right */
#custom .navbar-default {
	background-color: #73a4cc;
	background: #73a4cc; 
	background: -webkit-linear-gradient(left, #f7f8fa 0%,#005282 2%,#005282 98%,#f7f8fa 100%); 
	background: -moz-linear-gradient(left, #f7f8fa 0%, #005282 2%, #005282 98%, #f7f8fa 100%);	
	background: linear-gradient(to right, #f7f8fa 0%,#005282 2%,#005282 98%,#f7f8fa 100%); 
}

#custom .navbar-inverse {
    background-color: #6490B5;
    border-color: #6490B5;
}

#custom .navbar-inverse .navbar-brand {
    color: #FFFFFF;
}

#custom .navbar-default .navbar-brand {
    color: #FFFFFF;
}

#custom .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

/* navbar - main links color style */
#custom ul li a {
    color: #FFFFFF;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .navbar ul li a {
    color: #FFFFFF;
}

/* modified style to hide 3 dropdown menus' top "Home" link at resolutions above 768 */		
#custom .btn-hideat768 {
	display: none;
}	
	
/* navbar - background style for main links that contain sublinks on hover */
#custom .dropdown:hover {
	background-color: #73a4cc;
}

/* navbar - background style for main links on hover */	
#custom ul li:hover {
	background-color: #73a4cc;
}

/* navbar dropdown - padded height between navbar dropdown links on hover over main link */
#custom ul li ul li {
	padding-bottom:0px;
}

/* navbar dropdown - dropdown links color, horizontal border and positioning styles */
#custom ul li ul li a {
    color: #383838;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #9dcdf2;
}

/* navbar dropdown - background color style for dropdown links on hover */
#custom ul li ul li a:hover {
	background-color: #9dcdf2;
}

#custom .form-horizontal ul li a {
    color: #428bca;
}

#custom .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #486782;
}

#custom .navbar-inverse .navbar-toggle {
    border-color: #FFFFFF;
}

#custom .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #cc0000;
    background-color: transparent;
}

#custom .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #6490B5;
}

/* navbar menu button, appearing at res 768 and below - background color style on hover */
#custom .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #5f8aad; 
}

/* navbar menu button, appearing at res 768 and below - background color, border color and positioning styles */
#custom .navbar-default .navbar-toggle {
    border-color: #FFFFFF;
	float:left;
	margin-left:17px;
	background-color: #73a4cd; 
}

/* BEGIN navbar menu button, styles to animate transition of "hamburger" menu from 3 lines to an 'X' on click */
#custom .navbar-default .navbar-toggle .icon-bar:nth-of-type(2) {
	top: 1px;
}

#custom .navbar-default .navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

#custom .navbar-default .navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}

#custom .navbar-default .navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 6px;
	transform: rotate(45deg);
}

#custom .navbar-default .navbar-toggle.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}

#custom .navbar-default .navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
}
/* END navbar menu button, styles to animate transition of "hamburger" menu from 3 lines to an 'X' on click */

/* navbar menu button, appearing at res 768 and below - main links color style on hover */
#custom .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #cc0000;
    background-color: transparent;
}

/* navbar - background gradient, border color and positioning styles */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #FFFFFF;
    background-color: #6490B5;
	padding-bottom: 0px;
	background: #73a4cc;
	background: -webkit-linear-gradient(#73a4cc, #537a9b);
	background: -moz-linear-gradient(#73a4cc, #537a9b);
	background: linear-gradient(#73a4cc, #537a9b);
	border-left: 1px solid #73a5cc;
	border-right: 1px solid #73a5cc;
}

/*Removes the scroll bar on the collapsed menu - doesn't seem necessary with auto expanding menu above*/
#custom .navbar-collapse.in {
    overflow: hidden;
}

/*Changes the color of the caret next to menu items set to behave as dropdowns*/
#custom .caret {
    border-top: 4px solid aliceblue;
}

/*Expands the collapsed navbar with the length of the menus so you don't get a scrollbar*/
#custom .navbar-collapse {
    max-height: 100% !important;
}

/* navbar dropdown - background color, size and positioning styles for dropdown links on hover over main links */
#custom .dropdown-menu {
	background-color: #73a4cc;
	max-width: 176px; 	
	min-width: 155px;	
	padding: 0px 0; 	
	margin: 0px 0 0; 	
	margin-left:9px; 
	border-radius: 0px
}

/* navbar dropdown - left and right padding styles for dropdown links on hover over main links */
#custom .dropdown-menu a:link {
	padding-left: 14px;
	padding-right: 12px;
}
/* BEGIN REPOSITIONING FIXES */
/* reposition lefthand padding for dropdown links on hover for: FIREFOX */
@-moz-document url-prefix() {
#custom .dropdown-menu a:link {
	padding-left: 15px;
	padding-right: 12px;
}
}
/* reposition lefthand padding for dropdown links on hover for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .dropdown-menu a:link {
	padding-left: 14px;
	padding-right: 12px;
}
}
/* Safari only override */
 ::i-block-chrome, .dropdown-menu a:link {
	padding-left: 15px;
	padding-right: 12px;
}
/* reposition lefthand padding for dropdown links on hover for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .dropdown-menu a:link {
	padding-left: 14px;
	padding-right: 12px;
}
}
/* END REPOSITIONING FIXES */

/* navbar dropdown - color style for dropdown links on hover */
#custom .dropdown-menu a:hover {
    color: #cc0000 !important;
}
/* ------------------------- END navbar styles ------------------------- */

/* ------------------------- BEGIN footer styles ------------------------- */

/* ---------- BEGIN footer main links area styles ---------- */

/* fixed height and color styles of the main footer area */
#footer-bottom {
    min-height: 162px;
    background-color: #383838;
    color: #ebebeb;
	padding-bottom:35px;
}

/* size, padding and positioning styles of the main footer area */
#footer-wrapper {
    margin: 0 auto 0 auto;
    position: relative;
    display: block;
    max-width: 976px;
    padding-top: 15px;
    padding-left: 10px;
    width: 100%;
    clear: both;
}

/* positioning and padding styles for footer area's 3 headings */
#footer-bottom .footer-wrapper .row 
h1,
h2,
h3 {
  	margin-top: 0px; 
  	margin-bottom: 18px;
}

/* font size and spacing styles for footer area's 3 headings */
#footer-bottom .footer-wrapper .row 
h3,
#custom .h3 {
	font-size: 24px;
	letter-spacing: -.25px;
	padding-left:0px;	
	padding-top:25px;	
}

/* padding styles for space between arrows and footer links */
#custom .fa-play {
	margin-right:4px;
}

/* color and font size styles for arrow footer links */
#custom .footer-quick-links {
    color: #ebebeb;
    float: left;
    clear: left;
	margin-left: 3px; 
	font-size:1.04em;
	line-height:2.5em;
}

#custom .footer-quick-links:hover {
    color: #ebebeb;
}

#custom .footer-quick-links:visited {
    color: #ebebeb;
    text-decoration-line: none;
}
/* ---------- END footer main links area styles ---------- */

/* ---------- BEGIN footer Latest News links area styles ---------- */
/* vertical spacing between Latest News header and first of 3 news links */
#custom .newsshim {
    display:block;
	height:6px;
}

/* positioning style for each of Latest News 3 news links' container area */
#custom .footer-latest-news-links {
    margin-left: 0px;
    margin-bottom: 0px;
	margin-right:0px;
}

/* color and font size styles for Latest News 3 news links */
#custom .footer-latest-news {
    color: #ebebeb;
    float: left;
	font-size:.95em; 
	line-height:1.4em; 
	padding-top: 4px; 
	padding-bottom: 2px; 
	text-indent:-1px; 
	margin-left:1px; 
}

#custom .footer-latest-news a {
	color: #FFFFFF;
	text-decoration: none;
}

#custom .footer-latest-news a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#custom .footer-latest-news:hover {
    color: #ebebeb;
}

#custom .footer-latest-news:visited {
    color: #ebebeb;
    text-decoration-line: none;
}

/* size, color and positioning styles for padding horizontal divider line between news items */
#custom .latest_news_divider {
  	height: 1px;
 	width:100%;
  	display:block; /* for use on default inline elements like span */
  	margin: 9px 0;
  	overflow: hidden;
  	background-color: #565252 !important;
}

/* color and font size styles for Latest News links' dates text */
#custom .footer-news-date {
	color: #b2b0b0;
    margin-left: 0px;
    font-size: 11px;	
}

/* color and font size styles for Archive, Newsletter and Register links */
#custom .footer-feature-links {
    color: #ebebeb;
    float: left;
	font-size:.95em; 
	line-height:1.4em; 
	padding-top: 4px; 
	padding-bottom: 11px; 
	text-indent:-1px; 
	margin-left:1px; 
}

#custom .footer-feature-links a {
	color: #FFFFFF;
	text-decoration: none;
}

#custom .footer-feature-links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#custom .footer-feature-links:hover {
    color: #ebebeb;
}

#custom .footer-feature-links:visited {
    color: #ebebeb;
    text-decoration-line: none;
}

/* style for color and padding for footer piping between Archive, Newsletter and Register */
#custom .footer-pipe {
    float: left;
	color: #565252;	
	margin-left: 8px; 
	margin-right: 8px; 
	margin-top: 2px; 
}
/* ---------- END footer Latest News links area styles ---------- */

/* ---------- BEGIN footer phone and logo area styles ---------- */
/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .quickLinkLogo {
    margin-left: 40px;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .quickLinks {
    margin-left: 40px;
}
/* style for padding between Archive, Newsletter, Register links and phone number area */
#custom .phone-quick-links-padding {
    padding-top: 25px;	
    float: left;
}

/* color and font size styles for phone numbers */
#custom .phone-quick-links {
    color: #b2b0b0;
    float: left;
    clear: left;
	font-size:.95em;
	line-height:2em;
	margin-left: 0px;
}

#custom .phone-quick-links:hover {
	color: #b2b0b0; 	
	text-decoration:none; 	
}

#custom .phone-quick-links a {
	color: #b2b0b0;
	text-decoration: none;
}

#custom .phone-quick-links a:hover {
	text-decoration: none;
}

/* color and font size styles for phone number text */
#custom .phonetxt-quick-links {
	font-size:.8em;
	line-height:2.4em;
	color: #746C6C;
}

#custom .phone-quick-links-numbers {
    float: left;
}

/* style for padding for footer DVS logo */
#custom .phone-quick-links-logo {
    float: left;
	padding-top: 85px;	
	padding-bottom: 27px;		
	padding-left: 20px;		
}

/* styles for padding and positioning for footer DVS logo */
#custom .footer-image-link {
    padding-left: 10px;
    margin-top: -100px; 
}
/* ---------- END footer phone and logo area styles ---------- */

/* ---------- BEGIN footer bottom banner area styles ---------- */
/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .directorLinks {
    min-width: 210px;
    margin-left: 40px;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .footer-leader-links {
    color: #b2b0b0;
    font-size: 11px;
    text-decoration: none;
}

/* NOTE: This style wasn't contained in Jeremy's stylesheet version */
#custom .list-group .footer-leader-links a:hover {
    color: #b2b0b0;
    text-decoration: underline;
}
/* Fixed height, background color and padding styles for bottom footer banner area with copyright, links and up arrow */
#footer-top-horizontal {
    background-color: #303030;
    min-height: 57px;	
	padding-top:5px; 
}

/* styles for up arrow button */
#custom .botbtn {
	float: right;
	display: block;
	margin: 0 auto;
	margin-left:24px;
	margin-top:0px;
	padding-top:15px;	
	width: 48px; 
	height: 45px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.75em;
	line-height:1.35em;	
	font-weight:bold;	
	color:#C2C2C2;
	text-align:center;
	background-color:#383838;
}

#custom .botbtn:hover {
	color: #DD3333;
	text-decoration: none;		
}

#custom .botbtn a {
	color:#C2C2C2;		
}

#custom .botbtn a:hover {
	color: #DD3333;
	text-decoration: none;	
}

/* color and font size styles for copyright text */
#custom .ohio-footer-link {
    color: #746c6c; !important;
    font-size: 13px;	
}

#custom .ohio-footer-link:hover {
	color: #746c6c;
	text-decoration: underline;
}

/* color and font size styles for Governor and DVS Director links */
#custom .ohio-leader-link {
    color: #b2b0b0 !important;
}

#custom .ohio-leader-link a {
	color: #b2b0b0;
	text-decoration: none;
}

#custom .ohio-leader-link a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* color and font size styles for 5 footer links */
#custom .footer-link {
    color: #ebebeb; 
    font-size: 13px;
}

#custom .bottom-link {
    color: #ebebeb !important; 
}

#custom .bottom-link a {
    color: #ebebeb;
    text-decoration: none;
}

#custom .bottom-link a:hover {
    color: #ebebeb;
    text-decoration: underline;
}

/* color and font size styles for 5 footer links on hover */
#custom .btn-group .btn a:hover { 
	color: #ffffff; 
}

#custom .btn-group .btn a:focus {
    color: white !important;
    text-decoration: none;
}

/* style for color and padding for footer piping between most of 5 footer links */
#custom .footer-pipe2 {
	color: #565252;
    float: left;
	margin-left: 2px; 
	margin-right: 2px;
	margin-top: -1px;		
}

/* style for color and padding for footer piping following Copyright - hidden at res 600 */
#custom .footer-pipe3 {
	color: #565252;
    float: left;
	margin-left: 2px; 
	margin-right: 1px;
	margin-top: -1px;		
}

/* style for color and padding for footer piping following Governor and Contact links - hidden at res 450 */
#custom .footer-pipe4 {
	color: #565252;
    float: left;
	margin-left: 2px; 
	margin-right: 1px;
	margin-top: -1px;		
}

/* style for color and padding for footer piping following Director link - hidden at res 935 */
#custom .footer-pipe5 {
	color: #565252;
    float: left;
	margin-left: 3px; 
	margin-right: 2px;
	margin-top: -1px;		
}
/* ---------- END footer bottom banner area styles ---------- */

#custom .btn-group .row a:hover { 
	color: #ffffff; 
}

#custom .btn-group .row a:focus {
    color: white !important;
    text-decoration: none;
}

/* ------------------------- END footer styles ------------------------- */


/* ------------------------------------ BEGIN RESPONSIVE STYLES FOR ALTERNATE RESOLUTIONS ------------------------------------ */


@media (min-width: 768px) {
#custom .container {
	padding-right: 0;
    padding-left: 0;
}

/*Reduces the spacing between the menu items*/
#custom .navbar-nav li {
	margin-left: -8px;
	margin-right: -8px;
}
}


@media all and (min-width:768px) {
/*keeps menu items to the left rather than re-centering them on the nav-bar in desktop mode*/
#custom .container {
	max-width: 96%;
}
}


@media all and (min-width:768px) {
/*automatically expand menus, but not when collapsed*/	
#custom .dropdown:hover .dropdown-menu {
	display: block;
}
}


/*Reduces the spacing between the menu items*/
@media (min-width: 823px) {
#custom .navbar-nav li {
	margin-left: -5px;
	margin-right: -5px;
}
}


/*Resets the spacing between the menu items*/
@media (min-width: 937px) {
#custom .navbar-nav li {
	margin-left: auto;
	margin-right: auto;
}
}


@media (min-width: 935px) {
/* Modify collapse of bottom footer bar links */	
#footer-top-vertical {
 	display: none;
}
}


/* hide image */
@media (min-width: 336px) {
/* style to hide unnecessary navbar image */    
#navbarImage {
   	display: none;
}

#bannerContentSm {
 	display: none;
}

#odvsText {
 	display: none;
}
}


@media (max-width: 1022px) {
/* navbar - further reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */
#contentWrapper {
    width: 99%;
}
	
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:23.25px;
	padding-right:23.25px;
}	

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:24.5px;
	padding-right:24.5px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:23.25px;
	padding-right:23.25px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:25px;
	padding-right:25px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:23.5px;
	padding-right:23.5px;
}	
}
/* END REPOSITIONING FIXES */	
	
/* navbar - reposition spacing between links */
#custom .nav > li > a {
  	padding-left:23.25px;
  	padding-right:23.25px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:24.5px;
  	padding-right:24.5px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:23.25px;
  	padding-right:23.25px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:25px;
  	padding-right:25px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:23.5px;
  	padding-right:23.5px;
}
}
/* END REPOSITIONING FIXES */	
	
/* Style to change horizontal spacing before links within banner dropdown menus */
#custom ul li ul li a {
	padding-left:14px;	
}	
	
/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 97%;
}
	
/* styles for up arrow button */
#custom .botbtn {
	margin-left:2px;
}		
}


@media (max-width: 994px) {
/* -------------------- BEGIN banner and banner transition styles -------------------- */
/* navbar - further reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */
/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:23.25px;
  	padding-right:23.25px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:24.5px;
  	padding-right:24.5px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:23.25px;
  	padding-right:23.25px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:25px;
  	padding-right:25px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:23.5px;
  	padding-right:23.5px;
}
}
/* END REPOSITIONING FIXES */	
}


@media (max-width: 991px) {
/* -------------------- BEGIN banner and banner transition styles -------------------- */
/* navbar - further reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */
#contentWrapper {
    width: 100%;
}
	
/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */
#custom .inner-wrapper-lg {
    max-width: 275px;
    margin-left: 10px;
    margin-right: 15px;
    padding-left: 10px;
}

/* -------------------- END banner and banner transition styles -------------------- */

/* ------------------------- BEGIN navbar styles ------------------------- */	
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:10.25px;
	padding-right:10.25px;
}	

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:11.875px;
	padding-right:11.875px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:10.75px;
	padding-right:10.75px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:12px;
	padding-right:12px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:10.25px;
	padding-right:10.25px;
}	
}
/* END REPOSITIONING FIXES */	
	
/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:10.25px;
  	padding-right:10.25px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:11.875px;
  	padding-right:11.875px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:10.75px;
  	padding-right:10.75px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:12px;
  	padding-right:12px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:10.25px;
  	padding-right:10.25px;
}
}
/* END REPOSITIONING FIXES */		

/* Style to change horizontal spacing before links within banner dropdown menus */
#custom ul li ul li a {
	padding-left:12px;
}	

/* ------------------------- END navbar styles ------------------------- */

/* ------------------------- BEGIN footer styles ------------------------- */	
/* fixed height and color styles of the main footer area */
#footer-bottom {
	padding-bottom:5px;
}
	
/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 96%;
}

/* ---------- BEGIN Styles added to collapse 3 footer columns into one ---------- */

/* Custom modification of columns to the footer area only */
/* Custom styles added to the out of the box column styles contained within the bootstrap.css stylesheet.
These pancake the three footer columns into one. */	
#custom #footer-bottom #footer-wrapper .row	
.col-xs-8 
.col-sm-6 
.col-md-4 
.col-sm-12 
.col-xs-12 {
  	padding-right: 125px;
  	padding-left: 79px;
}

/* modify with of footer latest news column width once condensed */
#custom #footer-bottom #footer-wrapper .row	
.col-sm-6 {
    width: 98.75%;
} 
/* ---------- END Styles added to collapse 3 footer columns into one ---------- */

/* modified style for positioning and padding footer area's 3 headings */	
#footer-bottom .footer-wrapper .row 
h3 {
  	padding-top: 40px;
}  

/* modify positioning of Latest News links' dates text */
#custom .footer-news-date {
	display:inline-block;
    padding-left: 10px;
	margin-top:6px;
}
	
/* modified style for padding between Archive, Newsletter, Register links and phone number area */		
#custom .phone-quick-links-padding {	
	padding-top: 80px;
	padding-left: 36px;
}
	
/* modified style for padding for footer DVS logo */	
#custom .phone-quick-links-logo {
	padding-bottom: 30px;		
}
	
/* padding style for bottom footer banner area with copyright, links and up arrow */
#footer-top-horizontal {
	padding-top:5px;
}		
	
/* ------------------------- END footer styles ------------------------- */	
	
}


@media (max-width: 987px) {
/* padding style for bottom footer banner area with copyright, links and up arrow */
#footer-top-horizontal {
	padding-top:5px;
}	
/* BEGIN REPOSITIONING FIXES */
/* reposition vertical padding between top of bottom footer bar and bottom footer bar text for: FIREFOX */
@-moz-document url-prefix() {
#footer-top-horizontal {
	padding-top:18px;
}	
}
/* reposition vertical padding between top of bottom footer bar and bottom footer bar text for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer-top-horizontal {
	padding-top:5px;
}	
}
/* Safari only override */
 ::i-block-chrome, #footer-top-horizontal {
	padding-top:5px;
}	
/* reposition vertical padding between top of bottom footer bar and bottom footer bar text for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#footer-top-horizontal {
	padding-top:5px;
}	
}
/* END REPOSITIONING FIXES */	

}


@media (max-width: 968px) {
/* padding style for bottom footer banner area with copyright, links and up arrow */
#footer-top-horizontal {
	padding-top:5px;
}	
/* BEGIN REPOSITIONING FIXES */
/* reposition vertical padding between top of bottom footer bar and bottom footer bar text for: FIREFOX */
@-moz-document url-prefix() {
#footer-top-horizontal {
	padding-top:18px;
}	
}
/* reposition vertical padding between top of bottom footer bar and bottom footer bar text for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer-top-horizontal {
	padding-top:18px;
}	
}
/* Safari only override */
 ::i-block-chrome, #footer-top-horizontal {
	padding-top:18px;
}	
/* reposition vertical padding between top of bottom footer bar and bottom footer bar text for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#footer-top-horizontal {
	padding-top:5px;
}	
}
/* END REPOSITIONING FIXES */	
}


@media (max-width: 965px) {
/* modified positioning style for up arrow button to prevent line break */
#custom .botbtn {
	margin-left:2px;
}
}


@media (max-width: 943px) {
/* padding style for bottom footer banner area with copyright, links and up arrow */
#footer-top-horizontal {
	padding-top:18px;
}	
	
/* reduce spacing of footer pipe */
#custom .footer-pipe {
	margin-left: 1px; 
	margin-right: 1px; 
}
	

/* style for color and padding for footer piping between most of 5 footer links */
#custom .footer-pipe2 {
	margin-left: 1px; 
	margin-right: 1px;	
}

/* style for color and padding for footer piping following Copyright - hidden at res 600 */
#custom .footer-pipe3 {
	margin-left: 1px; 
	margin-right: 1px;	
}

/* style for color and padding for footer piping following Governor and Contact links - hidden at res 450 */
#custom .footer-pipe4 {
	margin-left: 1px; 
	margin-right: 1px;		
}
}


@media (max-width: 936px) {
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:15.5px;
	padding-right:15.5px;
}	
	
/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:17px;
	padding-right:17px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:16px;
	padding-right:16px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:17.5px;
	padding-right:17.5px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:15.5px;
	padding-right:15.5px;
}	
}
/* END REPOSITIONING FIXES */	
	
/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:15.5px;
  	padding-right:15.5px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:17px;
  	padding-right:17px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:15.5px;
  	padding-right:15.5px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:17.5px;
  	padding-right:17.5px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:15.5px;
  	padding-right:15.5px;
}
}
/* END REPOSITIONING FIXES */		
	
/* navbar dropdown - modified dropdown horizontal border and positioning styles */
#custom ul li ul li a {
	margin-left:5px;
	margin-right:5px;
}
/* navbar dropdown - modified background color style for dropdown links on hover */
#custom ul li ul li:hover {
	background-color: transparent;
	padding-left:0px;
	margin-left:-5px;
}	
	
/* styles for up arrow button */
#custom .botbtn {
	margin-left:0px;
}
	
/* increase spacing of footer pipe */
#custom .footer-pipe {
	margin-left: 8px; 
	margin-right: 8px; 
}	
}


@media (max-width: 935px) {
/* modified padding styles that affect both header and footer areas */
#custom .btn {
  	padding: 0px 0px;
  	margin-top:0px;
} 
	
/* -------------------- BEGIN banner and banner transition styles -------------------- */

/* style positioning of Ohio.gov box, search area & social media icons */
#custom .row {
  	margin-right: 7px;
  	margin-left: 0px;
}		
	
/* modified positioning style for the Ohio.gov box */
#custom .dotgov-background-lg {
	margin-right: -16px;
}

/* modified position style for search button */	
#custom .input-group-btn a {
	margin-right: -16px;
}
	
/* modified width and positioning styles for search box */
#custom .input-group .form-control {
  	width: 76.25%;
	margin-left:23.75%;
}

/* modified size and position styles for search button icon */	
#custom .fa-search {
    color: #ffffff;
	font-size:1.05em; 
	padding-left:2.5px; 
	padding-right:2.5px; 	
}
		
/* padding style for social media icons' container */
#custom .btn-group-lg {
	margin-right:-2px;
}	

/* BEGIN REPOSITIONING FIXES */
/* reposition social media icon's container for: FIREFOX */
@-moz-document url-prefix() {
#custom .btn-group-lg {
	margin-right:-9px;
}
}
/* reposition social media icon's container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .btn-group-lg {
	margin-right:10px;
}
}
/* Safari only override */
 ::i-block-chrome, .btn-group-lg {
	margin-right:-2px;
	padding-right:0px;
}
/* reposition social media icon's container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .btn-group-lg {
	margin-right:-2px;
}
}
/* END REPOSITIONING FIXES */	
	
/* -------------------- END banner and banner transition styles -------------------- */

/* override sitewide style padding width for container */	
#custom .wrapper .container {
	width:90%;
}	
	
/* ------------------------- BEGIN navbar styles ------------------------- */

/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:16.25px;
	padding-right:16px;
}	

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:18px;
	padding-right:17.5px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:17px;
	padding-right:16.25px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:18.5px;
	padding-right:17.75px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:16.25px;
	padding-right:16px;
}	
}
/* END REPOSITIONING FIXES */
	
/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:16.25px;
  	padding-right:16px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:18px;
  	padding-right:17.5px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:16px;
  	padding-right:16.25px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:18.5px;
  	padding-right:17.75px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:16.25px;
  	padding-right:16px;
}
}
/* END REPOSITIONING FIXES */		
	
/* navbar dropdown - modified dropdown horizontal border and positioning styles */
#custom ul li ul li a {
	margin-left:5px;
	margin-right:5px;
}
/* navbar dropdown - modified background color style for dropdown links on hover */
#custom ul li ul li:hover {
	background-color: transparent;
	padding-left:0px;
	margin-left:-5px;
}

/* ------------------------- END navbar styles ------------------------- */

/* ------------------------- BEGIN footer styles ------------------------- */

/* modify with of footer latest news column width once condensed */
#custom #footer-bottom #footer-wrapper .row	
.col-sm-6 {
    width: 99.5%;
} 
	
/* modified style for padding between Archive, Newsletter, Register links and phone number area */	
#custom .phone-quick-links-padding {	
	margin-left:-36px;
}
	
/* modified style for color and padding for footer piping between Archive, Newsletter and Register at res 935 and below */
#custom .footer-pipe {
	margin-left: 8px; 
	margin-right: 8px; 
}

/* modified style for color and padding for footer piping between most of 5 footer links at res 935 and below */
#custom .footer-pipe2 {
	margin-left: 2px; 
	margin-right: 2px;		
}

/* modified style for color and padding for footer piping following Copyright at res 935 and below */
#custom .footer-pipe3 {
	margin-left: 2px; 
	margin-right: 5px;	
}

/* modified style for padding for footer piping following Governor and Contact links at res 935 and below */
#custom .footer-pipe4 {
	margin-left: 2px; 
	margin-right: 5px;		
}

/* modified style footer piping following Director to hide at res 935 and below */	
#custom .footer-pipe5 {
	display:none;		
}	

/* padding style for bottom footer banner area with copyright, links and up arrow */
#footer-top-horizontal {
	padding-top:20px; 
}	

/* modified styles for up arrow button */
#custom .botbtn {
	margin-top:15px;
}

/* modified height, background color and padding styles for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	float:left;
	text-align:left;
	width:88%;
	margin-left:12%;	
}

/* modified height, background color and padding styles for subcontainer w/ copyright */	
#custom .btn-group-footer1a {
	float:left;
	text-align:left;
}	
	
/* modified height, background color and padding styles for subcontainer w/ governor */	
#custom .btn-group-footer1b {
	float:left;
	text-align:left;
}
	
/* modified height, background color and padding styles for subcontainer w/ director*/		
#custom .btn-group-footer1c {
	float:left;
	text-align:left;
}
	
/* modified height, background color and padding styles for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	float:left;
	text-align:left;
	width:88%;
	margin-left:12%;
	margin-top:5px;
}
	
/* modified height, background color and padding styles for subcontainer w/ about, contact*/		
#custom .btn-group-footer2a {
	float:left;
	text-align:left;
}
	
/* modified height, background color and padding styles for subcontainer w/ privacy, disclaimer, sitemap*/		
#custom .btn-group-footer2b {
	float:left;
	text-align:left;
}
		
/* ------------------------- END footer styles ------------------------- */
	
}


@media (max-width: 865px) {
/* navbar dropdown - background color, size and positioning styles for dropdown links on hover over main links */
#custom .dropdown-menu {
	max-width: 168px; 	
	min-width: 130px;	
	width:auto;
	margin-left:4px; 	
}
		
/* navbar dropdown - dropdown links color, horizontal border and positioning styles */
#custom ul li ul li a {
    color: #383838;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #9dcdf2;
}
	
/* modify sitewide style padding width for container */		
#custom .wrapper .container {
	width:98.5%;
	padding-left:0px;
	padding-right:0px;
}	
	
/* override sitewide style padding width for row */		
#custom .wrapper .container .row {
	width:100%;
}	
}


@media (max-width: 835px) {
/* navbar dropdown - padded height between navbar dropdown links on hover over main links */
#custom ul li ul li {
	width:auto;
	padding: 0px;
	margin: 0px;
}	
	
/* Style to change horizontal spacing before links within banner dropdown menus */
#custom ul li ul li a {
	padding-left:10px;
	width:auto;
	margin-left:6px;
}
	
/* navbar dropdown - background color, size and positioning styles for dropdown links on hover over main links */
#custom .dropdown-menu {
	max-width: 168px; 	
	min-width: 130px;	
	width:100%;
	margin-left:4px; 	
}
}


@media (max-width: 822px) {
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:19.5px;
	padding-right:18.75px;
}
	
/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:21px;
	padding-right:20.5px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:20px;
	padding-right:19.25px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:21.5px;
	padding-right:20.75px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:19.5px;
	padding-right:18.75px;
}	
}
/* END REPOSITIONING FIXES */	

/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:19.5px;
  	padding-right:18.75px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:21px;
  	padding-right:20.5px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
  	padding-left:18.5px;
  	padding-right:19.25px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
  	padding-left:21.5px;
  	padding-right:20.75px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
  	padding-left:19.5px;
  	padding-right:18.75px;
}
}
/* END REPOSITIONING FIXES */		
	
/* Style to change horizontal spacing before links within banner dropdown menus */
#custom ul li ul li a {
	padding-left:13px;
	padding-right:0px;
	width:90%;	
	max-width: 168px; 	
	min-width: 130px;	
	margin-left:9px;	
}
	
/* navbar dropdown - background color style for dropdown links on hover */
#custom ul li ul li a:hover {
	margin-left:5px;
	width:92.5%;
}	
}


@media (max-width: 800px) {
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:19.5px;
	padding-right:18.75px;
}	

/* modified positioning style for the Ohio.gov box */
#custom .dotgov-background-lg {
	margin-right: -14px;
}

/* modified position style for search button */	
#custom .input-group-btn a {
	margin-right: -14px;
}
	
/* padding style for social media icons' container */
#custom .btn-group-lg {
	margin-right:0px;
}	

/* BEGIN REPOSITIONING FIXES */
/* reposition social media icon's container for: FIREFOX */
@-moz-document url-prefix() {
#custom .btn-group-lg {
	margin-right:-7px;
}
}
/* reposition social media icon's container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .btn-group-lg {
	margin-right:11px;
}
}
/* Safari only override */
 ::i-block-chrome, .btn-group-lg {
	margin-right:0px;
}
/* reposition social media icon's container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .btn-group-lg {
	margin-right:0px;
}
}
/* END REPOSITIONING FIXES */	
	
/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:19.25px;
	padding-right:19.75px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:18.125px;
	padding-right:18.75px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:21.5px;
	padding-right:20.75px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:19.5px;
	padding-right:18.75px;
}	
}
/* END REPOSITIONING FIXES */	

/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:19.5px;
  	padding-right:18.75px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:19.25px;
  	padding-right:19.75px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
	padding-left:17.5px;
	padding-right:18.75px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
	padding-left:21.5px;
	padding-right:20.75px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
	padding-left:19.5px;
	padding-right:18.75px;
}
}
/* END REPOSITIONING FIXES */	
	
}


@media (max-width: 780px) {
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:18px;
	padding-right:18px;
}	

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a {
	padding-left:18.25px;
	padding-right:19px;
}	
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a {
	padding-left:17px;
	padding-right:18px;
}	
}
/* Safari only override */
 ::i-block-chrome, #custom ul li a {
	padding-left:20.75px;
	padding-right:19.75px;
}	
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a {
	padding-left:18px;
	padding-right:18px;
}	
}
/* END REPOSITIONING FIXES */	
	
/* navbar - padded height of navbar above and beneath main links and also between links */
#custom .nav > li > a {
  	padding-left:18px;
  	padding-right:18px;
}

/* BEGIN REPOSITIONING FIXES */
/* reposition spacing between navbar main menu links for: FIREFOX */
@-moz-document url-prefix() {
#custom .nav > li > a {
  	padding-left:18.25px;
  	padding-right:19px;
}
}
/* reposition spacing between navbar main menu links for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .nav > li > a {
	padding-left:16.5px;
	padding-right:18px;
}
}
/* Safari only override */
 ::i-block-chrome, .nav > li > a {
	padding-left:21.5px;
	padding-right:20.75px;
}
/* reposition spacing between navbar main menu links for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .nav > li > a {
	padding-left:20.75px;
	padding-right:19.75px;
}
}
/* END REPOSITIONING FIXES */		
	
/* navbar dropdown - background color, size and positioning styles for dropdown links on hover over main links */
#custom .dropdown-menu {
	width:100%;
}	
}


@media (max-width: 768px) {
/* navbar dropdown - modified dropdown horizontal border and positioning styles */	
#custom ul li ul li a {
	padding-left:10px;
	width:100%;
	margin-left:6px;
	min-width:inherit;
	max-width:inherit;
}
	
/* ------------------------- BEGIN footer styles ------------------------- */	

/* Custom styles added to the out of the box column styles contained within the bootstrap.css stylesheet.
These pancake the three footer columns into one. */	
#custom #footer-bottom #footer-wrapper .row	
.col-xs-8 
.col-sm-6 
.col-md-4 
.col-sm-12 
.col-xs-12 {
  	padding-right: 25px;
  	padding-left: 16px;
}
	
/* modified style for padding between Archive, Newsletter, Register links and phone number area */		
#custom .phone-quick-links-padding {	
	margin-left:0px;
	padding-top:50px;
}	

/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	width:93.5%;
	margin-left:5.25%;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	width:93.5%;
	margin-left:5.25%;
}
	
/* ------------------------- END footer styles ------------------------- */		
	
}


@media (max-width: 767px) {
/* -------------------- BEGIN banner and banner transition styles -------------------- */
#custom .banner-image {
	background-image: url('../Images/banner-ODVS-small.png');
	min-height: 90px;
	height:90px;
}

/* modified style to resize and reposition clickable overlay for the DVS logo area */	
#custom .homelogocover {
    height: 90px;
	width: 330px;
}	
	
/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */	
#custom .inner-wrapper-lg {
	margin-bottom:-10px;
}

/* modified positioning style for the Ohio.gov box */
#custom .dotgov-background-lg {
	margin-right:-29px;
}	
	
/* modified positioning style for search box */	
#custom .form-control {
	margin-top: 6px;
}

/* modified position styles for search button */		
#custom .input-group-btn a {
	margin-left:14px;
	margin-right: -29px;	
	margin-top: 6px;	
}

/* modified padding between social media icons and additional positioning styling */	
#custom .btn-group-lg > .btn {
  	padding: 11px 0px;
	padding-left:0px;
	padding-right:15px;
}	

/* modified width and positioning styles for search box */
#custom .input-group .form-control {
  	width: 71.25%;
	margin-left:28.75%;
}	
	
/* modified style to hide the social media icon's container at res 768 and below */		
#custom .btn-toolbar {
	display: none;
}
	
/* style to display alternate social media icon container at res 768 and below */		
#custom .btn-toolbar2 {
	display:inline;
	padding-bottom:0px;
	margin-top:0px;
}	
	
/* padding style for social media icons' container */
#custom .btn-group-lg {
	margin-right:0px;
	height:auto;
}
/* BEGIN REPOSITIONING FIXES */
/* reposition social media icon's container for: FIREFOX */
@-moz-document url-prefix() {
#custom .btn-group-lg {
	margin-right:0px;
}
}
/* reposition social media icon's container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .btn-group-lg {
	margin-right:0px;
}
}
/* Safari only override */
 ::i-block-chrome, .btn-group-lg {
	margin-right:0px;
}
/* reposition social media icon's container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .btn-group-lg {
	margin-right:0px;
}
}	
	
/* -------------------- END banner and banner transition styles -------------------- */

/* ------------------------- BEGIN navbar styles ------------------------- */

/* navbar - adjustment to the navbar positioning and to fix its height*/
/* navbar - background gradient fades at left & right */	
#custom .navbar {
	height: 51px; 
	margin-top:0px; 
	background: #6fa0c8; 
	background: -webkit-linear-gradient(#add4f1, #6fa0c8); 
	background: -moz-linear-gradient(#add4f1, #6fa0c8); 
	background: linear-gradient(#add4f1, #6fa0c8); 
}
	
/* navbar - reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */	
#contentWrapper {
    width: 96%;
}
	
/* navbar - modify background style for main links that contain sublinks on hover */
#custom .dropdown:hover {
	background-color:#80b5e1;
	background: #80b5e1;
}
	
/* modified style to show 3 dropdown menus' top "Home" link at res 768 and below */		
#custom .btn-hideat768 {
	display: inherit;
}	
	
/* navbar - main links color style */
#custom ul li a {
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}

/* navbar - background style for main links on hover */	
#custom ul li:hover {
	background-color:#80b5e1;
	background:#80b5e1;	
}

/* navbar dropdown - padding beneath bottom link contained in the dropdown menu */	
#custom ul,
ol {
  	margin-top: 0;
  	margin-bottom: 0px;
}

/* navbar dropdown - padded height between navbar dropdown links on hover over main links */
#custom ul li ul li {
	padding-bottom:0px;
	padding-left:30px;
	padding-right:0px;
	margin-right:0px;
	margin-left:-20px;
	background-color: #73a4cc;
	width:750px;
}

/* navbar dropdown - dropdown links color, horizontal border and positioning styles */
#custom ul li ul li a {
    color: #383838;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:30px;	
	padding-right:0px;	
	margin-left:-20px;
	border-bottom: 1px dotted rgba(255, 255, 255, .35);
	width:750px;
	font-size:1em;	
}
	
/* navbar dropdown - modified background color style for dropdown links on hover */
#custom ul li ul li:hover {
	padding-left:10px;
	margin-left:0px;
}
		
/* ------------------------- END navbar styles ------------------------- */

/* Shift lefthand padding of sitewide style for main page headings */	
#custom h1 {
	padding-left:0px;
	text-align:center;
}	
	
/* Reduce font size style for main page paragraph text */
#custom p {
    font-size: 17px;
	line-height: 26px;
	padding-bottom:6px;
}	

/* ------------------------- BEGIN footer styles ------------------------- */		
	
/* navbar dropdown - background color style for dropdown links on hover */
#custom ul li ul li a:hover {
	margin-left:-20px;
	width:auto;
	padding-left:30px;
}
	
/* ------------------------- END footer styles ------------------------- */			
	
}


@media (max-width: 673px) {
/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */	    
#custom .inner-wrapper-lg {
	margin-top:0px;
}
	
/* BEGIN REPOSITIONING FIXES */
/* reposition Ohio.gov box container for: FIREFOX */
@-moz-document url-prefix() {
#custom .inner-wrapper-lg {
	margin-top:0px;
}
}
/* reposition Ohio.gov box container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .inner-wrapper-lg {
	margin-top:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .inner-wrapper-lg {
	margin-top:0px;
}
/* reposition Ohio.gov box container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .inner-wrapper-lg {
	margin-top:0px;
}
}
/* END REPOSITIONING FIXES */		
	
/* modify with of footer latest news column width once condensed */
#custom #footer-bottom #footer-wrapper .row	
.col-sm-6 {
    width: 99.25%;
} 	
	
/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	margin-left:5.625%;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	margin-left:5.625%;
}
}


@media (max-width: 656px) {
/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	margin-left:6.125%;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	margin-left:6.125%;
}	
}


@media (max-width: 654px) {
/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */	    
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
	
/* BEGIN REPOSITIONING FIXES */
/* reposition Ohio.gov box container for: FIREFOX */
@-moz-document url-prefix() {
#custom .inner-wrapper-lg {
	margin-top:-98px;
    margin-right: 24px;	
}
}
/* reposition Ohio.gov box container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .inner-wrapper-lg {
	margin-top:-98px;
    margin-right: 24px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .inner-wrapper-lg {
	margin-top:0px;
}
/* reposition Ohio.gov box container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .inner-wrapper-lg {
	margin-top:0px;
}
}
/* END REPOSITIONING FIXES */	

}


@media (max-width: 637px) {
/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */	    
#custom .inner-wrapper-lg {
	margin-top:-98px;
    margin-right: 7px;
}
}


@media (max-width: 600px) {

/* -------------------- BEGIN banner and banner transition styles -------------------- */
	
/* Reorganize Ohio.gov box to make more room for DVS logo on the left */	
#custom .dotgov-background-lg {
	width: 245px;
}
	
/* Hide piping between State Agencies and Online Services */
#custom .header-pipe {
	display:none;	
}

/* modified positioning styles for State Agencies link */	
#custom .state-agencies {
    margin-left: 30px; 
    margin-top: 5px; 
}

/* modified positioning styles for State Services link */		
#custom .state-services {
    margin-left: 30px; 
    margin-top: 0px; 
}	

/* -------------------- END banner and banner transition styles -------------------- */

/* -------------------- BEGIN FOOTER styles -------------------- */

/* modify with of footer latest news column width once condensed */
#custom #footer-bottom #footer-wrapper .row	
.col-sm-6 {
    width: 99.25%;
} 	
	
/* modified style footer piping following Copyright to hide at res 600 and below */	
#custom .footer-pipe3 {
	display:none;		
}
	
/* modified height, background color and padding styles for subcontainer w/ copyright */	
#custom .btn-group-footer1a {
	width:93.5%;
}	
	
/* modified height, background color and padding styles for subcontainer w/ governor */	
#custom .btn-group-footer1b {
	margin-top:5px;
}

/* modified height, background color and padding styles for subcontainer w/ director*/		
#custom .btn-group-footer1c {
	margin-top:5px;
}	
	
/* -------------------- END FOOTER styles -------------------- */	
	
}


@media (max-width: 565px) {

/* -------------------- BEGIN banner and banner transition styles -------------------- */	
#custom .banner-image {
	width: 100%;
    min-height: 90px; 
    height: 90px; 		
	background-image: url('../Images/banner-ODVS-smaller.png'); 
    background-repeat: no-repeat;
}	

/* Reduce size and top padding of sitewide style for main page headings */	
#custom h1 {
	font-size:28px;
	margin-top:10px;
}	

/* Reduce size of sitewide style for main page h2 subheadings */
#custom h2 {
    font-size: 22px;
	line-height:1.15em;
}

/* Reduce size and right margin size of sitewide style for main page h3 subheadings */
#custom h3 {
    font-size: 20px;
	padding-right:25px;
}

/* Reduce size of sitewide style for main page h4 subheadings */
#custom h4 {
    font-size: 19px;
	padding-top: 6px;
	padding-left:15px;
	line-height: 28px;
}	
	
/* Reduce font size style for main page paragraph text */
#custom p {
    font-size: 16px;
	line-height: 25px;
	padding-bottom:5px;
}	
	
/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	margin-left:6.5%;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	margin-left:6.5%;
}
}


@media (max-width: 545px) {

/* -------------------- BEGIN banner and banner transition styles -------------------- */	
	
/* Reorganize Ohio.gov box to make more room for DVS logo on the left */	
#custom .dotgov-background-lg {
	width: 225px;
}

/* -------------------- END banner and banner transition styles -------------------- */

/* -------------------- BEGIN FOOTER styles -------------------- */		

/* modify with of footer latest news column width once condensed */
#custom #footer-bottom #footer-wrapper .row	
.col-sm-6 {
    width: 99%;
} 	
	
/* modified positioning styles for State Agencies link */	
#custom .state-agencies {
    margin-left: 16px; 
}

/* modified positioning styles for State Services link */	
#custom .state-services {
    margin-left: 16px; 
}
	
/* -------------------- END FOOTER styles -------------------- */		
	
}


@media (max-width: 495px) {
/* navbar - further reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */	
#contentWrapper {
    width: 94%;
}
	
#custom .banner-image {
	width: 100%;
    min-height: 90px; 
    height: 90px; 	
    background-image: url('../Images/banner-ODVS-whiteout.png');	
    background-repeat: no-repeat;
}	
	
/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 95%;
}
	
/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	width:90%;
	margin-left:35px;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	width:90%;
	margin-left:35px;
}
}


/* Changes at this width were added to help deal with landscape and portrait mode on tablets (when rotating) */
/* The intent here is to keep as many of the header elements as visible as possible when tablets are rotated. */
/* These settings will need dialed in with an emulator or actual tablets. */


@media (max-width: 450px) {
/* modify override sitewide style padding width for row */		
#custom .wrapper .container .row {
	padding-left:0px;
	margin-left:0px;
}
	
/* modify sitewide left margin style for column containing picture */
#custom .wrapper .container .row .col-md-5 {
	margin-left:0px;
}	

/* override sitewide style padding width for column containing text */	
#custom .wrapper .container .row .col-md-6 {
	padding-left:0px;
	padding-right:0px;
}		
	
/* override sitewide style padding width for column containing text */	
#custom .wrapper .container .row .col-md-7 {
	padding-left:0px;
	padding-right:0px;	
}
	
/* modified style footer piping following Governor and Contact links to hide at res 600 and below */	
#custom .footer-pipe4 {
	display:none;		
}	

/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	margin-left:25px;
}	
	
/* modified height, background color and padding styles for subcontainer w/ governor */	
#custom .btn-group-footer1b {
	width:91.5%;
}
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	margin-left:25px;
}
	
/* modified height, background color and padding styles for subcontainer w/ about, contact*/		
#custom .btn-group-footer2a {
	width:88%;
}

/* modified height, background color and padding styles for subcontainer w/ privacy, disclaimer, sitemap*/		
#custom .btn-group-footer2b {
	margin-top:5px;
}	
	
/* ------------------------- BEGIN footer styles ------------------------- */	
/* reduce lefthand padding of the main footer area and vertical padding above footer area's 3 headings */
#footer-wrapper {
    padding-left: 0px;
	padding-top:0px;
}
	
/* reduce vertical padding styles for footer area's 3 headings */
#footer-bottom .footer-wrapper .row 
h1,
h2,
h3 {
  	margin-bottom:12px;
}		

/* modify with of footer latest news column width once condensed */
#custom #footer-bottom #footer-wrapper .row	
.col-sm-6 {
    width: 100%;
	padding-right: 11px;
  	padding-left: 16px;
} 	
	
#custom .newsshim {
	display:none;
}	
/* ------------------------- END footer styles ------------------------- */		
}


@media (max-width: 420px) {
/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 94.5%;
}

/* modified style for padding between Archive, Newsletter, Register links and phone number area */		
#custom .phone-quick-links-padding {	
	padding-left: 28px;
}
}


@media screen and (max-width: 400px) {
/* override default property from bootstrap.css stylesheet that causes IE to scale oddly at res 400 and below */
@-ms-viewport {
    width: auto;
}
	
/* modified style for padding between Archive, Newsletter, Register links and phone number area */		
#custom .phone-quick-links-padding {	
	padding-left: 0px;
}
}


@media (max-width: 396px) {		
/* modify style for padding for footer DVS logo to prevent logo from shifting */
#custom .phone-quick-links-logo {
	padding-left: 11px;		
}
	
/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	margin-left:23px;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	margin-left:23px;
}
}


@media (max-width: 390px) {
/* style for padding for footer DVS logo */
#custom .phone-quick-links-logo {
	padding-left: 5px;
}
}


@media (max-width: 380px) {

/* -------------------- BEGIN banner and banner transition styles -------------------- */
	
/* modified style to resize invisible wrapper containing Ohio.gov box and search and social media areas */	
#custom .inner-wrapper-lg {
	width: 207px;
}
	
/* modified width and positioning styles for search box */	
#custom .input-group .form-control {
  	width: 96.5%;
	margin-left:3.5%;
}

/* -------------------- END banner and banner transition styles -------------------- */
	
/* -------------------- BEGIN FOOTER styles -------------------- */		

/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 94%;
}
	
/* Modified padding styles for 3 collapsed footers' column */
/* Custom styles added to the out of the box column styles contained within the bootstrap.css stylesheet.
These pancake the three footer columns into one. */	
#custom #footer-bottom #footer-wrapper .row	
.col-xs-8 
.col-sm-6 
.col-md-4 
.col-sm-12 
.col-xs-12 {
  	padding-right: 5px;
  	padding-left: 16px;
}	
	
/* modified font size style for arrow footer links */	
#custom .footer-quick-links {
	font-size:1.0em; 
}		
	
/* modified font styles for Archive, Newsletter and Register links */	
#custom .footer-feature-links {
	font-size:.9em; 
	line-height:1.395em; 
}

/* style for color and padding for footer piping between Archive, Newsletter and Register */	
#custom .footer-pipe {
	margin-left: 5px;
	margin-right: 5px;	
}
	
/* modify style for padding for footer DVS logo to prevent logo from shifting */
#custom .phone-quick-links-logo {
	padding-left: 2px;		
}
/* -------------------- END FOOTER styles -------------------- */		
	
}


@media (max-width: 365px) {
/* modify style for padding for footer DVS logo to prevent logo from shifting */	
#custom .phone-quick-links-logo {
	padding-top: 100px;	
	margin-left: 2px;
	width: 95px;
}	
	
/* modified style for padding between Archive, Newsletter, Register links and phone number area */	
#custom .phone-quick-links-padding {	
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: -20px;
}	
}


@media (max-width: 356px) {
/* modify style for padding for footer DVS logo to prevent logo from shifting */	
#custom .phone-quick-links-logo {
	padding-top: 100px;	
	margin-left: 0px;
	width: 93px;
}	

/* modified style to resize and reposition clickable overlay for the DVS logo area */	
#custom .homelogocover {
	width: 300px;
}

/* modified font size style for arrow footer links to remove appearance of horizontal scrollbar */		
#custom .footer-quick-links {
	margin-left: 18px;
	text-indent: -8px;
	font-size: 1em;
	word-wrap: normal;
}

/* modified font size style for arrow footer links to remove appearance of horizontal scrollbar */		
/* modified style for positioning and padding footer area's 3 headings */	
#footer-bottom .footer-wrapper .row 
h3 {
	width:80%;
	font-size: 1.75em;
} 
}


@media (max-width: 350px){
/* Reorganize Ohio.gov box to make more room for DVS logo on the left */	
#custom .dotgov-background-lg {
	width: 184px;
	margin-right:-29px;
}

/* BEGIN REPOSITIONING FIXES */
/* border, height, padding and positioning styles for search box text for: FIREFOX */
@-moz-document url-prefix() {
#custom .dotgov-background-lg {
	width: 183px;
	margin-right:-29px;
}
}
/* border, height, padding and positioning styles for search box text for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .dotgov-background-lg {
	width: 184px;
	margin-right:-29px;
}
}
/* Safari only override */
 ::i-block-chrome, .dotgov-background-lg {
	width: 201px;
	margin-right:-30px;	 
}
/* border, height, padding and positioning styles for search box text for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .dotgov-background-lg {
	width: 186px;
	margin-right:-31px;
}
}
/* END REPOSITIONING FIXES */	
	
/* modify Ohio.gov image link size & positioning */
#custom .dotgov-link {
	margin-left: 8px;    
	min-height: 45px;
    width: 78px;
    background-image: url('../Images/header-ohio-dotgov-link-sml.png');
}
/* BEGIN REPOSITIONING FIXES */
/* Ohio.gov image link styles for: FIREFOX */
@-moz-document url-prefix() {
#custom .dotgov-link {
	margin-left: 10px;     
	min-height: 45px;
    width: 78px;
    background-image: url('../Images/header-ohio-dotgov-link-sml.png');
}
}
/* Ohio.gov image link styles for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .dotgov-link {
	margin-left: 7px;     
	min-height: 38px;
    width: 78px;
    background-image: url('../Images/header-ohio-dotgov-link-sml.png');
}
}
/* Safari only override */
 ::i-block-chrome, .dotgov-link {
	margin-left: 10px;     
	min-height: 45px;
    width: 92px;
    background-image: url('../Images/header-ohio-dotgov-link.png');
}
/* Ohio.gov image link styles for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .dotgov-link {
	margin-left: 8px;     
	min-height: 45px;
    width: 78px;
    background-image: url('../Images/header-ohio-dotgov-link-sml.png');
}
}
/* END REPOSITIONING FIXES */		

/* modified size and positioning styles for State Agencies link */	
#custom .state-agencies {
    font-size:.8125em; 
	margin-top: 7px;
	margin-left: 12px; 
}

/* modified size and positioning styles for State Services link */		
#custom .state-services {
    font-size:.8125em; 
	margin-left: 12px; 
}		
}


@media (max-width: 339px) {
/* modified style to decrease size of invisible clickable overlay for the DVS logo area */
#custom .homelogocover {
	width: 90px;
}

/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */	    
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
	
/* BEGIN REPOSITIONING FIXES */
/* reposition Ohio.gov box container for: FIREFOX */
@-moz-document url-prefix() {
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
}
/* reposition Ohio.gov box container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .inner-wrapper-lg {
	margin-top:0px;
}
/* reposition Ohio.gov box container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .inner-wrapper-lg {
	margin-top:0px;
}
}
/* END REPOSITIONING FIXES */		
	
/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 93.5%;
}
	
/* modify style for padding for footer DVS logo to prevent logo from shifting */	
#custom .phone-quick-links-logo {
	padding-top: 100px;	
	margin-left: 0px;
	width: 89px;
}	
	
/* modified left positioning for container w/ copyright and governor, director*/
#custom .btn-group-footer1 {
	margin-left:24px;
}	
	
/* modified left positioning for container w/ about, contact, privacy, disclaimer, site map*/
#custom .btn-group-footer2 {
	margin-left:24px;
}	
}


@media (max-width: 336px) {

/* -------------------- BEGIN banner and banner transition styles -------------------- */

/* style to hide unnecessary navbar image */	
#navbarImage {
	display: none;
}
	
#bannerContentSm {
	/* display: normal; */
	display: none; /* ADDED */
}

#odvsText {
	/* display: normal; */
	display: none; /* ADDED */
}
	
/* -------------------- END banner and banner transition styles -------------------- */

/* navbar - further reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */	
#contentWrapper {
    width: 92%;
}	
	
/* -------------------- BEGIN FOOTER styles -------------------- */			

/* modified font styles for Archive, Newsletter and Register links */	
#custom .footer-feature-links {
	font-size:.85em; 
	line-height:1.395em; 
}	

/* modified font size style for arrow footer links */		
#custom .footer-quick-links {
	margin-left: 18px;
	text-indent: -8px;
	font-size: 1.0em; 
}

#custom .hidetxt {
	display:none;
}	

/* modified style for padding between Archive, Newsletter, Register links and phone number area */	
#custom .phone-quick-links-padding {	
	padding-top: 30px;
}	
	
/* -------------------- END FOOTER styles -------------------- */			
	
}


@media (max-width: 330px) {
/* modified style to reposition invisible wrapper containing Ohio.gov box and search and social media areas */	    
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
	
/* BEGIN REPOSITIONING FIXES */
/* reposition Ohio.gov box container for: FIREFOX */
@-moz-document url-prefix() {
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
}
/* reposition Ohio.gov box container for: SAFARI, CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .inner-wrapper-lg {
	margin-top:-98px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .inner-wrapper-lg {
	margin-top:-98px;
}
/* reposition Ohio.gov box container for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .inner-wrapper-lg {
	margin-top:0px;
}
}
/* END REPOSITIONING FIXES */	
	
/* modify vertical position and width of navbar containing dropdown menu buttons */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin-top: 0px;
	width:auto;
	max-width:287px;
	margin-right:0px;
	margin-left:0px;
}
	
/* modified padding between social media icons and additional positioning styling */		
#custom .btn-group-lg > .btn {
  	padding: 11px 20px;
	padding-left:0px;
	padding-right:10px;
}		
}


@media (max-width: 320px) {
/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 93%;
}
	
/* modified font size style for arrow footer links */		
#custom .footer-quick-links {
	font-size:.95em; 
}
}


@media (max-width: 315px) {
#custom .banner-image {
	width: 100%;
	min-height: 90px;
    height: 90px; 	
	background-image: url('../Images/banner-ODVS-total-whiteout.png');
    background-repeat: no-repeat;
}

/* modify style for padding for footer DVS logo to prevent logo from shifting */	
#custom .phone-quick-links-logo {
	padding-top:102px;
	padding-left: 0px;	
	width:85px;
}	
	
/* style for color and padding for footer piping between Archive, Newsletter and Register */	
#custom .footer-pipe {
	margin-left: 2px;
	margin-right: 2px;	
}	
}


@media (max-width: 302px) {
/* modify vertical position and width of navbar containing dropdown menu buttons */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin-top: -18px;
}
}


/* stacks the state links if the browser will collapse this small - varies by browser */
@media (max-width: 300px) {
/* padding styles for social media icons' container */
#custom .btn-group-lg {
	margin-top:-75px;
}

/* modify vertical position and width of navbar containing dropdown menu buttons */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	width:165px;
	max-width:287px;
}	

/* modified size and positioning styles for State Agencies link */	    
#custom .state-agencies {
	font-size: 10px;
    margin-top: 7px; 	
}
	
/* modified size and positioning styles for State Services link */	
#custom .state-services {
	font-size: 10px;
    margin-top: 3px; 			
}
	
/* modified font styles for Archive, Newsletter and Register links */	
#custom .footer-feature-links {
	font-size:.8em; 
	line-height:1.39em; 
}
	
/* modified font size styles for phone numbers */	
#custom .phone-quick-links {
	font-size:.8em;
	line-height:2.35em;
}	
	
/* modify style for padding for footer DVS logo to prevent logo from shifting */		
#custom .phone-quick-links-logo {	
	padding-top:102px;	
	width:84px;
}

/* modify size of the main footer area to prevent appearance of horizontal scrollbar */
#footer-wrapper {
    width: 92%;
}	
}


/* ------------------------------------ END RESPONSIVE STYLES FOR ALTERNATE RESOLUTIONS ------------------------------------ */