/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(https://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5j0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Sans'), local('JosefinSans'), url(https://fonts.gstatic.com/s/josefinsans/v9/xgzbb53t8j-Mo-vYa23n5ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Josefin Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Josefin Slab'), local('JosefinSlab'), url(https://fonts.gstatic.com/s/josefinslab/v6/46aYWdgz-1oFX11flmyEfegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v5/31P4mP32i98D9CEnGyeX9Q.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: local('Karla'), local('Karla-Regular'), url(https://fonts.gstatic.com/s/karla/v5/Zi_e6rBgGqv33BWF8WTq8g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/gG8m82oGcrBJF727xHU04fY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/F4YWuALHubF63LLQPw0rMfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v1/HLBysyo0MQBO_7E-DWLwzg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/NUrn2XQrRfyGZp5MknntaRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local('Quicksand Regular'), local('Quicksand-Regular'), url(https://fonts.gstatic.com/s/quicksand/v6/s2PXW4WrV3VLrOUpHiqsfRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
.styleA2 {
	font-family: 'Josefin Sans', sans-serif;
}
.styleA3 {
	font-family: 'Josefin Slab', serif;
}
.styleA6 {
	font-family: 'Poppins', sans-serif;
}
.styleA7 {
	font-family: 'Karla', sans-serif;
}

/******************************************************************** FONT STYLES ********************************************************************/
.blue-headers1 {
	font-size:60px;
	color:#006BB3;
}
.blue-headers2 {
	font-size:75px;
	font-weight:bold;
	color:#006BB3;
}
.white-headers1 {
	font-size:60px;
	font-weight:bold;
	color:#FFFFFF;
}
.white-headers2 {
	font-size:75px;
	font-weight:bold;
	color:#FFFFFF;
}
.red-20-bold {
	font-size:20px;
	font-weight:bold;
	color:#D90005;
}
.blue-20-bold {
	font-size:20px;
	font-weight:bold;
	color:#2C6BBA;
}
.blue-20-normal {
	font-size:20px;
	font-weight:normal;
	color:#2C6BBA;
}
.blue-25-bold {
	font-size:25px;
	font-weight:bold;
	color:#2C6BBA;
}
.linkfont {
	font-size:small;
}
.opening-links {
	font-size: x-large;
	font-weight:bold;
	color:#FFFFFF;
}
/********************************************************************BOXES********************************************************************/
#bluebgshdw-rcorners1 {	
	border-radius: 5px;
	width: inherit;
	height: inherit;
	background-color: #006BB3;
	box-shadow: 3px 3px grey;
}
#bluebgnshdw-rcorners1 {	
	border-radius: 5px;
	width: auto;
	height: auto;
	background-color: #006BB3;
}
#rcorners1 {
	border-radius: 10px;
	width: 100%;
	height: inherit;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
#rcorners2 {
	border-radius: 10px;
	width: 250px;
	height: 340px;
	background-color: #EEEEEE; 
	box-shadow: 3px 3px grey;  
}
#rcorners3 {	
	border-radius: 5px;
	width: 180px;
	height: 25px;
	background-color: #006BB3;
	box-shadow: 3px 3px grey;
}
#rcorners4 {
	border-radius: 5px;
	width: 100%;
	height: inherit;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
#rcorners5 {	
	border-radius: 5px;
	width: auto;
	height: auto;
	background-color: #FF0000;
	box-shadow: 3px 3px grey;
}
#norcorners {
	border-radius: none;
	width: 250px;
	height: 340px;
	background-color: #EEEEEE; 
	box-shadow: 3px 3px grey;  
}
#Image {
    border-radius: none;
    width: 200px;
    height: 148px;
}
#Imagercorners {
    border-radius: 25px;
    width: 200px;
    height: 148px;
}
#box01 {
	border-radius: 0px;
	width: 90%;
	height: inherit;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
#box02 {
	border-radius: 0px;
	width: 75%;
	height: 380px;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
