@charset "utf-8";
/*Make Image Scalable - Assign this class to any image to make it scale with the browser window size*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}
a:link {
	color: #002653;
	text-decoration: underline;
}
a:visited {
	color: #002653;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #002653;
	text-decoration: underline;
}
.bottom a:link {
	color: #CCCCCC;
}
.bottom a:visited {
	color: #CCCCCC;
}
.bottom a:hover {
	color: #FFFFFF;
}
.bottom a:active {
	color: #CCCCCC;
}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 14px;
	background-repeat: repeat;
	background-color: #45698B;
}

h1 {
	font-size: 16px;
	color: #002653;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFFFFF;
}

.content {
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-repeat: repeat-y;
}

.copyright {
	color: #FFFFFF;
	display: inline;
	padding-right: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #45698B;
}
.designL {
	background: url(images/content_L.jpg) repeat-y;
	vertical-align: top;
	
}
.designR {
	background: url(images/content_R.jpg) repeat-y right;
	vertical-align: top;

}
.header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	background-color: #666;
}
.phone a:link {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 24px;
	background-color: #B5B5B5;
}
.phone a:visited {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 24px;
	background-color: #B5B5B5; 
}
.phone a:hover {
	color: #45698B;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 24px;
	background-color: #B5B5B5; 
}
/*================================*/
/* Phone Layout: 480px and below. */
/*================================*/
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
.pixspaceR {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_L {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_B {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.pixspaceB {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.contact {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
/* ====================================== */
/*			Employee Login Page			  */
/* ====================================== */
.pageContainerempLogin {
	width: 960px;
	height: 580px;
	background-color:#002653;	
}
.subBody {
	width: 98%;
	height: 360px;
	background-color:#FFF;	
}
.pageContLeft {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;		
}
.pageContRight {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;	
}
.timeClockContainer {
	width: 100%;
	height: 30px;
	float: left;
	padding-top: 50px;
	padding-bottom: 20px;
	background-color:#FFF;	
}
.sepCont {
	width: 100%;
	height: auto;	
}
.LoginInput {
	width: 100%;
	height: 195px;
	background-color:#FFF;	
}
.LoginInputText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;	
	color: #000;
	padding-left: 65px;	
}
.BotAddArea {
	width: 98%;
	height: 180px;
	background-color:#B5B5B5;
}
.BotAddAreaWht {
	width: 98%;
	height: 20px;
	background-color: #FFF;	
}
/* ====================================== */
.subtitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	padding-right: 30px;
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
	background-color: #FFFFFF;
}
.mainTextTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	display: block;
}
.subtitle_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
}
.pixleft {
	padding-left: 0px;
}
.subtitleinputbig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 0px;
	padding-left: 10px;
}
.subtitleinputbigred {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 10px;
}
.reguiredFieldsCenter {
	padding-left: 125px;
}
.subtitlebig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #ffffff;
	padding: 0px;
}
.subtitlecenter {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
}
.subtitleRed {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitle_blue {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	background-color: #45698B;
	line-height: 1.2em;
}
.subtitleSurvey {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitleCenter {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
}
.subtitleCenter1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bolder;
}
.Texttitleheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #002653;
	text-align: center;
}
.subtitleCenterGray {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	background-color: #B5B5B5;
}
.subtitleA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	padding-left: 30px;
}
.text {
	color: #000000;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
}
.textinput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	background-color: #FFFFFF;
}
.textleftpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.texttype {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textleftpadCX {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B5B5B5;
	background-color: #FFFFFF;
}
.textleftredpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
}
.textleftpadCD {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.linertthin {
	border-right-width: medium;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.linertthk {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.lineright {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #DADADA;
}
.linerightbot {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.textleftpadCE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.textleftpadCF {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}
.cellborderbottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.textleftpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
.textleftredpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 35px;
}
.textrightpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 1px;
	text-align: right;
}
.textloc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	padding-left: 8px;
	background-color: #FFFFFF;
}
.locpad {
	padding-left: 7px;
	text-align: left;
}
.timepad {
	padding-left: 4px;
}
.textrightpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
}
.textrightredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 1px;
}
.text_wht {
	color: #FFFFFF;
	background: #002653;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.textnopad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textbullets {
	color: #000000;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textpurple {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #594F71;
	background: #F7F1FD;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	list-style: url(images/bullet_icon.jpg) outside;
}
.textpurpleinline {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: inline;
	list-style: url(images/bullet_icon.jpg) outside;
	padding: 0px;
}
.special a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:hover {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.noborder {
	border-style: none;
	display: inline;
}
.required {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
}
.subtitleCenterA {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	/*display: block;
	padding-right: 30px; 
	padding-left: 30px;
	text-align: center;*/
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
}
.logout a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
/* ========================================= */
/*		Logout Link On Employee page	 	 */
/* ========================================= */
.logout1 a:link {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:visited {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;	


}
.logout1 a:hover {
	color: #CCCCCC;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:active {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
/* ======================================= */
.backpad {
	padding-left: 30px;
}
#bannerContainer {
	height: 250px;
	width: 960px;
}
.bannerLedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
.bannerImage {
	background-image: url(images/mainbanner.png);
	float: left;
	height: 250px;
	width: 940px;
}
#textContainer {
	height: auto;
	width: 960px;
}
.textBody {
	color: #FFF;
	background-color: #002653;
	float: left;
	height: 65px;
	width: 940px;
	text-align: center;
}
.textLedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
.textRedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
#mainBody {
	height: 180px;
	width: 960px;
}
#videoBody {
	height: 280px;
	width: 960px;
}
#infotextBody {
	height: 140px;
	width: 960px;
}
.infotextLedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
#whiteSpaceBody {
	height: 20px;
	width: 960px;
}
.whiteSpaceLedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.whiteSpaceCenter {
	background-color: #FFF;
	float: left;
	height: 20px;
	width: 940px;
}
.whiteSpaceRedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.infotextCenter {
	background-color: #B5B5B5;
	text-align: center;
	float: left;
	height: 140px;
	width: 940px;
}
.infotextRedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
.videoLedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.videoCenter {
	float: left;
	height: 280px;
	width: 940px;
	background-color: #FFF;
}

.videoRedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.mainLedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.mainTextLeft {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}
.mainTextRight {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}

