body {
   margin-top: 10px;    /* gives some air for the pagewrapper */
   background-color:#DDDDDD;
   
}
/* make the links always blue */
body a {
color:#0000FF;
}
body a:active {
color:#0000FF;
}
body a:visited {
color:#0000FF;
}

/* center wrapper, min max width */
#pagewrapper {
   border: 1px solid black;   
   margin: 0 auto;       /* this centers wrapper */
   width: 802px;   /* IE wont understand these, so we will use javascript magick */
   background-color: #FFFFFF;
   color: black;
}

#wrap {
	width:802px;
	background: #ffffff;
	padding-bottom:3px;
}

/********************
TOPNAV MENU
*********************/
div.topnav {
padding:0;
margin:2px;
color:#333333;
width:799px;
text-align:left;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
float: left;
clear: both;
list-style-type: none
}
ul.topnav { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}


/* menu li block */
ul.topnav li {
float: left;
border:1px solid #ffffff;

}

ul.topnav li a {
background:#c2e7f7;
color:black;
text-decoration:none;
float:left;
text-align:center;
display:block;
}

ul.topnav li a:hover
{
background:#8a8a8a;
color:#ffffff;
}


/* 
the current page 
*/
ul.topnav li.current {
float: left;
border:1px solid #ffffff;
}

ul.topnav li.current a {
background:#8a8a8a;
color:#ffffff;
text-decoration:none;
float:left;
text-align:center;

}



/** fix stupid ie bug with display:block; **/
* html #pnlTopNav li a { height: 1%; } 
* html #pnlTopNav li hr { height: 1%; }
/** end fix **/


/********************
TABNAV MENU
*********************/
div.tabnav {
 PADDING-RIGHT: 0px;
 PADDING-LEFT: 0px;
 PADDING-BOTTOM: 0px;
 WIDTH: 100%;
 PADDING-TOP: 0px;
padding:0;
margin-left:3px;
margin-right:0px;
width:632px;
height:15px;
text-align:left;
font-family: Tahoma, Verdana, Arial;
font-size:12px;
float: left;
}

ul.tabnav {
CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #000;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}
ul.tabnav li {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FLOAT: left;
PADDING-BOTTOM: 5px;
MARGIN: 0px;
PADDING-TOP: 5px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 0.4em;
PADDING-TOP: 0px;
BACKGROUND: #e0e0e0
}
ul.tabnav li a {
PADDING-RIGHT: 0px;
DISPLAY: block;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #000;
PADDING-TOP: 0px;
BORDER-RIGHT: #fff 1px solid;
PADDING-RIGHT: 50px;
PADDING-LEFT: 50px;
PADDING-BOTTOM: 6px;
PADDING-TOP: 6px;
BORDER-BOTTOM: #fff 1px solid;
text-decoration:none;
}


ul.trail {
CLEAR: both;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
MARGIN-right: 3px;
COLOR: #000;
width: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
background: #e33131;
LINE-HEIGHT: 1em;
font-size:10px;
}
ul.trail li {
FLOAT: left;
MARGIN: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 1px;
LINE-HEIGHT: 1em;
PADDING-TOP: 1px;
}
ul.trail li a {
FLOAT: left;
MARGIN: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 1px;
LINE-HEIGHT: 1em;
PADDING-TOP: 1px;
TEXT-DECORATION: none;
color: #e33131;
}

ul.tabnav li.jobseekers {
	BACKGROUND: #c3c3c3
}
ul.tabnav li.employers {
	BACKGROUND: #d8d8d8
}
ul.tabnav li.company {
	BACKGROUND: #e2e1e1
}

ul.trail li.last {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
ul.trail li a.active {
	TEXT-DECORATION: none
}
ul.trail li.nhome {
	DISPLAY: none
}

BODY.jobseekers li.jobseekers A {
	BORDER-BOTTOM: #c3c3c3 1px solid
}
BODY.jobseekers ul.trail {
	BACKGROUND: #c3c3c3
}
BODY.employers li.employers A {
	BORDER-BOTTOM: #d8d8d8 1px solid
}
BODY.employers ul.trail {
	BACKGROUND: #d8d8d8
}
BODY.company li.company A {
	BORDER-BOTTOM: #e2e1e1 1px solid
}
BODY.company ul.trail {
	BACKGROUND: #e2e1e1
}




/********************
MENU LEFT NAV
*********************/

#leftnavwrap {

width: 157px;
margin-left: 3px;
font-family:Tahoma, Verdana, Arial;
}



#leftnavone {
	width: 157px;
	font-size: 12px;
	background: color #ffffff;
}
#leftnavone dl {
	background: #ffffff;
	padding-top: 2px;
	margin-bottom: 2px;
	color: black;
	padding-left: 0px;
}
#leftnavone dt {
	font-weight: bold;
	color: black;
	padding-top: 3px;
	padding-left: 4px;
	padding-bottom: 2px;
	margin-left: 2px;
	margin-right: 5px;
}
#leftnavone dd {
	background: #ffffff;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}