#box03 {
	border-radius: 0px;
	width: 100%;
	height: inherit;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
#box04 {
	border-radius: 0px;
	width: auto;
	height: auto;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
#box04rcorners {
	border-radius: 10px;
	width: auto;
	height: auto;
	background-color: #EEEEEE;
	box-shadow: 3px 3px grey;
}
/******************************************************************** MENU ITEMS ********************************************************************/
#menu {
	position: fixed;
	right:auto;
	width: 100%;
	margin-top: -1em;
}
#menu03 {
	position: fixed;
	background-color:#FFFFFF;
	right:auto;
	top: 100px;
	width: 105%;
	margin-top:-100px;
	margin-left:-1%;
	height:100px;
	z-index:6;
}
#menubg {
  position: fixed;
  right:auto;
  top: 0px;
  width: 100%;
}
#logo {
	position: fixed;
	right:auto;
	top: 65px;
	width: auto;
	margin-top: -3em;
}
#logo2 {
	border-radius: 28px;
	width: 200px;
	height: 200px;
	background-color: #006BB3;
	box-shadow: none;
	border: medium solid #0099FF;
}

/******************************************************************** TEXT SHADOWS ********************************************************************/
#shadowtext {
	text-shadow: 2px 2px black;
}
#shadowtext1px {
	text-shadow: 1px 1px black;
}
#shadowtext-grey {
	text-shadow: 1px 1px #CCCCCC;
}
#shadowtext02 {
	text-shadow: 1px 1px black;
}
#shadowtextwhite {
	text-shadow: 1px 1px #FFFFFF;
}
/******************************************************************** IMAGE BANNERS FOR OPENING PAGES ********************************************************************/
#img-001 {
  background: url('../media.dox/DE_opening_page_graphic.jpg') no-repeat;
  background-size:contain;
  width:100%;
  height:inherit;
}
#img-opening {
  background: url('../media.dox/teen_small_car_graphic.jpg') no-repeat;
  background-size:94% 100%;
  width:100%;
  height:100%;
}
#img-teendrivereducation {
  background: url('../media.dox/DE_opening_page_graphic.jpg') no-repeat;
  background-size:100% 100%;
  width:100%;
  height:100%;
}
#img-coursedetails {
  background: url('../media.dox/course_details.jpg') no-repeat;
  background-size:100% 100%;
  width:100%;
  height:100%;
}
#img-adultdrivered {
  background: url('../media.dox/adult_de_opening_graphic.jpg') no-repeat;
  background-size:100% 100%;
  width:95%;
  height:100%;
}
#img-driverlicensetesting {
  background: url('../media.dox/driver_license_testing_banner.jpg') no-repeat;
  background-size:100% 100%;
  width:95%;
  height:100%;
}
#img-driverlicensetesting2 {
  background: url('../media.dox/driver_license_testing_banner-02.jpg') no-repeat;
  background-size:100% 100%;
  width:95%;
  height:100%;
}
#img-defensivedriving {
  background: url('../media.dox/ddc-opening-graphic.jpg') no-repeat;
  background-size:100% 100%;
  width:95%;
  height:100%;
}
#img-onlinecourses {
  background: url('../media.dox/onlinecourses_img.jpg') no-repeat;
  background-size:100% 100%;
  width:95%;
  height:100%;
}
#img-locations {
  background: url('../media.dox/locations-n-schedules.jpg') no-repeat;
  background-size:100% 100%;
  width:95%;
  height:100%;
}
#img-weber-home {
  background: url('../media.dox/TDS_Weber.jpg') no-repeat;
  background-size:87% 100%;
  width:95%;
  height:100%;
}
#img-kyle-home {
  background: url('../media.dox/TDS_kyle.jpg') no-repeat;
  background-size:87% 100%;
  width:95%;
  height:100%;
}
/****ALL GOOD UP TO THIS POINT****/