html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

body {
	background: url(client_left_bg.gif) no-repeat top left;
	margin: 0;
	padding: 0;
}

p {

}

h1 {

}

h2 {

}

h3 {
	
}

h4 {
	font-size: small;
	margin-bottom: -0.8em;
}

a:link {
	color: #003366;
}

a:visited {
	color: #006666;
}

a:hover, a:active {
	color: #009999;
}

.term span {
	font-weight: bold;
}

.bookTitle {
	font-style: italic;
}

#container {
	position: absolute;
	width: 100%;
	padding: 0 0 20px 0;
}

#header {
	background-color: #F7B211;
	border-bottom: 4px solid #979797;
	height: 98px;
	width: 100%;
	margin: 0 0 0 200px;
}

#header h1 {
	background: url('unemployedhelplogo.gif') left top no-repeat;
	height: 73px;
	width: 520px;
	margin: 0 0 0 0;
}

#header a {
	display: block;
	padding: 73px 0 0 0;
	height: 0px !important;
	height /**/:73px;
	width: 520px;
}

#header span {
	display: inline;
	height: 0;
	width: 0;
	left: -1200px;
	position: absolute;
}

#ogeNav h3 span {
	display: inline;
	height: 0;
	width: 0;
	left: -1200px;
	position: absolute;
}

#supplemental h3 span {
	display: inline;
	height: 0;
	width: 0;
	left: -1200px;
	position: absolute;
}

#vrcResumes, #vrcCoverLetters, #vrcInterviews {
	position: relative;
}

#vrcResumes h3, #vrcCoverLetters h3, #vrcInterviews h3 {
	height: 46px;
	margin: 0 0 0 0;
	position: relative;
	padding-top: 17px;
}

#vrcResumes h3 {
	background: url('vrc_resumetitle.png') left top no-repeat;
}

#vrcCoverLetters h3 {
	background: url('vrc_covertitle.png') left top no-repeat;
}

#vrcInterviews h3 {
	background: url('vrc_inttitle.png') left top no-repeat;
}

#vrcResumes h3 span, #vrcCoverLetters h3 span, #vrcInterviews h3 span {
	display: block;
	margin-left: 46px;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size: large;
	bottom: 0;
	padding-left: 5px;
	vertical-align: middle;
	letter-spacing: 2px;
	height: 28px;
	width: 90%;
	color: #FFFFFF;
	background-color: #0F3063;
	border-top: 1px solid #4E688D;
}

h2,h3,h4 {
	font-weight: bold;
	color: #003366;
}

#supportingText {
	margin: 0 125px 0 200px;
	padding: 0 0 0 0;
}

#supportingText h2 {
	font-size: 200%;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	padding-top: 0.5em;
}

#supportingText li {
	margin-bottom: 6px;
}

#subNavList {
	background-color: #F7B211;
	width: 160px;
	margin: 0 0 0 4px;
	padding: 1px 0 1px 0;
	border-top: 1px solid #cccccc;
	border-right: 3px solid #666666;
	border-bottom: 3px solid #666666;
	border-left: 1px solid #cccccc;
	text-align: left;
	display: block;
}

#subNavList ul {
	list-style-type: none;
	padding: 1px;
}

#subNavList li a {
	text-decoration: none;
	padding: 1px;
}

.pInd {
	margin: 0 0 0 40px;
}

p.pInd {
	padding: 0 0 1em 0;
}

ul.pInd {
	padding: 0 0 1.5em 1em;
}

#specialBox {
	width: 70%;
	border: 1px solid #f7b512;
	margin: 0;
	padding: 0 0 5px 0;
}

#specialBox h3 {
	font-size: small;
	padding: 5px;
	border-bottom: 1px solid #f7b512;
	background-color: #fbf2c3;
	margin: 0 0 0 0;
}

#specialBox p {
	padding: 0 5px 0 5px;
}

.announceBox {
	width: 60%;
	border: 4px solid #f7b512;
	margin: 15px 0 0 10px;
	padding: 10px 0 5px 0;
	background-color: #fbf2c3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.announceBox h3 {
	padding: 5px 0 0 10px;
	margin: 0 0 0 0;
}

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