#leftnavone ul {
	padding: 0px 0px 0px;
	margin: 0px;
}
#leftnavone li {
	list-style: none;
	color: black;
	margin: 0px;
}
#leftnavone li a{
	display:block;
	width: 148px;
	padding-left: 9px;
	color: black;
	text-decoration:none;
	font-size:12px;
	border-bottom: 1px solid white;
	padding-bottom: 2px;
}

#leftnavone li a:hover{
	display:block;
	width: 148px;
	padding-left: 9px;
	color: black;
	text-decoration:none;
	font-size:12px;
	border-bottom: 1px solid white;
	background-color: #c3ebf9;
}

#leftnavone li.current a{
	display:block;
	width: 148px;
	padding-left: 9px;
	color: white;
	text-decoration:none;
	font-size:12px;
	background-color: #e33131;
}
#leftnavone li.current a:hover{
	display:block;
	width: 148px;
	padding-left: 9px;
	color: white;
	text-decoration:none;
	font-size:12px;
	background-color: #e33131;
}

BODY.jobseekers #leftnavone {
	BACKGROUND: #c3c3c3;
	border-top: 1px solid #c3c3c3;
}
BODY.jobseekers #leftnavone dl {
	BACKGROUND: #c3c3c3
}
BODY.jobseekers #leftnavone dd {
	BACKGROUND: #c3c3c3
}


BODY.employers #leftnavone {
	BACKGROUND: #d8d8d8;
	border-top: 1px solid #d8d8d8;
}
BODY.employers #leftnavone dl {
	BACKGROUND: #d8d8d8
}
BODY.employers #leftnavone dd {
	BACKGROUND: #d8d8d8
}


BODY.company #leftnavone {
	BACKGROUND: #e2e1e1;
	border-top: 1px solid #e2e1e1;
}
BODY.company #leftnavone dl {
	BACKGROUND: #e2e1e1
}
BODY.company #leftnavone dd {
	BACKGROUND: #e2e1e1
}





#leftnavtwo {
	width: 157px;
	font-size: 12px;
	background: color #e33131;
	border-top: 0px;
}
#leftnavtwo dl {
	background: #e33131;
	padding-top: 2px;
	margin-bottom: 2px;
	color:#ffffff;
	padding-left: 0px;
}
#leftnavtwo dt {
	font-weight: bold;
	color:#ffffff;
	padding-top: 3px;
	padding-left: 4px;
	padding-bottom: 2px;
	margin-left: 2px;
	margin-right: 5px;
}
#leftnavtwo dd {
	background: #e33131;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
}
#leftnavtwo ul {
	padding: 0px 0px 0px;
	margin: 0px;
}
#leftnavtwo li {
	list-style: none;
	color:#ffffff;
	margin: 0px;
}
#leftnavtwo li a{
	display:block;
	width: 100%;
	padding-left: 9px;
	color: white;
	text-decoration:none;
	font-size:12px;
	border-bottom: 1px solid white;
	padding-bottom: 2px;
}

