html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	}

body {
 	background-color: #FFFFFF;
 	background-image: url(images/BGlight.jpg); 	
	background-position: left top;
	margin: 0;
	padding: 0;
	height:100%; /* needed to display bkgnd2 at full height in IE */
	
	font-family: verdana, arial;
	font-size: 12px;
	line-height:17px;
	font-weight: normal;
	color: #414042;

}

#bkgnd2 {
	position: absolute; /*needed to expand to full height beyond content in FF */
	top: 0;
	/* removed right:0; so that the minimum width is honored*/	
	background-color:transparent;
	background-image: url(images/bgSideRepeat.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF -- http://www.builderau.com.au/program/css/soa/Create_a_double_gradation_background_with_CSS/0,339028392,339207226,00.htm#leaveyourcomment */	
	width:100%;
	min-width:940px;
	}
	
* html #bkgnd2 {
	height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
}



/* ====== sidebar ===== */
div#sidebar {
	position: absolute; /* Setting position qualifies as containing block */
	top: 0;
	left: 0;
	width: 150px;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
}

#tapinsidebar {
	position: relative;  
	
	background-image: url(images/Sidebar_Main.jpg);
	background-repeat: no-repeat;	
	background-position: left top;

	width: 150px;
	height: 390px;
}

#employeebtn {
	position: absolute;  
	top: 390px;
	left: 36px;
	margin: 0;
	width: 107px;
	height: 20px;
	overflow:hidden;
	border: none;
}

#employerbtn {
	position: absolute;  
	top: 416px;
	left: 36px;
	margin: 0;
	width: 107px;
	height: 20px;
	overflow:hidden;
	border: none;
}

#pdfdownload{
	position: absolute;  
	top: 456px;
	left: 63px;
	margin: 0;
	width: 80px;
	height: 100px;
	border: none;
	font-size:10px;
	line-height:12px;
}



/* ====== main menu ===== */

#loginleft { position: relative; width: 304px; height: 50px; padding: 0; margin: 0 0 0 170px;}
#loginright { position: absolute; top: 0; left: 0; width: 300px; height: 50px; padding: 0; margin: 10px 0 0 500px;}


#mainMenu {
	position: relative;
	width: 630px;
	height: 20px;
	margin: 0 0 0 170px;
}

#mainMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainMenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainMenu li a:link, #mainMenu li a:visited {
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	display: block;
	color: #ad6d33;
	text-decoration: none;
	padding: 0 5px 0 10px;
	margin-right: 10px;
	line-height: 20px;
}

#mainMenu li a:hover, #mainMenu li a:active {
	color: #410f62;
}




div#banner {
	position: relative; /* Setting position qualifies as containing block */
	width: 630px;
	height: 224px;
	padding: 0;
	margin: 0 0 0 170px;
}

div#title {
	position: relative; /* Setting position qualifies as containing block */
	width: 630px;
	height: 40px;
	padding: 0;
	margin: 0 0 0 170px;
}


/* ====== Main Content ===== */

#mainContent {
	position: relative; 
	margin: 0 0 100px 170px;
	padding: 10px 0 0 0;
	width: 630px;
	min-height: 200px;
	/* Set minimum height in main content area so footer stays pushed
	toward the bottom when little or no info appears on the page */
}

#employerContact {
	float: right;
	width: 185px;
	margin: 0 0 0 15px;
	padding: 10px;
	background: url(images/BGlighter.jpg) no-repeat left;
}

.myforms {
	font-family: verdana, arial;
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: #ad6d33;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.holder {
	position: relative; 
	width: 620px;
	margin: 0 0 0 10px;
}

.leftColumn {
	position: relative;
	float: left;
	margin: 0 15px 10px 0;
}

.rightColumn {
	position: relative;
	text-align:justify;
	margin: 0 10px 10px 0;
}

br.clear {
	clear: both;
}

.leftColumnMap {
	position: relative;
	margin: 0 15px 10px 0;
}

.rightColumnMap {
	position: absolute;
	left: 200px;
	top: 0;
	margin: 0;
}


