@charset "utf-8";
/* CSS Document */
/* Contents */

/* NAV */
/* FOCUS MENU */
/* FOCUS MENU HEADER */
/* SPECIFIC MENUS */
/* FOCUS MENU LIST */

/* NAV */
#wrapper nav {
	display: block;
	overflow:hidden;
	padding-bottom:2em;
}
/* FOCUS MENU */
.menuFocus ul, .menuFocus li, .menuFocus header, .menuFocus p {
	margin:0;
	padding: 0;
	border: 0;
}
.menuFocus {
	width: 292px;
	float: left;
	margin-left: .5px; /* 4px */
	padding: .25em .25em 1em .25em;
	box-sizing:border-box;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
	box-shadow: 0 8px 6px -6px #ccc;
}
/* FOCUS MENU HEADER */
.menuFocus header {
	font-size: 1.65em;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: #1A3745;
	overflow: hidden;
}
.menuFocus header > p {
	padding-left: .5em;	
}
/* SPECIFIC MENUS */
#onlineDMV {
	background: #3F78A7;
}
#onlineDMV > ul > li:after {
	color: #3F78A7;
} 
#onlineDMV header:before {
	display: block;
	height: 97px; /* NOTE new header photo with ONLINE=NOLINE graphice needs 194px.*/
	width: 292px;
	content: " ";	
	background:url(_images/graphic-menu-online.jpg) bottom right;	
}
#topicFocus {
	background: #3F78A7;
}
#topicFocus > ul > li:after {
	color: #3F78A7;
}

#topicdriver {
	background: #3F78A7;
}
#topicdriver > ul > li:after {
	color: #3F78A7;
}

#topicvehicle {
	background: #3F78A7;
}
#topicvehicle > ul > li:after {
	color: #3F78A7;
}
#topicHelp {
	background: #3F78A7;	
}
#topicHelp > ul > li:after {
	color: #3F78A7;
}


#topicdriver header#drivers:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(_images/graphic-menu-drivers.jpg) bottom right;
}
#topicFocus header#drivers-rural-cdl:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(../_css/_images/graphic-menu-driver-rural-cdl.jpg) bottom right;
}
#topicFocus header#drivers-senior-resources:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(../_css/_images/graphic-menu-driver-senior.jpg) bottom right;
}
#topicFocus header#alaska-senior-resources:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(../_css/_images/graphic-menu-dhss.jpg) bottom right;
}
#topicFocus header#veteran-resources:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(../_css/_images/graphic-menu-veteran.jpg) bottom right;
}
#topicvehicle header#vehicles:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background:url(_images/graphic-menu-vehicles.jpg) bottom right;	
}

#topicHelp header#helpHow:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(_images/graphic-menu-help.jpg) bottom right;
}
#topicHelp header#helpLocation:before {
	display: block;
	height: 97px;
	width: 292px;
	content: " ";
	background: url(_images/graphic-menu-location.jpg) bottom right;
}
/* FOCUS MENU LIST */
.menuFocus > ul {
	list-style-type: none;
	margin-bottom: .5em;
}
.menuFocus > ul > li {
	margin: .25em 0 0 0;
	position: relative;	
}
.menuFocus > ul > li:hover, .menuFocus > ul > li:focus {
	background-color: rgba(255,255,255,.9);
	-webkit-box-shadow: 0 8px 1px -6px #333;
	-moz-box-shadow: 0 8px 1px -6px #333;
	box-shadow: 0 8px 1px -6px #333;	
}
.menuFocus > ul > li > a {
	color: #1A3745;
	text-decoration: none;
	width: 100%;
	display: block;	
	background-color: rgba(255,255,255,.6);
	padding: .5em 2em .5em 1em;
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.menuFocus > ul > li > a:hover, .menuFocus > ul > li > a:focus, .menuFocus > ul > li > a:active {
	text-decoration: underline;	
}

/** .menuFocus > ul > li:after {
	font-family: monospace;
	content:"\25BA";
	position: absolute;
	right: .5em;
	top: .33em;
	font-size: 1.5em
} **/