body { margin: 0px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f0f0f0; }
#page { width: 100%; text-align: center; margin-bottom: 0px; padding-bottom: 0px; }
#design { 
	width: 916px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	background-image: url(../images/content-bg.jpg) !important; 
	background-repeat: repeat-y; 
	padding-bottom: 0px; 
	margin-bottom: 0px; }
.foo:hover {
	font-weight: bold;
	background-color:gainsboro !important;
}
#footer { text-align: center; color: white; }
     #footerContent { margin-left: 19px; margin-right: 19px; background-color: #607078; padding-top: 5px; padding-bottom: 5px; font-size: 80%; }
          #footerContent a { color: white; }
          #footerContent a:hover { text-decoration: none; }
 #footerContent span {    margin-left: 19px;
    margin-right: 19px;  display: block; float: center;         }           
#designCloser { width: 916px; height: 22px; width: 100%;}
#contentArea p,  #contentArea blockquote, #contentArea ul, #contentArea ol, #contentArea li { font-size: 12px; line-height: 150%; }
#contentArea font, #contentArea small { font-size: 100%; }
#content a, #contentArea a { color: blue; text-decoration: none; }
#content a:visited, #contentArea a:visited { color: purple; }
#content a:hover, #contentArea a:hover { color: orange; }
#content { line-height: 120%; }
#content p { margin-bottom: 5px; margin-top: 5px; }
#contentArea table {width:100%}
.left-align {width:90%;text-align:left;}
.noDisplay { display: none; }
.center { text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 140%; }
label.error {float:none; color:red; padding-left:1.0em; vertical-align:top;font-family:"Segoe UI",Arial,serif; font-size:1.2em;}
#webt-contentNoRightNavNoLeftNav {
	 MARGIN-LEFT: 19px;  WIDTH: 100%; 
}
#dhhs-webt-brand {
	padding: 12px;
	margin: 0px auto;
	margin-top: -15px !important;
}
#loginArea {
	text-align:center;
	margin: 0px auto;
	width: 90%;
}
.ulArea {
	font-weight: bold !important;
	text-align:center;
	margin: 0px auto;
	width: 90%;
	text-align: left !important;
	font-size: 12px !important;
}
#webt-banner {
	padding-left: 20px; margin-left:auto; margin-right: auto; width:916px;
}
/* modified web team version of id middle in style.css */
#webt-middle {
	padding-left: 20px;
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 3px; 		
	margin: 0px auto;
	text-align: center; /*  jcg added both*/
}
.notice {
	padding-bottom: 20px;
	margin: 0px auto;	
	padding-top: 20px;
	text-align: left;
    font-size: 12px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.notice2 {
	padding-bottom: 20px;
	margin: 0px auto;	
	padding-top: 20px;
	text-align: left;
    font-size: 12px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: chartreuse;
}
/* class for application type above application name */
.appType {
	text-align:left;
	width: 47%;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* class for application header time above application name on all pages */
.appHdrTime {
	text-align:right; 
	float: right;
	width: 50%;
	padding-right: 60px;
	margin-right: 20px ;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* required class for * */
.req {
	color: #FF0000;
}
/* class for centering */
.center-div {
	width: 100% !important;
	background-color: lightgrey !important;
	float: left;
}