@import "/css/dualcol-forms-base.css";

*
{
 margin: 0;
 padding: 0;
}

body
{
	background-color: #fff;
	background-image: url(../images/background.png);
	background-repeat: repeat-y;
	background-position: center top;
}

p, table, ol, ul, blockquote, h2, h3, h4, h5, h6, form
{
 margin: 1em 0 0 0;
}

ul {
	list-style: none;
	margin-left : 1em;
}
ul ul {
	margin-top : 0px;
}

table
{
 border-collapse: collapse;
}


/* page divisions */

#body
{
 width: 990px;
 margin: auto;
 clear: both;
 border: 2px solid #7a7a7a;
 background: #fff;
 line-height: 22px;
}

#header
{
 position: relative;
 height: 200px;
 width: 990px;
}

#header h1
{
 position: absolute;
 left: 0;
 top: 0;
 width: 10px;
 height: 90px;
}

#header span
{
 display: none;
}

#header img.logo
{
 position: absolute;
 left: 40px;
 top: 10px;
}

#feature
{
	position: relative;
	left: 260px;
	top: 18px;
}

#content
{
	clear: both;
	padding: 20px;
	width: 680px;
	float: left;
}

#content h2
{
	color: black;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #d0d1d3;
	letter-spacing: -1px;
}
#content h3
{
	color: #ff1c24;
	font-size: 16px;
	font-weight: normal;
}

#content ul
{
	list-style: disc;
}

#content ul li {
	list-style: disc;
	margin-left: 2em;
}

#content ol li {
	margin-left: 25px;
}

#right
{
	float: left;
	margin-top: 58px;
}

div.box
{
	width: 248px;
	background-image: url(../images/box-top-background.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	margin-bottom: 20px;
}
div.box h3
{
	font-size: 12px;
	font-weight: normal;
	padding: 10px 5px 5px 22px;
	margin-left: 8px;
	margin-right: 8px;
	border-bottom: 1px solid #d0d1d3;
	background-image: url(../images/arrow-grey.png);
	background-position: left center;
	background-repeat: no-repeat;
}
div.box-bottom
{
	width: 248px;
	height: 5px;
	background-image: url(../images/box-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}

div.smallnews-item
{
	margin-left: 30px;
	margin-bottom: 10px;
	margin-right: 15px;
	margin-top: 5px;
	font-size: 11px;
	line-height: 16px;
}

#quicklinks ul
{
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
	font-size: 11px;
	line-height: 16px;
}
#quicklinks ul li a
{
	display: block;
	padding: 5px;
	padding-left: 25px;
	background: url(../images/arrow-grey.png) 200px center no-repeat;
	border-bottom: 1px solid #d0d1d3;
	color: #6d6e70;
	text-decoration: none;
}

#quicklinks ul li a:hover
{
	text-decoration: underline;
}

#footer
{
	clear: both;
	background-image: url(../images/hr-rainbow.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	padding-top: 15px;
	font-size: 11px;
}

#footer a
{
	color: #58595b;
	text-decoration: none;
}
#footer a:hover
{
	color: #58595b;
	text-decoration: underline;
}

#button-aboutus
{
	background-image: url(../images/button-aboutus.png);
}
#button-jobseekers
{
	background-image: url(../images/button-jobseekers.png);
}
#button-community
{
	background-image: url(../images/button-community.png);
}
#button-disability
{
	background-image: url(../images/button-disability.png);
}
#button-contactus
{
	background-image: url(../images/button-contactus.png);
}

div.button p
{
 margin: 0.8em 0 0 0;
 line-height: 14px;
}

div.button
{
	width:178px;
	height:95px;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px 130px 0 20px;
	margin-bottom: 10px;
}

#button-aboutus p
{
 margin: 0.8em 0 0 0;
 line-height: 14px;
}