#sidebar {
	float: right;
	margin: 60px 125px 10px 10px;
	width: 165px;
}
* html #sidebar {display:inline;} /* IE6 hack*/

.sidebarLink {
	width: 165px;
}

.sidebarLink p {
	display: block;
	font-size: x-small;
	text-align: center;
}

.sidebarText {
	margin: 0 0 0 0;
}

.sidebarText span {
	display: inline;
	height: 0;
	width: 0;
	left: -1200px;
	position: absolute;	
}

#ogeNav {
	float: right;
	margin: 10px 125px 10px 10px;
	width: 165px;
}
* html #ogeNav {display:inline;} /* IE6 hack*/

#ogeNav div {
	background-color: #F7B211;
	margin: 0;
}

#ogeNav div.displayed {
	background-color: #F77D12;
}

#ogeNav div p {
	margin: 3px 0 0 0;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	text-align: center;
}

#ogeNav div span {
	font-size: x-small;
	font-weight: normal;
}

.ogeList ul {
	width: 45em;
	margin-bottom: 10px;
}

.ogeList ul li {
	float: left;
	width: 15em;
	list-style-type: none;
}

.ogeCheckList ul {
	width: 50em;
	margin-bottom: 10px;
}

.ogeCheckList ul li {
	float: left;
	width: 25em;
	list-style-image: url('checkbox.gif');
}

.ogeCheckListB ul, .ogeCheckListC ul, .ogeCheckListN ul {
	margin-bottom: 10px;
}

.ogeCheckListB ul li {
	list-style-image: url('checkbox.gif');
}

.ogeCheckListC ul li {
	list-style-image: url('checkbox_c.gif');
}

.ogeCheckListN ul li {
	list-style-image: url('checkbox_n.gif');
}

.ogeList br, .ogeCheckList br {
	clear: left;
}


.prev {
	float: left;
	text-align: left;
	margin: 10px 0 10px 30px;
}

.next {
	float: right;
	text-align: right;
	margin: 10px 30px 10px 0;
}

.spacer {
	clear: both;
}

.quote {
	text-align: center;
	font-size: x-small;
}

.quote span {
	font-size: small;
}

.reference {
	font-size: x-small;
}

.reference span {
	font-style: italic;
}

.emphasis {
	font-weight: bold;
}

.back {
	text-align: right;
}

.back span {
}

#hrTable td {
	background-color: #fef1d3;
	border-bottom: 1px solid #000000;
	margin: 2px;
	padding: 3px 6px 3px 6px;
	vertical-align: top;
}

#hrTable td span {
	font-weight: bold;
}

#hrTable tr.topRow td {
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 3px solid #000000;
}

#hrTable li {
	margin-bottom: 0;
}

#boardTable td {
	margin: 0;
	padding: 3px 6px 3px 6px;
	vertical-align: top;
}

#boardTable tr.odd {
	background-color: #ffffff;
}

#boardTable tr.even {
	background-color: #e1e1e1;
}

#boardTable td.c1 {
	font-weight: bold;
}

#boardTable td.c1 span {
	font-weight: normal;
	font-size: x-small;
}

#eventsTable td {
	border: 1px solid black;
	text-align: center;
	vertical-align: top;
}

#eventsTable tr.header {
	background-color: #cccccc;
	font-weight: bold;
}

#eventsTable div.date {
	font-size: x-small;
}

#eventsTable div.special {
	font-style: italic;
	margin-top: 7px;
}

#eventsTable div.title {
	font-weight: bold;
	margin-top: 7px;
}

#eventsTable div.time {
	font-size: small;
}

.empID {
	text-align: right;
}

.empID span {
	font-weight: bold;
}

div.genericForm {
	width: 600px;
}

div.narrowForm {
	width: 450px;
	float: left;
}

div.formRow, div.listingRow {
	clear: both;
	padding-top: 5px;
}

.formRow span.formRowLabel {
	float: left;
	width: 150px;
	text-align: right;
}

.formRow span.formRowData {
	float: right;
	width: 440px;
	text-align: left;
}

.formRow span.formRowLabelNarrow {
	float: left;
	width: 100px;
	text-align: right;
}