#mainContent p {
	text-align:justify;
	margin: 0 10px 20px 10px;
}

#mainContent h1 {
	font-family: times, serif;
	font-size: 15px;
	line-height:20px;
	color: #410f62;
	padding: 0px 10px 0 10px;
}



/*  ====== Show/hide ====== 

.more {
	display: none;
 }
a.showLink {
	text-decoration: none;
	color: #410f62;
	padding-left: 14px;
	background: url(images/show.png) no-repeat left; }
	
a.showLink:hover {
	background: url(images/showGlow.png) no-repeat left; }
	
a.hideLink {
	text-decoration: none;
	color: #410f62;
	padding-left: 14px;
	background: url(images/hideGlow.png) no-repeat left; }

	
a.hideLink:hover {
	background: url(images/hide.png) no-repeat left; }


 ====== END Show/hide ====== */




div#hpImages { position: relative; width: 630px; height: 130px; }
div#hpShadow { position: relative; width: 630px; height: 30px; }

.first { position: absolute; top: 0; left: 0; width: 200px; padding: 0; }
.second { position: absolute; top: 0; left: 108px; width: 200px; padding: 0; }
.third { position: absolute; top: 0; left: 323px; width: 200px; padding: 0; }

.superscript{font-size:xx-small; vertical-align:top;} 
.subscript{font-size:xx-small; vertical-align:bottom;} 





/* ====== footer ===== */

#footer {
	position: absolute;
	bottom:0;
	left: 0;
	width: 630px;
	height: 98px;
 	background-image: url(images/greenFooter.png);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow:hidden;
	margin: 30px 0 0 170px;

}

#footerText {
	position: relative;
	width: 100%;
	font-size: 11px;
	line-height:17px;
	font-weight: normal;
	color: #410f62;
	padding: 10px;

	
}

#footerText a:link, #footerText a:visited {
	font-family: verdana, arial;
	font-weight: normal;
	color: #410f62;
	text-decoration: none;
	padding: 0 5px 0 0;
	margin-right: 10px;
}

#footerText a:hover, #footerText a:active {
	color: #ad6d33;
}


/* ====== misc styles ===== */

.clear { clear:both }









/* Cant get CURRENT to work
#mainMenu li a.current {
	color: #999999;
	font-size: 14px;
	font-weight: bold;
}

#mainMenu li a.current:hover {
	cursor: default;
}*?



/*.body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.mainlinks {
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: normal;
	color: #ad6d33;
	margin: 0 0 0 0;
	padding-left: 10px;
}

.mainlinks A:link {
	text-decoration: none;	color: #ad6d33;
}
	
.mainlinks A:visited {
	text-decoration: none;	color: #ad6d33;
}

.mainlinks A:active {
	text-decoration: none;	color: #ad6d33;
}

.mainlinks A:hover {
	text-decoration: none; color: #410f62;
}


.bodytext {
	font-family: verdana, arial;
	font-size: 12px;
	line-height:17px;
	font-weight: normal;
	color: #414042;
	text-align:justify;
	margin: 0 0 0 0;
}

.bodytext p {
	padding: 0 10px 0 10px;
}

.bodytext h1 {
	font-family: times, serif;
	font-size: 15px;
	line-height:20px;
	color: #410f62;
	padding: 10px 10px 0 10px;
}


.bodytext td {
	font-family: verdana, arial;
	font-size: 12px;
	font-weight: normal;
	color: #414042;
}

.bodytext name {
	font-family: verdana, arial;
	font-size: 12px;
	line-height:16px;
	font-weight: bold;
	color: #410f62;
	text-align:justify;
	margin: 0 0 0 0;
}

.footer {
	font-family: verdana, arial;
	font-size: 10px;
	line-height:17px;
	font-weight: normal;
	color: #414042;
	text-align:justify;
	margin: 0 0 0 0;
}

.myforms {
	font-family: verdana, arial;
	font-size: 11px;
	line-height:14px;
	font-weight: normal;
	color: #ad6d33;
} */