.mainTextCenter {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 314px;
	text-align: left;
	padding-top: 20px;
}
#linkBody {
	height: 50px;
	width: 960px;
}
.linkLedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.linkLeft {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkCenter {
	float: left;
	height: 50px;
	width: 314px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	background-color: #FFF;
}
.linkRight {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkRedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.mainRedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.bannerRedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
/* Gray out box for Approving Supervisor Signature */
.approvalBox {
	width: 200px;
	height: 20px;
	border: 1px solid #CCC;
	background-color: #D6D6D6;/* #999 */	
}
/* CSS for Activity Form */
#topDivider {
	width: 960px;
	height: auto;	
}
.divider {
	width: 97.9%;
	height: auto;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	background-color: #002653;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 1%;					
}
#topLegend0 {
	width: 960px;
	height: auto;	
}
#topLegend00 {
	width: 960px;
	height: auto;		
}
.topLegend1 {
	width: 97.9%;
	height: 120px;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;		
}
.topLegend2 {
	width: 97.9%;
	height: 120px;
/*	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;*/
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #9c9;		
}
.topLegend1A {
	width: 100%;
	height: auto;
}
.topLegend2A {
	width: 100%;
	height: auto;
}
.logo {
	width: 25%;
	height: 110px;
	padding-top: 10px;	
	float: left;
	background-color: #FF0;	
}
.logoSign {
	width: 25%;
	float: left;
	padding-top: 40px;
	height: 80px;	
	background-color: #F00;	
}
.pageSign {
	width: 50%;
	height: 105px;
	float: left;
	padding-top: 15px;
	background-color: #9c0;		
}
.textinput1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-top: 5%;
	background-color: #FFFFFF;
}
.input1 {
	width: 50%;
	height: auto;
	float: left;
	padding-top: .5%;
	background-color: #FF0;		
}
.input2 {
	width: 40%;
	height: auto;
	float: left;
	background-color: #F00;		
}
.mmddyy {
	width: 100%;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-left: 5.5%;	
	padding-top: .5%;
	padding-bottom: 1%;	
}
/* Main Body of the Activity Form */
#mainBody {
	width: 960px;
	height: auto;
}
.formlayout {
	height: auto;
	min-height: 54px;
	width: 97.9%;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
}
.formBodyFormat {
	height: 44px;
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
/*	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
}
.titleBar {
	width: 80%;
	height: auto;	
}
.titleBarCol1 {
	width: 105px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol2 {
	width: 86px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol3 {
	width: 167px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol4 {
	width: 127px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol5 {
	width: 383px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .9%;
	padding-bottom: .9%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .99em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.spaceLeft {
	width: 26.8px;/* 31.3px */
	height: auto;
	float: left;
	background-color:#930;	
}
.spaceRight {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 44px;
	float: left;
	background-color:#609;
}
.spaceRightTop {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 55px;/* 55px */
	float: left;
	background-color:#609;		
}
.formBody {
	width: 100%;
	height: auto;	
}
.formCol1 {
	width: 105px;
	height: auto;
	min-height: 21px;/* 15px */
	float: left;
/*	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px; */
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%;/* .85% */			
}
.formCol2 {
	width: 86px;
	height: auto;
	min-height: 22px;/* 15px */
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1%;/* .7% */ 		
}
.formCol3 {
	width: 167px;
	height: auto;
	min-height: 18px;/* 18px */		
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.2%;/* 1% */			
}
.formCol4 {
	width: 127px;
	height: auto;
	min-height: 21px;/* 19px */	
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%; /* .9% */				
}
.formCol5 {
	width: 383px;
	height: auto;
	min-height: 31px;
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: .61%;
	padding-bottom: .55%; 				
}
/* PreFooter CSS */
#prefootBody {
	width: 960px;
	height: auto;
	backgtround-color: #B5B5B5;		
}
.prefootlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}
/* footer3 footer CSS */
#footBody {
	width: 960px;
	height: auto;
	backgtround-color: #002653;		
}
hr Line {
	width: 1px;
	color: #666666;
	background-color: #002653;		
}
.HRLine {
	width: 97.9%;
	height: 10px;
	background-color: #002653;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;		
}
.footlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	backgtround-color: #002653;	
}
.byLine {
	background-color: #45698B;
	height: 7px;
	width: 99.5%;
	padding-top: 3px;
	padding-left: .5%;	
}
byLine1 {
	background-color: #45698B;
	height: 7px;
	width: 100%;
	padding-bottom: 3px;	
}
/* Form Submit Area */
.subButton {
	width: 97.9%;
	height: 30px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;	
}
.subNext {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;	
}
.subBut {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;
		
}
.subBack {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
.subClear {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}	
}
/*================================*/
/* Phone Layout: 480px and below. */
/*================================*/
@media only screen and (min-device-width: 320px) and (max-device-width:767px) and (orientation: portrait) {
.pixspaceR {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_L {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_B {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.pixspaceB {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.contact {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
/* ====================================== */
/*			Employee Login Page			  */
/* ====================================== */
.pageContainerempLogin {
	width: 960px;
	height: 580px;
	background-color:#002653;	
}
.subBody {
	width: 98%;
	height: 360px;
	background-color:#FFF;	
}
.pageContLeft {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;		
}
.pageContRight {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;	
}
.timeClockContainer {
	width: 100%;
	height: 30px;
	float: left;
	padding-top: 50px;
	padding-bottom: 20px;
	background-color:#FFF;	
}
.sepCont {
	width: 100%;
	height: auto;	
}
.LoginInput {
	width: 100%;
	height: 195px;
	background-color:#FFF;	
}
.LoginInputText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;	
	color: #000;
	padding-left: 65px;	
}
.BotAddArea {
	width: 98%;
	height: 180px;
	background-color:#B5B5B5;
}
.BotAddAreaWht {
	width: 98%;
	height: 20px;
	background-color: #FFF;	
}
/* ====================================== */
.subtitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	padding-right: 30px;
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
	background-color: #FFFFFF;
}
.mainTextTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	display: block;
}
.subtitle_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
}
.pixleft {
	padding-left: 0px;
}
.subtitleinputbig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 0px;
	padding-left: 10px;
}
.subtitleinputbigred {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 10px;
}
.reguiredFieldsCenter {
	padding-left: 125px;
}
.subtitlebig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #ffffff;
	padding: 0px;
}
.subtitlecenter {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
}
.subtitleRed {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitle_blue {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	background-color: #45698B;
	line-height: 1.2em;
}
.subtitleSurvey {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitleCenter {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
}
.subtitleCenter1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bolder;
}
.Texttitleheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #002653;
	text-align: center;
}
.subtitleCenterGray {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	background-color: #B5B5B5;
}
.subtitleA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	padding-left: 30px;
}
.text {
	color: #000000;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
}
.textinput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	background-color: #FFFFFF;
}
.textleftpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.texttype {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textleftpadCX {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B5B5B5;
	background-color: #FFFFFF;
}
.textleftredpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
}
.textleftpadCD {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.linertthin {
	border-right-width: medium;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.linertthk {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.lineright {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #DADADA;
}
.linerightbot {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.textleftpadCE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.textleftpadCF {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}
.cellborderbottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.textleftpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
.textleftredpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 35px;
}
.textrightpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 1px;
	text-align: right;
}
.textloc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	padding-left: 8px;
	background-color: #FFFFFF;
}
.locpad {
	padding-left: 7px;
	text-align: left;
}
.timepad {
	padding-left: 4px;
}
.textrightpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
}
.textrightredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 1px;
}
.text_wht {
	color: #FFFFFF;
	background: #002653;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.textnopad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textbullets {
	color: #000000;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textpurple {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #594F71;
	background: #F7F1FD;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	list-style: url(images/bullet_icon.jpg) outside;
}
.textpurpleinline {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: inline;
	list-style: url(images/bullet_icon.jpg) outside;
	padding: 0px;
}
.special a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:hover {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.noborder {
	border-style: none;
	display: inline;
}
.required {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
}
.subtitleCenterA {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	/*display: block;
	padding-right: 30px; 
	padding-left: 30px;
	text-align: center;*/
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
}
.logout a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
/* ========================================= */
/*		Logout Link On Employee page	 	 */
/* ========================================= */
.logout1 a:link {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:visited {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;	

}
.logout1 a:hover {
	color: #CCCCCC;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:active {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
/* ======================================= */
.backpad {
	padding-left: 30px;
}
#bannerContainer {
	height: 250px;
	width: 960px;
}
.bannerLedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
.bannerImage {
	background-image: url(images/mainbanner.png);
	float: left;
	height: 250px;
	width: 940px;
}
#textContainer {
	height: auto;
	width: 960px;
}
.textBody {
	color: #FFF;
	background-color: #002653;
	float: left;
	height: 65px;
	width: 940px;
	text-align: center;
}
.textLedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
.textRedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
#mainBody {
	height: 180px;
	width: 960px;
}
#videoBody {
	height: 280px;
	width: 960px;
}
#infotextBody {
	height: 140px;
	width: 960px;
}
.infotextLedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
#whiteSpaceBody {
	height: 20px;
	width: 960px;
}
.whiteSpaceLedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.whiteSpaceCenter {
	background-color: #FFF;
	float: left;
	height: 20px;
	width: 940px;
}
.whiteSpaceRedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.infotextCenter {
	background-color: #B5B5B5;
	text-align: center;
	float: left;
	height: 140px;
	width: 940px;
}
.infotextRedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
.videoLedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.videoCenter {
	float: left;
	height: 280px;
	width: 940px;
	background-color: #FFF;
}

.videoRedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.mainLedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.mainTextLeft {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}
.mainTextRight {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}

.mainTextCenter {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 314px;
	text-align: left;
	padding-top: 20px;
}
#linkBody {
	height: 50px;
	width: 960px;
}
.linkLedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.linkLeft {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkCenter {
	float: left;
	height: 50px;
	width: 314px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	background-color: #FFF;
}
.linkRight {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkRedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.mainRedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.bannerRedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
/* Gray out box for Approving Supervisor Signature */
.approvalBox {
	width: 200px;
	height: 20px;
	border: 1px solid #CCC;
	background-color: #D6D6D6;	/* #999 */
}
/* CSS for Activity Form */
#topDivider {
	width: 960px;
	height: auto;	
}
.divider {
	width: 97.9%;
	height: auto;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	background-color: #002653;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 1%;					
}
#topLegend0 {
	width: 960px;
	height: auto;	
}
#topLegend00 {
	width: 960px;
	height: auto;		
}
.topLegend1 {
	width: 97.9%;
	height: 120px;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;		
}
.topLegend2 {
	width: 97.9%;
	height: 120px;
/*	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;*/
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #9c9;		
}
.topLegend1A {
	width: 100%;
	height: auto;
}
.topLegend2A {
	width: 100%;
	height: auto;
}
.logo {
	width: 25%;
	height: 110px;
	padding-top: 10px;	
	float: left;
	background-color: #FF0;	
}
.logoSign {
	width: 25%;
	float: left;
	padding-top: 40px;
	height: 80px;	
	background-color: #F00;	
}
.pageSign {
	width: 50%;
	height: 105px;
	float: left;
	padding-top: 15px;
	background-color: #9c0;		
}
.textinput1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-top: 5%;
	background-color: #FFFFFF;
}
.input1 {
	width: 50%;
	height: auto;
	float: left;
	padding-top: .5%;
	background-color: #FF0;		
}
.input2 {
	width: 40%;
	height: auto;
	float: left;
	background-color: #F00;		
}
.mmddyy {
	width: 100%;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-left: 5.5%;	
	padding-top: .5%;
	padding-bottom: 1%;	
}
/* Main Body of the Activity Form */
#mainBody {
	width: 960px;
	height: auto;
}
.formlayout {
	height: auto;
	min-height: 54px;
	width: 97.9%;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
}
.formBodyFormat {
	height: 44px;
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
/*	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
}
.titleBar {
	width: 80%;
	height: auto;	
}
.titleBarCol1 {
	width: 105px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol2 {
	width: 86px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol3 {
	width: 167px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol4 {
	width: 127px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol5 {
	width: 383px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .9%;
	padding-bottom: .9%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .99em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.spaceLeft {
	width: 26.8px;/* 31.3px */
	height: auto;
	float: left;
	background-color:#930;	
}
.spaceRight {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 44px;
	float: left;
	background-color:#609;
}
.spaceRightTop {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 55px;/* 55px */
	float: left;
	background-color:#609;		
}
.formBody {
	width: 100%;
	height: auto;	
}
.formCol1 {
	width: 105px;
	height: auto;
	min-height: 21px;/* 15px */
	float: left;
/*	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px; */
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%;/* .85% */			
}
.formCol2 {
	width: 86px;
	height: auto;
	min-height: 22px;/* 15px */
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1%;/* .7% */ 		
}
.formCol3 {
	width: 167px;
	height: auto;
	min-height: 18px;/* 18px */		
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.2%;/* 1% */			
}
.formCol4 {
	width: 127px;
	height: auto;
	min-height: 21px;/* 19px */	
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%; /* .9% */				
}
.formCol5 {
	width: 383px;
	height: auto;
	min-height: 31px;
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: .61%;
	padding-bottom: .55%; 				
}
/* PreFooter CSS */
#prefootBody {
	width: 960px;
	height: auto;
	backgtround-color: #B5B5B5;		
}
.prefootlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}
/* footer3 footer CSS */
#footBody {
	width: 960px;
	height: auto;
	backgtround-color: #002653;		
}
hr Line {
	width: 1px;
	color: #666666;
	background-color: #002653;		
}
.HRLine {
	width: 97.9%;
	height: 10px;
	background-color: #002653;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;		
}
.footlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	backgtround-color: #002653;	
}
.byLine {
	background-color: #45698B;
	height: 7px;
	width: 99.5%;
	padding-top: 3px;
	padding-left: .5%;	
}
byLine1 {
	background-color: #45698B;
	height: 7px;
	width: 100%;
	padding-bottom: 3px;	
}
/* Form Submit Area */
.subButton {
	width: 97.9%;
	height: 30px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;	
}
.subNext {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;	
}
.subBut {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;
		
}
.subBack {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
.subClear {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
}
/*=====================================================================*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/*=====================================================================*/
@media only screen and (min-device-width:  768px) and (max-device-width:  1024px) and (orientation: Landscape) {
.pixspaceR {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_L {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_B {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.pixspaceB {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.contact {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
/* ====================================== */
/*			Employee Login Page			  */
/* ====================================== */
.pageContainerempLogin {
	width: 960px;
	height: 580px;
	background-color:#002653;	
}
.subBody {
	width: 98%;
	height: 360px;
	background-color:#FFF;	
}
.pageContLeft {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;		
}
.pageContRight {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;	
}
.timeClockContainer {
	width: 100%;
	height: 30px;
	float: left;
	padding-top: 50px;
	padding-bottom: 20px;
	background-color:#FFF;	
}
.sepCont {
	width: 100%;
	height: auto;	
}
.LoginInput {
	width: 100%;
	height: 195px;
	background-color:#FFF;	
}
.LoginInputText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;	
	color: #000;
	padding-left: 65px;	
}
.BotAddArea {
	width: 98%;
	height: 180px;
	background-color:#B5B5B5;
}
.BotAddAreaWht {
	width: 98%;
	height: 20px;
	background-color: #FFF;	
}
/* ====================================== */
.subtitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	padding-right: 30px;
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
	background-color: #FFFFFF;
}
.mainTextTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	display: block;
}
.subtitle_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
}
.pixleft {
	padding-left: 0px;
}
.subtitleinputbig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 0px;
	padding-left: 10px;
}
.subtitleinputbigred {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 10px;
}
.reguiredFieldsCenter {
	padding-left: 125px;
}
.subtitlebig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #ffffff;
	padding: 0px;
}
.subtitlecenter {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
}
.subtitleRed {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitle_blue {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	background-color: #45698B;
	line-height: 1.2em;
}
.subtitleSurvey {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitleCenter {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
}
.subtitleCenter1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bolder;
}
.Texttitleheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #002653;
	text-align: center;
}
.subtitleCenterGray {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	background-color: #B5B5B5;
}
.subtitleA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	padding-left: 30px;
}
.text {
	color: #000000;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
}
.textinput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	background-color: #FFFFFF;
}
.textleftpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.texttype {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textleftpadCX {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B5B5B5;
	background-color: #FFFFFF;
}
.textleftredpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
}
.textleftpadCD {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.linertthin {
	border-right-width: medium;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.linertthk {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.lineright {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #DADADA;
}
.linerightbot {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.textleftpadCE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.textleftpadCF {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}
.cellborderbottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.textleftpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
.textleftredpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 35px;
}
.textrightpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 1px;
	text-align: right;
}
.textloc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	padding-left: 8px;
	background-color: #FFFFFF;
}
.locpad {
	padding-left: 7px;
	text-align: left;
}
.timepad {
	padding-left: 4px;
}
.textrightpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
}
.textrightredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 1px;
}
.text_wht {
	color: #FFFFFF;
	background: #002653;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.textnopad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textbullets {
	color: #000000;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textpurple {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #594F71;
	background: #F7F1FD;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	list-style: url(images/bullet_icon.jpg) outside;
}
.textpurpleinline {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: inline;
	list-style: url(images/bullet_icon.jpg) outside;
	padding: 0px;
}
.special a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:hover {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.noborder {
	border-style: none;
	display: inline;
}
.required {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
}
.subtitleCenterA {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	/*display: block;
	padding-right: 30px; 
	padding-left: 30px;
	text-align: center;*/
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
}
.logout a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
/* ========================================= */
/*		Logout Link On Employee page	 	 */
/* ========================================= */
.logout1 a:link {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:visited {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;	

}
.logout1 a:hover {
	color: #CCCCCC;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:active {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
/* ======================================= */
.backpad {
	padding-left: 30px;
}
#bannerContainer {
	height: 250px;
	width: 960px;
}
.bannerLedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
.bannerImage {
	background-image: url(images/mainbanner.png);
	float: left;
	height: 250px;
	width: 940px;
}
#textContainer {
	height: auto;
	width: 960px;
}
.textBody {
	color: #FFF;
	background-color: #002653;
	float: left;
	height: 65px;
	width: 940px;
	text-align: center;
}
.textLedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
.textRedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
#mainBody {
	height: 180px;
	width: 960px;
}
#videoBody {
	height: 280px;
	width: 960px;
}
#infotextBody {
	height: 140px;
	width: 960px;
}
.infotextLedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
#whiteSpaceBody {
	height: 20px;
	width: 960px;
}
.whiteSpaceLedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.whiteSpaceCenter {
	background-color: #FFF;
	float: left;
	height: 20px;
	width: 940px;
}
.whiteSpaceRedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.infotextCenter {
	background-color: #B5B5B5;
	text-align: center;
	float: left;
	height: 140px;
	width: 940px;
}
.infotextRedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
.videoLedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.videoCenter {
	float: left;
	height: 280px;
	width: 940px;
	background-color: #FFF;
}

.videoRedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.mainLedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.mainTextLeft {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}
.mainTextRight {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}

.mainTextCenter {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 314px;
	text-align: left;
	padding-top: 20px;
}
#linkBody {
	height: 50px;
	width: 960px;
}
.linkLedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.linkLeft {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkCenter {
	float: left;
	height: 50px;
	width: 314px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	background-color: #FFF;
}
.linkRight {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkRedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.mainRedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.bannerRedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
/* Gray out box for Approving Supervisor Signature */
.approvalBox {
	width: 200px;
	height: 20px;
	border: 1px solid #CCC;
	background-color: #D6D6D6;/* #999 */
}
/* CSS for Activity Form */
#topDivider {
	width: 960px;
	height: auto;	
}
.divider {
	width: 97.9%;
	height: auto;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	background-color: #002653;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 1%;					
}
#topLegend0 {
	width: 960px;
	height: auto;	
}
#topLegend00 {
	width: 960px;
	height: auto;		
}
.topLegend1 {
	width: 97.9%;
	height: 120px;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;		
}
.topLegend2 {
	width: 97.9%;
	height: 120px;
/*	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;*/
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #9c9;		
}
.topLegend1A {
	width: 100%;
	height: auto;
}
.topLegend2A {
	width: 100%;
	height: auto;
}
.logo {
	width: 25%;
	height: 110px;
	padding-top: 10px;	
	float: left;
	background-color: #FF0;	
}
.logoSign {
	width: 25%;
	float: left;
	padding-top: 40px;
	height: 80px;	
	background-color: #F00;	
}
.pageSign {
	width: 50%;
	height: 105px;
	float: left;
	padding-top: 15px;
	background-color: #9c0;		
}
.textinput1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-top: 5%;
	background-color: #FFFFFF;
}
.input1 {
	width: 50%;
	height: auto;
	float: left;
	padding-top: .5%;
	background-color: #FF0;		
}
.input2 {
	width: 40%;
	height: auto;
	float: left;
	background-color: #F00;		
}
.mmddyy {
	width: 100%;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-left: 5.5%;	
	padding-top: .5%;
	padding-bottom: 1%;	
}
/* Main Body of the Activity Form */
#mainBody {
	width: 960px;
	height: auto;
}
.formlayout {
	height: auto;
	min-height: 54px;
	width: 97.9%;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
}
.formBodyFormat {
	height: 44px;
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
/*	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
}
.titleBar {
	width: 80%;
	height: auto;	
}
.titleBarCol1 {
	width: 105px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol2 {
	width: 86px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol3 {
	width: 167px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol4 {
	width: 127px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol5 {
	width: 383px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .9%;
	padding-bottom: .9%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .99em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.spaceLeft {
	width: 26.8px;/* 31.3px */
	height: auto;
	float: left;
	background-color:#930;	
}
.spaceRight {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 44px;
	float: left;
	background-color:#609;
}
.spaceRightTop {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 55px;/* 55px */
	float: left;
	background-color:#609;		
}
.formBody {
	width: 100%;
	height: auto;	
}
.formCol1 {
	width: 105px;
	height: auto;
	min-height: 21px;/* 15px */
	float: left;
/*	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px; */
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%;/* .85% */			
}
.formCol2 {
	width: 86px;
	height: auto;
	min-height: 22px;/* 15px */
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1%;/* .7% */ 		
}
.formCol3 {
	width: 167px;
	height: auto;
	min-height: 18px;/* 18px */		
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.2%;/* 1% */			
}
.formCol4 {
	width: 127px;
	height: auto;
	min-height: 21px;/* 19px */	
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%; /* .9% */				
}
.formCol5 {
	width: 383px;
	height: auto;
	min-height: 31px;
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: .61%;
	padding-bottom: .55%; 				
}
/* PreFooter CSS */
#prefootBody {
	width: 960px;
	height: auto;
	backgtround-color: #B5B5B5;		
}
.prefootlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}
/* footer3 footer CSS */
#footBody {
	width: 960px;
	height: auto;
	backgtround-color: #002653;		
}
hr Line {
	width: 1px;
	color: #666666;
	background-color: #002653;		
}
.HRLine {
	width: 97.9%;
	height: 10px;
	background-color: #002653;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;		
}
.footlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	backgtround-color: #002653;	
}
.byLine {
	background-color: #45698B;
	height: 7px;
	width: 99.5%;
	padding-top: 3px;
	padding-left: .5%;	
}
byLine1 {
	background-color: #45698B;
	height: 7px;
	width: 100%;
	padding-bottom: 3px;	
}
/* Form Submit Area */
.subButton {
	width: 97.9%;
	height: 30px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;	
}
.subNext {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;	
}
.subBut {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;
		
}
.subBack {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
.subClear {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}	
}
/*=====================================================================*/
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/*=====================================================================*/
@media only screen and (min-device-width:  768px) and (max-device-width:  1024px) and (orientation: Portrait) {
.pixspaceR {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_L {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_B {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.pixspaceB {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.contact {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
/* ====================================== */
/*			Employee Login Page			  */
/* ====================================== */
.pageContainerempLogin {
	width: 960px;
	height: 580px;
	background-color:#002653;	
}
.subBody {
	width: 98%;
	height: 360px;
	background-color:#FFF;	
}
.pageContLeft {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;		
}
.pageContRight {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;	
}
.timeClockContainer {
	width: 100%;
	height: 30px;
	float: left;
	padding-top: 50px;
	padding-bottom: 20px;
	background-color:#FFF;	
}
.sepCont {
	width: 100%;
	height: auto;	
}
.LoginInput {
	width: 100%;
	height: 195px;
	background-color:#FFF;	
}
.LoginInputText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;	
	color: #000;
	padding-left: 65px;	
}
.BotAddArea {
	width: 98%;
	height: 180px;
	background-color:#B5B5B5;
}
.BotAddAreaWht {
	width: 98%;
	height: 20px;
	background-color: #FFF;	
}
/* ====================================== */
.subtitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	padding-right: 30px;
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
	background-color: #FFFFFF;
}
.mainTextTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	display: block;
}
.subtitle_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
}
.pixleft {
	padding-left: 0px;
}
.subtitleinputbig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 0px;
	padding-left: 10px;
}
.subtitleinputbigred {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 10px;
}
.reguiredFieldsCenter {
	padding-left: 125px;
}
.subtitlebig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #ffffff;
	padding: 0px;
}
.subtitlecenter {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
}
.subtitleRed {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitle_blue {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	background-color: #45698B;
	line-height: 1.2em;
}
.subtitleSurvey {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitleCenter {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
}
.subtitleCenter1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bolder;
}
.Texttitleheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #002653;
	text-align: center;
}
.subtitleCenterGray {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	background-color: #B5B5B5;
}
.subtitleA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	padding-left: 30px;
}
.text {
	color: #000000;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
}
.textinput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	background-color: #FFFFFF;
}
.textleftpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.texttype {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textleftpadCX {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B5B5B5;
	background-color: #FFFFFF;
}
.textleftredpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
}
.textleftpadCD {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.linertthin {
	border-right-width: medium;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.linertthk {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.lineright {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #DADADA;
}
.linerightbot {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.textleftpadCE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.textleftpadCF {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}
.cellborderbottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.textleftpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
.textleftredpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 35px;
}
.textrightpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 1px;
	text-align: right;
}
.textloc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	padding-left: 8px;
	background-color: #FFFFFF;
}
.locpad {
	padding-left: 7px;
	text-align: left;
}
.timepad {
	padding-left: 4px;
}
.textrightpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
}
.textrightredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 1px;
}
.text_wht {
	color: #FFFFFF;
	background: #002653;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.textnopad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textbullets {
	color: #000000;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textpurple {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #594F71;
	background: #F7F1FD;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	list-style: url(images/bullet_icon.jpg) outside;
}
.textpurpleinline {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: inline;
	list-style: url(images/bullet_icon.jpg) outside;
	padding: 0px;
}
.special a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:hover {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.noborder {
	border-style: none;
	display: inline;
}
.required {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
}
.subtitleCenterA {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	/*display: block;
	padding-right: 30px; 
	padding-left: 30px;
	text-align: center;*/
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
}
.logout a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
/* ========================================= */
/*		Logout Link On Employee page	 	 */
/* ========================================= */
.logout1 a:link {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:visited {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;	
}
.logout1 a:hover {
	color: #CCCCCC;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:active {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
/* ======================================= */
.backpad {
	padding-left: 30px;
}
#bannerContainer {
	height: 250px;
	width: 960px;
}
.bannerLedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
.bannerImage {
	background-image: url(images/mainbanner.png);
	float: left;
	height: 250px;
	width: 940px;
}
#textContainer {
	height: auto;
	width: 960px;
}
.textBody {
	color: #FFF;
	background-color: #002653;
	float: left;
	height: 65px;
	width: 940px;
	text-align: center;
}
.textLedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
.textRedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
#mainBody {
	height: 180px;
	width: 960px;
}
#videoBody {
	height: 280px;
	width: 960px;
}
#infotextBody {
	height: 140px;
	width: 960px;
}
.infotextLedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
#whiteSpaceBody {
	height: 20px;
	width: 960px;
}
.whiteSpaceLedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.whiteSpaceCenter {
	background-color: #FFF;
	float: left;
	height: 20px;
	width: 940px;
}
.whiteSpaceRedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.infotextCenter {
	background-color: #B5B5B5;
	text-align: center;
	float: left;
	height: 140px;
	width: 940px;
}
.infotextRedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
.videoLedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.videoCenter {
	float: left;
	height: 280px;
	width: 940px;
	background-color: #FFF;
}

.videoRedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.mainLedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.mainTextLeft {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}
.mainTextRight {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}

.mainTextCenter {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 314px;
	text-align: left;
	padding-top: 20px;
}
#linkBody {
	height: 50px;
	width: 960px;
}
.linkLedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.linkLeft {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkCenter {
	float: left;
	height: 50px;
	width: 314px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	background-color: #FFF;
}
.linkRight {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkRedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.mainRedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.bannerRedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
/* Gray out box for Approving Supervisor Signature */
.approvalBox {
	width: 200px;
	height: 20px;
	border: 1px solid #CCC;
	background-color: #D6D6D6;/* #999 */	
}
/* CSS for Activity Form */
#topDivider {
	width: 960px;
	height: auto;	
}
.divider {
	width: 97.9%;
	height: auto;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	background-color: #002653;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 1%;					
}
#topLegend0 {
	width: 960px;
	height: auto;	
}
#topLegend00 {
	width: 960px;
	height: auto;		
}
.topLegend1 {
	width: 97.9%;
	height: 120px;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;		
}
.topLegend2 {
	width: 97.9%;
	height: 120px;
/*	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;*/
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #9c9;		
}
.topLegend1A {
	width: 100%;
	height: auto;
}
.topLegend2A {
	width: 100%;
	height: auto;
}
.logo {
	width: 25%;
	height: 110px;
	padding-top: 10px;	
	float: left;
	background-color: #FF0;	
}
.logoSign {
	width: 25%;
	float: left;
	padding-top: 40px;
	height: 80px;	
	background-color: #F00;	
}
.pageSign {
	width: 50%;
	height: 105px;
	float: left;
	padding-top: 15px;
	background-color: #9c0;		
}
.textinput1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-top: 5%;
	background-color: #FFFFFF;
}
.input1 {
	width: 50%;
	height: auto;
	float: left;
	padding-top: .5%;
	background-color: #FF0;		
}
.input2 {
	width: 40%;
	height: auto;
	float: left;
	background-color: #F00;		
}
.mmddyy {
	width: 100%;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-left: 5.5%;	
	padding-top: .5%;
	padding-bottom: 1%;	
}
/* Main Body of the Activity Form */
#mainBody {
	width: 960px;
	height: auto;
}
.formlayout {
	height: auto;
	min-height: 54px;
	width: 97.9%;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
}
.formBodyFormat {
	height: 44px;
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
/*	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
}
.titleBar {
	width: 80%;
	height: auto;	
}
.titleBarCol1 {
	width: 105px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol2 {
	width: 86px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol3 {
	width: 167px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol4 {
	width: 127px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol5 {
	width: 383px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .9%;
	padding-bottom: .9%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .99em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.spaceLeft {
	width: 26.8px;/* 31.3px */
	height: auto;
	float: left;
	background-color:#930;	
}
.spaceRight {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 44px;
	float: left;
	background-color:#609;
}
.spaceRightTop {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 55px;/* 55px */
	float: left;
	background-color:#609;		
}
.formBody {
	width: 100%;
	height: auto;	
}
.formCol1 {
	width: 105px;
	height: auto;
	min-height: 21px;/* 15px */
	float: left;
/*	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px; */
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%;/* .85% */			
}
.formCol2 {
	width: 86px;
	height: auto;
	min-height: 22px;/* 15px */
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1%;/* .7% */ 		
}
.formCol3 {
	width: 167px;
	height: auto;
	min-height: 18px;/* 18px */		
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.2%;/* 1% */			
}
.formCol4 {
	width: 127px;
	height: auto;
	min-height: 21px;/* 19px */	
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%; /* .9% */				
}
.formCol5 {
	width: 383px;
	height: auto;
	min-height: 31px;
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: .61%;
	padding-bottom: .55%; 				
}
/* PreFooter CSS */
#prefootBody {
	width: 960px;
	height: auto;
	backgtround-color: #B5B5B5;		
}
.prefootlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}
/* footer3 footer CSS */
#footBody {
	width: 960px;
	height: auto;
	backgtround-color: #002653;		
}
hr Line {
	width: 1px;
	color: #666666;
	background-color: #002653;		
}
.HRLine {
	width: 97.9%;
	height: 10px;
	background-color: #002653;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;		
}
.footlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	backgtround-color: #002653;	
}
.byLine {
	background-color: #45698B;
	height: 7px;
	width: 99.5%;
	padding-top: 3px;
	padding-left: .5%;	
}
byLine1 {
	background-color: #45698B;
	height: 7px;
	width: 100%;
	padding-bottom: 3px;	
}
/* Form Submit Area */
.subButton {
	width: 97.9%;
	height: 30px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;	
}
.subNext {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;	
}
.subBut {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;
		
}
.subBack {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
.subClear {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
}
/*===================================================================================================*/
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/*===================================================================================================*/
@media only screen and (min-width: 1025px) {
.pixspaceR {
	padding-right: 10px;
	padding-left: 0px;
}
.pixspaceR_L {
	padding-right: 10px;
	padding-left: 0px;
}

.pixspaceR_B {
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.pixspaceB {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.contact {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
/* ====================================== */
/*			Employee Login Page			  */
/* ====================================== */
.pageContainerempLogin {
	width: 960px;
	height: 580px;
	background-color:#002653;	
}
.subBody {
	width: 98%;
	height: 360px;
	background-color:#FFF;	
}
.pageContLeft {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;		
}
.pageContRight {
	width: 50%;
	height: 378px;
	float: left;
	background-color:#FFF;	
}
.timeClockContainer {
	width: 100%;
	height: 30px;
	float: left;
	padding-top: 50px;
	padding-bottom: 20px;
	background-color:#FFF;	
}
.sepCont {
	width: 100%;
	height: auto;	
}
.LoginInput {
	width: 100%;
	height: 195px;
	background-color:#FFF;	
}
.LoginInputText {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bolder;	
	color: #000;
	padding-left: 65px;	
}
.BotAddArea {
	width: 98%;
	height: 180px;
	background-color:#B5B5B5;
}
.BotAddAreaWht {
	width: 98%;
	height: 20px;
	background-color: #FFF;	
}
/* ====================================== */
.subtitle {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	padding-right: 30px;
	padding-left: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: bolder;
	background-color: #FFFFFF;
}
.mainTextTitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	display: block;
}
.subtitle_title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
}
.pixleft {
	padding-left: 0px;
}
.subtitleinputbig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 0px;
	padding-left: 10px;
}
.subtitleinputbigred {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-left: 10px;
}
.reguiredFieldsCenter {
	padding-left: 125px;
}
.subtitlebig {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #ffffff;
	padding: 0px;
}
.subtitlecenter {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	background-color: #FFFFFF;
	text-align: center;
	display: block;
}
.subtitleRed {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	font-size: 16px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitle_blue {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	background-color: #45698B;
	line-height: 1.2em;
}
.subtitleSurvey {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	background-color: #333333;
}
.subtitleCenter {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	display: block;
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
}
.subtitleCenter1 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bolder;
}
.Texttitleheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	background-color: #002653;
	text-align: center;
}
.subtitleCenterGray {
	font-family: Verdana, Geneva, sans-serif;
	color: #002653;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	background-color: #B5B5B5;
}
.subtitleA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #002653;
	background-color: #FFFFFF;
	padding-left: 30px;
}
.text {
	color: #000000;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
}
.textinput {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	background-color: #FFFFFF;
}
.textleftpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.texttype {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textleftpadCX {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B5B5B5;
	background-color: #FFFFFF;
}
.textleftredpadC {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
}
.textleftpadCD {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #000000;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.linertthin {
	border-right-width: medium;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.linertthk {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #00000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.lineright {
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #DADADA;
}
.linerightbot {
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #DADADA;
}
.textleftpadCE {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000000;
}
.textleftpadCF {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
}
.cellborderbottom {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.textleftpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: center;
}
.textleftredpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
}
.textleftpadA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 35px;
}
.textrightpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	padding-right: 1px;
	text-align: right;
}
.textloc {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	padding-left: 8px;
	background-color: #FFFFFF;
}
.locpad {
	padding-left: 7px;
	text-align: left;
}
.timepad {
	padding-left: 4px;
}
.textrightpadB {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
	background-color: #FFFFFF;
}
.textrightredpad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #F00;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 1px;
}
.text_wht {
	color: #FFFFFF;
	background: #002653;
	display: block;
	border-style: none;
	padding-right: 30px;
	padding-left: 30px;
	list-style: url(images/bullet_icon.jpg) outside;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
.textnopad {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
}
.textbullets {
	color: #000000;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.textpurple {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #594F71;
	background: #F7F1FD;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	list-style: url(images/bullet_icon.jpg) outside;
}
.textpurpleinline {
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7467B1;
	background: #F7F1FD;
	display: inline;
	list-style: url(images/bullet_icon.jpg) outside;
	padding: 0px;
}
.special a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.special a:hover {
	color: #002653;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: #45698B;
}
.noborder {
	border-style: none;
	display: inline;
}
.required {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F00;
	background-color: #FFF;
}
.subtitleCenterA {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	/*display: block;
	padding-right: 30px; 
	padding-left: 30px;
	text-align: center;*/
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
}
.logout a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logout a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 18px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:link {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
.logoutA a:hover {
	color: #CCCCCC;
	text-decoration: underline;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
}
/* ========================================= */
/*		Logout Link On Employee page	 	 */
/* ========================================= */
.logout1 a:link {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:visited {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;	
}
.logout1 a:hover {
	color: #CCCCCC;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
.logout1 a:active {
	color: #FFFFFF;
	text-align: right;
	padding-right: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 13px;
	font-weight: bolder;
	background-color: #002653;
	display: block;
	text-decoration: none;
}
/* ======================================= */
.backpad {
	padding-left: 30px;
}
#bannerContainer {
	height: 250px;
	width: 960px;
}
.bannerLedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
.bannerImage {
	background-image: url(images/mainbanner.png);
	float: left;
	height: 250px;
	width: 940px;
}
#textContainer {
	height: auto;
	width: 960px;
}
.textBody {
	color: #FFF;
	background-color: #002653;
	float: left;
	height: 65px;
	width: 940px;
	text-align: center;
}
.textLedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
.textRedge {
	background-color: #002653;
	float: left;
	height: 65px;
	width: 10px;
}
#mainBody {
	height: 180px;
	width: 960px;
}
#videoBody {
	height: 280px;
	width: 960px;
}
#infotextBody {
	height: 140px;
	width: 960px;
}
.infotextLedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
#whiteSpaceBody {
	height: 20px;
	width: 960px;
}
.whiteSpaceLedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.whiteSpaceCenter {
	background-color: #FFF;
	float: left;
	height: 20px;
	width: 940px;
}
.whiteSpaceRedge {
	background-color: #002653;
	float: left;
	height: 20px;
	width: 10px;
}
.infotextCenter {
	background-color: #B5B5B5;
	text-align: center;
	float: left;
	height: 140px;
	width: 940px;
}
.infotextRedge {
	background-color: #002653;
	float: left;
	height: 140px;
	width: 10px;
}
.videoLedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.videoCenter {
	float: left;
	height: 280px;
	width: 940px;
	background-color: #FFF;
}