.formRow span.formRowDataNarrow {
	float: right;
	width: 345px;
	text-align: left;
}

#submitForm {
	margin-top: 9em;
	margin-left: 105px;
}

.attnBox {
	clear: both;
	margin: 20px;
	padding: 10px;
	border: 2px solid #000000;
	background-color: #cccccc;
	text-align: center;
}

.attnBox span {
	font-weight: bold;
}

p.jobsNum span {
	font-weight: bold;
}

#jobsTable {
	margin-right: -122px;
}

#jobsTable td {
	margin: 1px;
	padding: 3px 1px 3px 1px;
}

#jobsTable tr.topRow td {
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #f17301;
}

#jobsTable tr.odd {
	background-color: #ffffff;
}

#jobsTable tr.even {
	background-color: #fedeb4;
}

#jobsTable td.c1 a {
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

#jobsTableNav {
	margin: 20px -116px 20px 0;
	height: 20px;
	background-color: #f17301;
}

.jobListing {
	width: 70%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 2px solid #f17301;
}

.jobListing p, .jobListing h3 {
	padding-left: 10px;
}

.jobListing hr {
	clear: both;
	width: 90%;
	margin-top: 10px;
}

p.jobHead {
	font-size: large;
	color: #ffffff;
	background-color: #f17301;
}

p.jobSubHead, p.jobHead {
	font-weight: bold;
	text-align: center;
}

.label {
	float: left;
	text-align: right;
	width: 30%;
	padding-right: 5px;
	font-weight: bold;
}

.data {
	float: right;
	text-align: left;
	width: 69%;	
}

#print {
	clear: both;
	padding-top: 10px;
	text-align: center;
}

#navPrev {
	float: left;
	padding-left: 14px;
	display: inline;
}

#navNext {
	float: right;
	padding-right: 14px;
	display: inline;
}

#navPage {
	clear: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-align: center;
}

#navPrev a, #navNext a, #navPage {
	font-size: x-small;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#jobsSearch {
	margin-right: -116px;
	background-color: #fedeb4;
	padding: 5px;
	border: 1px solid #000000;
	margin-bottom: 15px;
}

#jobsSearch p {
	text-align: center;
	text-decoration: none;
}

#jobsSearch span {
	font-weight: bold;
	color: #003366;
}

#supplemental {
	position: absolute;
}

#navList1 {
	width: 155px;
	padding: 100px 0 40px 2px;
	font-size: small;
	font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navList1 ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navList ul.sublist {
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}

#navList1 li a {
	width: 142px;
	display: block;
	padding: 6px 5px 6px 5px;
	list-style-type: none;
}

#navList1 li.sublist a {
	width: 126px;
	display: block;
	padding: 2px 3px 2px 23px;
	list-style-type: none;
	font-weight: normal;	
}

#navList1 li a:hover {
	padding: 3px 4px 5px 2px;
	border-top: 3px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 3px solid #666666;
}

#navList1 li.sublist a:hover {
	padding: 0px 2px 0px 20px;
	border-top: 3px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 3px solid #666666;
}

#navList2 {
	position: absolute;
	top: -30px;
	left: 205px;
	height: 40px;
	width: 780px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#navList2 ul {
	margin: 0 0 0 0;
	padding: 4px 0 4px 0;
}

#navList2 ul.sublist {
	position: absolute;
	top: 15px;
	margin: 0;
}

#navList2 li {
	float: left;
	width: 160px;
	list-style-type: none;
	text-align: center;
}

#navList2 li a {
	float: left;
	width: 160px;
}

#navList2 li a:hover {
	padding: 0px 0px 1px 0px;
	border-top: 3px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 3px solid #666666;
}

#navList1 li a, #navList2 li a {
	text-decoration: none;
}

#navList1 li.displayed, #navList2 li.displayed {
	border-top: 1px solid #cccccc;
	border-right: 3px solid #666666;
	border-bottom: 3px solid #666666;
	border-left: 1px solid #cccccc;
}

#credit {
	position: relative;
	bottom: 5px;
	left: 5px;
	width: 180px;
	padding: 0 0 0 2px;
	font-size: xx-small;
	color: #999999;
}