#leftnavtwo li a:hover{
	display:block;
	width: 94%;
	padding-left: 9px;
	color: black;
	text-decoration:none;
	font-size:12px;
	border-bottom: 1px solid white;
	background-color: #cccccc;
}

#leftnavtwo li.current a{
	display:block;
	width: 95%;
	padding-left: 9px;
	color: white;
	text-decoration:none;
	font-size:12px;
	background-color: #cccccc;
}
#leftnavtwo li.current a:hover{
	display:block;
	width: 95%;
	padding-left: 9px;
	color: white;
	text-decoration:none;
	font-size:12px;
	background-color: #cccccc;
}

/********************
CONTENT
*********************/

div.banner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#308ae3;
padding:0;
margin-left:3px;

}

#search {
left: 500px;
top: 0px;
width: 300px;
height: 0px;
text-align: right;
}

#maincontentwrap {
width: 802px;
background-color: #fff;
color: #333;
border: 1px solid gray;
}

div.maincontent {
margin: 3px;
border: 0px;
background-color:#FFFFFF;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
width: 446px;

}


table.content {
font-family: Tahoma, Verdana, Arial;
font-size:12px;
border-width:0px;
border-collapse:collapse;
}



/********************
JOB LISTINGS
*********************/

table.joblisting {
font-family: Tahoma, Verdana, Arial;
font-size:12px;
color:#8ae330;
}

table.joblisting a {
font-family: Tahoma, Verdana, Arial;
font-size:11px;
color:#8ae330;
text-decoration:none;
}


#joblistingbox {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #c2e7f7;
	width: 161px;
	background-color: #c2e7f7;
	font-size: 10px;
}
#joblistingbox dl {
	background-color: #c2e7f7;	
	padding-top: 0px;
	margin-bottom: 2px;
	font-family: Tahoma, Verdana, Arial;
	color:#8a30e3;
	padding-left: 0px;
	vertical-align:text-top;
}
#joblistingbox dt {
	font-weight: bold;
	color:#e33131;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 5px;
	line-height: 1.2em;
}
#joblistingbox dd {
	background-color: #c2e7f7;
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 2px;
	padding-bottom: 5px;
	color:#8ae330;
}
#joblistingbox ul {
	margin: 0px;
	padding-left: 20px;
}
#joblistingbox li {
	list-style:url(../../images/plus-bullet1.gif);
	color:black;
	padding-bottom: 2px;
	padding-left:0px;
	vertical-align:text-top;
}
#joblistingbox li a{
	color:black;
}

#joblistingfoot {
	background: url(../../images/bluefade.jpg) no-repeat bottom;
	clear: both;
	height: 65px;
}



/********************
JOBSEARCH
*********************/

#rightsearchwrap {
float: left;
width: 161px;
margin-right: 3px;
margin-top: 0px;
padding-top: 0px;
}

table.jobsearch {
font-family: Tahoma, Verdana, Arial;
font-size:12px;
color:navy;
}
table.jobsearch td.searchheader {
font-size:12px;
font-weight:bold;
color:navy;
text-align:center;
}

table.jobsearch a {
font-family: Tahoma, Verdana, Arial;
font-size:11px;
color:navy;
text-decoration:none;
}


#jobsearchbox {
	width: 155px;
	background-color: #c2e7f7;
	font-size: 10px;
	border: 1px solid navy;
	margin-top: 15px;
}
#jobsearchbox dl {
	background-color: #c2e7f7;	
	padding-top: 0px;
	margin-bottom: 2px;
	font-family: Tahoma, Verdana, Arial;
	color:#8a30e3;
	padding-left: 0px;
	vertical-align:text-top;
}
#jobsearchbox dt {
	font-weight: bold;
	color:#e33131;
	padding-top: 0px;
	padding-left: 2px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 5px;
	line-height: 1.2em;
}
#jobsearchbox dd {
	background-color: #c2e7f7;
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 2px;
	padding-bottom: 5px;
	color:#8ae330;
}
#jobsearchbox ul {
	margin: 0px;
	padding-left: 20px;
}
#jobsearchbox li {
	list-style:url(../../images/plus-bullet1.gif);
	color:black;
	padding-bottom: 2px;
	padding-left:0px;
	vertical-align:text-top;
}
#jobsearchbox li a{
	color:black;
}

