﻿.wrapper {
	width: 100%;
}
#background {
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
}
#leftside {
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
}
#rightside {
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
}
#highlight {
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
}
#highlightTOP {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 0px;
	left: 0px;
}
.gray28px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #424746;
	text-decoration: none;
}

.light {
	background-size: 100%;
	background-image: url('images/light.png');
	background-repeat: no-repeat;
	height: 515px;
}

.leftbackground {
	/* background-image: url('images/leftside-bg.jpg'); */
	background-repeat: repeat-x;
	height: 476px;
}
.leftbackground2 {
	background-image: url('images/leftside-bg2.jpg');
	background-repeat: repeat-x;
	height: 170px;
}
.rightbackground {
	background-image: url('images/rightside-bg.jpg');
	background-repeat: repeat-x;
	height: 257px;
}

.gray20bld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #5e5f5f;
	text-decoration: none;
}
.gray26obl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	font-style: oblique;
	color: #424746;
	text-decoration: none;
}
.dkgreen24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #013326;
	text-decoration: none;
}
.dkgreen28 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #013326;
	text-decoration: none;
}

.dkgreen14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #013326;
	text-decoration: none;
	line-height: 16px;
}
.dkgreen16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #013326;
	text-decoration: none;
	line-height: 16px;
}
.green14 {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #013326;
	text-decoration: none;
	line-height: 16px;
}

.appprovider {
	background-image: url('images/approvider_blank.png');
	background-repeat: no-repeat;
	width: 272px;
	height: 63px;
}
.mary {
	background-image: url('images/mary.png');
	background-repeat: no-repeat;
	width: 167px;
	height: 210px;
}

.visualprocessing1:link,
.visualprocessing1:visited,
.visualprocessing1:active {
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 24px;
	color: #013225;
	text-decoration: none;
}
.visualprocessing1:hover {
	color: lime;
}
.visualprocessing2:link,
.visualprocessing2:visited,
.visualprocessing2:active {
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 24px;
	color: #013225;
	text-decoration: none;
}
.visualprocessing2:hover {
	color: lime;
}
.lowvision:link,
.lowvision:visited,
.lowvision:active {
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 23px;
	font-weight: bold;
	line-height: 24px;
	color: #013225;
	text-decoration: none;
}
.lowvision:hover {
	color: lime;
}

.gray18 {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 17px;
	color: #212625;
	line-height: 28px;
}
.dkgray14 {
	color: #1f1f1f;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 15px;
	line-height: 17px;
	text-decoration: none;
}
.dkgray12 {
	color: #1f1f1f;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}
.dkgray18 {
	color: #1f1f1f;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 20px;
	line-height: 22px;
	text-decoration: none;
	font-weight: normal;
}
.learnbox {
	border: 1px solid #016248;
	border-radius: 6px;
	width: 122px;
	height: 28px;
	display: block;
	text-align: center;
}
.viewbox {
	border: 1px solid #016248;
	border-radius: 6px;
	width: 190px;
	height: 28px;
	display: block;
	float: right;
	text-align: center;
}
.viewmapbox {
	border: 1px solid #016248;
	border-radius: 6px;
	width: 242px;
	height: 28px;
	display: block;
	float: left;
	text-align: center;
}

.highbg1 {
	background-image: url('images/highlight1.jpg');
	background-repeat: no-repeat;
	width: 14px;
	height: 142px;
}
.highbg2 {
	background-image: url('images/highlightext.jpg');
	background-repeat: repeat-x;
	height: 142px;
}
.highbg3 {
	background-image: url('images/highlight2.jpg');
	background-repeat: no-repeat;
	width: 14px;
	height: 142px;
}

#foregroundZ2 {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 0px;
	left: 0px;
}
#foregroundZ3 {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 0px;
	left: 0px;
}
#foregroundZ4 {
	position: absolute;
	z-index: 4;
	width: 100%;
	top: 0px;
	left: 0px;
}

.productsbox {
	border: 1px solid #016248;
	border-radius: 6px;
	width: 159px;
	height: 28px;
	background-color: #d5f2da;
	display: block;
}
.registrationbox {
	border: 1px solid #016248;
	border-radius: 6px;
	width: 210px;
	height: 28px;
	background-color: #ffffff;
	display: block;
	text-align: center;
}
.prodorderbox {
	border: 1px solid #016248;
	border-radius: 6px;
	width: 250px;
	height: 28px;
	display: block;
	text-align: center;
}

.black18:link,
.black18:visited,
.black18:active {
	color: #000000;
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 20px;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}
.black18:hover {
	color: #cc0000;
}
.black16:link,
.black16:visited,
.black16:active {
	color: #000000;
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 17px;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}
.black16:hover {
	color: #cc0000;
}

.black16ctr:link,
.black16ctr:visited,
.black16ctr:active {
	color: #000000;
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 17px;
	line-height: 25px;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}
.black16ctr:hover {
	color: #cc0000;
}

.dkgreen13:link,
.dkgreen13:visited,
.dkgreen13:active {
	color: #013326;
	font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
	font-size: 14px;
	line-height: 13px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
.dkgreen13:hover {
	color: #cc0000;
}
.gray13 {
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 13px;
	color: #ff0000;
	line-height: 13px;
}
.switch:link,
.switch:visited,
.switch:active {
	background-image: url('images/switch.png');
	width: 191px;
	height: 69px;
	display: block;
}
.switch:hover {
	background-image: url('images/switch-r.png');
	width: 191px;
	height: 69px;
	display: block;
}

.coursebackground {
	padding: 20px;
	border: 1px solid #d1d2d2;
	border-radius: 6px;
	font-size: 15px;
	background-image: url('images/course-bg.jpg');
	/*width: 216px;*/
	width: 100%;
	height: 320px;
	display: block;
	background-repeat: repeat-x;
	background-position: bottom;
}
.topbg {
	background-image: url('images/top-bgnd.jpg');
	background-repeat: repeat-x;
	height: 187px;
}

.locbgnd {
	height: 48px;
	background-image: url('images/locbgnd.jpg');
	background-repeat: repeat-x;
}

.locbgnd:hover {
	text-decoration: none;
}

.content18px {
	color: #1f1f1f;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	font-size: 18px;
	line-height: 22px;
	text-decoration: none;
}

#locationstack {
	position: relative;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
}
#locationstack2 {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 0px;
	left: 0px;
}

#locationstack3 {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 0px;
	left: 0px;
}

#locationstack4 {
	position: absolute;
	z-index: 4;
	width: 100%;
	top: 0px;
	left: 0px;
}
#locationstack5 {
	position: absolute;
	z-index: 5;
	width: 100%;
	top: 0px;
	left: 0px;
}
#locationstack6 {
	position: absolute;
	z-index: 6;
	width: 100%;
	top: 0px;
	left: 0px;
}
#locationstack7 {
	position: absolute;
	z-index: 7;
	width: 100%;
	top: 0px;
	left: 0px;
}
#locationstack8 {
	position: absolute;
	z-index: 8;
	width: 100%;
	top: 0px;
	left: 0px;
}

.locGreen {
	color: #526b67;
}

.locRed {
	color: red;
}

a:link,
a:visited,
a:active {
	color: #013326;
}
a:hover {
	color: #cc0000;
}

.darkg20bld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 21px;
	color: #013326;
	text-decoration: none;
	font-weight: bold;
}

.greenrule {
	border-top-style: dotted;
	border-top-width: 3px;
	border-top-color: #008000;
	margin-top: 15px;
	clear: both;
}