.videoRedge {
	background-color: #002653;
	float: left;
	height: 280px;
	width: 10px;
}
.mainLedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.mainTextLeft {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}
.mainTextRight {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 313px;
	text-align: left;
	padding-top: 20px;
}

.mainTextCenter {
	color: #000;
	background-color: #FFF;
	float: left;
	height: 160px;
	width: 314px;
	text-align: left;
	padding-top: 20px;
}
#linkBody {
	height: 50px;
	width: 960px;
}
.linkLedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.linkLeft {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkCenter {
	float: left;
	height: 50px;
	width: 314px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
	background-color: #FFF;
}
.linkRight {
	background-color: #FFF;
	float: left;
	height: 50px;
	width: 313px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #002653;
	text-align: center;
}
.linkRedge {
	background-color: #002653;
	float: left;
	height: 50px;
	width: 10px;
}
.mainRedge {
	background-color: #002653;
	float: left;
	height: 180px;
	width: 10px;
}
.bannerRedge {
	float: left;
	height: 250px;
	width: 10px;
	background-color: #002653;
}
/* Gray out box for Approving Supervisor Signature */
.approvalBox {
	width: 200px;
	height: 20px;
	border: 1px solid #CCC;
	background-color: #D6D6D6;/* #999 */	
}
/* CSS for Activity Form */
#topDivider {
	width: 960px;
	height: auto;	
}
.divider {
	width: 97.9%;
	height: auto;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	background-color: #002653;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 1%;					
}
#topLegend0 {
	width: 960px;
	height: auto;	
}
#topLegend00 {
	width: 960px;
	height: auto;		
}
.topLegend1 {
	width: 97.9%;
	height: 120px;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;		
}
.topLegend2 {
	width: 97.9%;
	height: 120px;
/*	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;*/
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #9c9;		
}
.topLegend1A {
	width: 100%;
	height: auto;
}
.topLegend2A {
	width: 100%;
	height: auto;
}
.logo {
	width: 25%;
	height: 110px;
	padding-top: 10px;	
	float: left;
	background-color: #FF0;	
}
.logoSign {
	width: 25%;
	float: left;
	padding-top: 40px;
	height: 80px;	
	background-color: #F00;	
}
.pageSign {
	width: 50%;
	height: 105px;
	float: left;
	padding-top: 15px;
	background-color: #9c0;		
}
.textinput1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-top: 5%;
	background-color: #FFFFFF;
}
.input1 {
	width: 50%;
	height: auto;
	float: left;
	padding-top: .5%;
	background-color: #FF0;		
}
.input2 {
	width: 40%;
	height: auto;
	float: left;
	background-color: #F00;		
}
.mmddyy {
	width: 100%;
	height: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000000;
	padding-left: 5.5%;	
	padding-top: .5%;
	padding-bottom: 1%;	
}
/* Main Body of the Activity Form */
#mainBody {
	width: 960px;
	height: auto;
}
.formlayout {
	height: auto;
	min-height: 54px;
	width: 97.9%;
	border-top-color: #002653;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
}
.formBodyFormat {
	height: 44px;
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
/*	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 1px; */
}
.titleBar {
	width: 80%;
	height: auto;	
}
.titleBarCol1 {
	width: 105px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol2 {
	width: 86px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .87%;
	padding-bottom: .85%;				
}
.titleBarCol3 {
	width: 167px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol4 {
	width: 127px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: 1.71%;
	padding-bottom: 1.77%;		
}
.titleBarCol5 {
	width: 383px;
	height: auto;
	float: left;
	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding-top: .9%;
	padding-bottom: .9%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .99em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.spaceLeft {
	width: 26.8px;/* 31.3px */
	height: auto;
	float: left;
	background-color:#930;	
}
.spaceRight {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 44px;
	float: left;
	background-color:#609;
}
.spaceRightTop {
	width: 26.8px;/* 31.3px */
	height: auto;
	min-height: 55px;/* 55px */
	float: left;
	background-color:#609;		
}
.formBody {
	width: 100%;
	height: auto;	
}
.formCol1 {
	width: 105px;
	height: auto;
	min-height: 21px;/* 15px */
	float: left;
/*	border-top-color: #000;
	border-top-style: solid;
	border-top-width: 3px; */
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%;/* .85% */			
}
.formCol2 {
	width: 86px;
	height: auto;
	min-height: 22px;/* 15px */
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1%;/* .7% */ 		
}
.formCol3 {
	width: 167px;
	height: auto;
	min-height: 18px;/* 18px */		
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.2%;/* 1% */			
}
.formCol4 {
	width: 127px;
	height: auto;
	min-height: 21px;/* 19px */	
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 1.1%;/* .85% */
	padding-bottom: 1.1%; /* .9% */				
}
.formCol5 {
	width: 383px;
	height: auto;
	min-height: 31px;
	float: left;
	border-right-color: #000;
	border-right-style: solid;
	border-right-width: 3px;
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: .61%;
	padding-bottom: .55%; 				
}
/* PreFooter CSS */
#prefootBody {
	width: 960px;
	height: auto;
	backgtround-color: #B5B5B5;		
}
.prefootlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
}
/* footer3 footer CSS */
#footBody {
	width: 960px;
	height: auto;
	backgtround-color: #002653;		
}
hr Line {
	width: 1px;
	color: #666666;
	background-color: #002653;		
}
.HRLine {
	width: 97.9%;
	height: 10px;
	background-color: #002653;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;		
}
.footlayout {
	height: auto;
/*	min-height: 54px; */
	width: 97.9%;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;
	border-bottom-color: #002653;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	backgtround-color: #002653;	
}
.byLine {
	background-color: #45698B;
	height: 7px;
	width: 99.5%;
	padding-top: 3px;
	padding-left: .5%;	
}
byLine1 {
	background-color: #45698B;
	height: 7px;
	width: 100%;
	padding-bottom: 3px;	
}
/* Form Submit Area */
.subButton {
	width: 97.9%;
	height: 30px;
	border-left-color: #002653;
	border-left-style: solid;
	border-left-width: 10px;
	border-right-color: #002653;
	border-right-style: solid;
	border-right-width: 10px;	
}
.subNext {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;	
}
.subBut {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;
		
}
.subBack {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
.subClear {
	width: 25%;
	height: auto;
	float: left;
	padding-top: 10px;	
	padding-buttom: 20px;			
}
}