/********************
LOCATIONS
*********************/

table.locations {
font-family: Tahoma, Verdana, Arial;
font-size:12px;
color:#8ae330;
}

table.locations a {
font-family: Tahoma, Verdana, Arial;
font-size:11px;
color:#8ae330;
text-decoration:none;
}


#locations {
	width: 161px;
	background-color: white;
	font-size: 12px;
}
#locations dl {
	background-color: white;	
	padding-top: 0px;
	margin-bottom: 2px;
	font-family: Tahoma, Verdana, Arial;
	color:#8a30e3;
	padding-left: 0px;
	vertical-align:text-top;
}
#locations dt {
	font-weight: bold;
	color:#e33131;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 5px;
	line-height: 1.2em;
}
#locations dd {
	background-color: white;
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 2px;
	padding-bottom: 5px;
	color:#8ae330;
}
#locations ul {
	margin: 0px;
	padding-left: 20px;
}
#locations li {
	list-style:url(../../images/plus-bullet2.gif);
	color:black;
	padding-bottom: 2px;
	padding-left:0px;
	vertical-align:text-top;
}
#locations li a{
	color:black;
}




/********************
LATEST JOBS
*********************/

table.latestjobs {
font-family: Tahoma, Verdana, Arial;
font-size:12px;
color:#8ae330;
}

table.latestjobs a {
font-family: Tahoma, Verdana, Arial;
font-size:11px;
color:#8ae330;
text-decoration:none;
}


#latestjobsbox {
    margin: 0px;
    padding: 0px;
    border-top: 1px solid #c2e7f7;
	width: 161px;
	background-color: #c2e7f7;
	font-size: 10px;
}
#latestjobsbox dl {
	background-color: #c2e7f7;	
	padding-top: 0px;
	margin-bottom: 2px;
	font-family: Tahoma, Verdana, Arial;
	color:#8a30e3;
	padding-left: 0px;
	vertical-align:text-top;
}
#latestjobsbox dt {
	font-weight: bold;
	color:#e33131;
	font-size:12px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-right: 5px;
}
#latestjobsbox dd {
	background-color: #c2e7f7;
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 2px;
	padding-bottom: 5px;
	color:#8ae330;
}
#latestjobsbox ul {
	margin: 0px;
	padding-left: 20px;
}
#latestjobsbox li {
	list-style:url(../../images/plus-bullet1.gif);
	color:black;
	padding-left:0px;
	vertical-align:text-top;
}
#latestjobsbox li a{
	color:blue;
}

#latestjobsfoot {
	background: url(../../images/bluefade.jpg) no-repeat bottom;
	clear: both;
	height: 65px;
}


/********************
JOB SEARCH RESULTS
*********************/

table.jobsearchresults {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width: 450px;
}

table.jobsearchresults th.header {
background-color: #000077;
font-size:11px;
color: #FFFFFF;
font-weight: bold;
}

table.jobsearchresults th.header a:link {
color: #FFFFFF;
}
table.jobsearchresults th.header a:active {
color: #CCCCCC;
}
table.jobsearchresults th.header a:visited {
color: #CCCCCC;
}
IMG {
	border: 0;
}


/********************
FOOTER
*********************/

#footer {
width: 798px;
height: 13px;
margin: 2px;
background-color: #8a8a8a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}
#footer a {
color:#FFFFFF;
text-decoration:none;
}
#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/********************
DIAGNOSTICS
*********************/

#diagnostics {

font-family:Tahoma, Verdana, Arial;
font-size:10px;
float:left;
}

#totals {

font-family:Tahoma, Verdana, Arial;
font-size:12px;
float:left;
vertical-align:text-top;
margin:20px;
}