html, body {
	background-color: #CFCCCC;
	margin: 0px;
	padding: 0px 0 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	line-height: 1.3em;
}

img { border: 0px;}

/* ====================================================================
box layout
-------------------------------------------------------------------- */
.columns-float {
	float				: left;
	width				: 751px;
	
}
.column-one {
	width				: 576px;
	float				: right;
}
.column-two {
	width				: 174px;
	float				: left;
	line-height: 1.1em;
}
.column-three {
	width				: 201px;
	float				: right;
	line-height: 1.1em;
}

/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.column-one-content {
    background			: #F5F5F5;
    font-size: 0.85em;
}

.column-two-content {
    font-size: 0.85em;
}
.column-two-content .box {
    
    border-bottom: 1px solid #912E30;
    border-right: 2px solid #912E30;
}
.column-three-content {
    font-size: 0.85em;
}
.column-three-content .box {

    border-bottom: 1px solid #912E30;
    border-right: 2px solid #912E30;
}
.box p
{   padding-left: 6px;
    padding-bottom: 2px;
    margin-bottom: 2px;
}
.box .colHeader {
    padding-bottom: 0px;
    margin-bottom: 3px;
    font-size: 1.0em;
}

.column-one-content, .column-two-content, .column-three-content {
	margin				: 0px;
	border				: none;
}

.column-one-content {
    padding				: 6px;
}
/* GUTTERS BETWEEN COLUMNS */
.column-one-content{
	margin-left: 12px;
	margin-right: 12px;
}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
{ p\osition: relative; }
/* */

.column-two-content .box .colHeader {
    
    border-bottom: 1px solid #912E30;
    border-left: 2px solid #912E30;
    background-color: #FF9999;
    
}


.column-two p {
   
}
.column-one-content .colHeader {
    background-color: #1A1818;
    margin-top: -6px;
    padding-top: 3px;
    margin-left: -6px;
    margin-right: -6px;
    padding-left: 5px;
    text-align: center;
    color: white;
    font-size: 1.3em;
    margin-bottom: 12px;
    padding-bottom: 5px;
}
.column-three-content .box .colHeader {
    
    border-bottom: 1px solid #912E30;
    border-left: 2px solid #912E30;
    background-color: #FF9999;
}

.column-three-content .nobox, .column-two-content .nobox  {
    
    border-bottom: 0px;
    
}
.box .colHeader div {
    border: 1px solid white;
    padding-left: 6px;
    font-size: 13px;
    text-align: center;
}

#page {
    position: relative;
    display: block;
    width: 1000px;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-left:auto; 
	margin-right:auto; 
	text-align: left;
	padding-top: 25px;
}

#container {
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
	width: 952px;
	background: #ffffff url(/images/test/content_bg_b.jpg) repeat-y top;
	padding-left: 24px;
	padding-right: 24px;
}

#header {  
	z-index: 50;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    width: 1000px;
    height: 111px;
	background: #ffffff url(/images/test/header_bg_b.jpg) no-repeat top left;
}

#header #buttons {
    position: relative;
    display: block;
    text-align: center;
    height: 57; 
}

#header #buttons img {
    padding-top: 10px;
}

#bottom {
    font-size: 0.85em;
    font-weight: normal;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align:center;
    
}

#footer {  
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    width: 952px;
    height: 67px;
    padding-left: 24px;
	padding-right: 24px;
	background: #ffffff url(/images/test/footer_bg_b.jpg) no-repeat bottom left;
	text-align: center;
}

#footer p {
    font-size: 0.85em;
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
}

.date {
    position: relative;
    top: 25px;
    left: 5px;
    text-transform: uppercase;
    font-size: 0.85em;
    font-weight: bold;
}

.date sup {
    text-transform: lowercase;
}

.advertise {
    position: absolute;
    left: 875px;
    top: 100px;
    z-index: 99;
}

.postjobs {
    position: absolute;
    left: 708px;
    top: 12px;
    display: none;
}

#tabs {  
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    width: 1000px;
    height: 54px;
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
    background: #ffffff url(/images/test/header_red_bg_b.jpg) repeat-y top left;
}
#tabs a {
    color: #FFFFFF;
}

#tabs p {

    padding-top: 3px;
    padding-bottom: 0px;
    margin-bottom: 9px;
}

.search {
    position: absolute;
    display: inline;
    float: right;
    right: 250px;
    top: 4px;
    margin: 0;
    padding: 0;
}
.search form {
    margin: 0;
    padding: 0;
}



.logo {
    width: 233px;
    height: 54px;
    position: relative;
    display: block;
}

.top {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #912E30;
    border-right: 2px solid #912E30;
    padding-top: 10px;
}

.top p {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    font-size: 0.9em;
}
form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}




.colheaderbullet {
    display: none;
    visibility: hidden;
}

h1, h2, h3, h4, h5, h6, p, ul {
    margin-top: 0px;
    padding-top: 0px;
}

a {
    text-decoration: none;
    color: #912E30;
}

a:hover {
    text-decoration: underline;
}
p.compRandomCartoon {
    margin: 0;
    padding: 0;
}

.bannerTop {

width: 468px;
height: 60;
border: 1px solid black;
position: absolute;
display: block;
left: 234px;
top: 12px;
}

.linksTop {
    text-align: right;
    font-size: 14px;
    position: absolute;
    top: 30px;
    left: 760px;
    
}

.linksTop a {
    display: block;
}

.reg {
    margin-top: 2px;
    position: relative;
    display: block;
    left: 26px;
    padding-bottom: 0px;
}

.reg ul {
    list-style: none;
    line-height: 1;
	background: transparent;
	padding: 0;
	margin: 0;
	z-index: 98;
	width: 950px;
	border-top:     1px solid #ffffff;
	padding-bottom: 0px;
    font-size: 14px;
    font-weight: normal;
}

.reg ul li {
    background: #1A1818;
    float: left;
	display: inline;
	padding: 0;
	margin-left: 0px;
	padding-top: 4px;
	height: 17px;
	margin: 0px;
}

.reg ul li#blank {
    width: 454px;
    background-color: #912E30;
}

.reg ul li#register {
    border-right: 2px solid white;
    padding-left: 6px;
    padding-right: 6px;
    border-left:    2px solid #ffffff;
    width: 260px;
}

.reg ul li#forgotpassword {
    border-left: 2px solid white;
    padding-left: 6px;
    border-right: 2px solid white;
    width: 210px;
}
.reg ul li:hover {
     background-color: #FF9999;
     color: #000000;
}
.reg ul li a {
    color: #FFFFFF;
}

.reg ul li a:hover {
    color: #000000;
    text-decoration: none;
}

.frontarticle {
    background-color: #FF9999;
    margin-right: -6px;
    margin-left: -6px;
}

div.box div.enewsletters h4.colHeader {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
    text-align: left;
    color: black;
    font-size: 1.1em;
    border-bottom: 1px dashed #FF9999;
    border-left: 0px;
}

div.infobox {
	position: relative;
	float: left;
	top: -15px;
	left: 100px;
	background-color: #c7c7c7;
	border: 2px solid maroon;
	width: 200px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_close_left, #JT_close_right{font-size: .9em;}
#JT_copy p, #JT_copy ul{font-size: .9em;}
#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font-size: 0.9em;
	line-height: 15px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
.formInfo img {
	padding:0;
	margin:0;
	margin-bottom: -4px;
}

div.getHired {
	background-color: #912E30;
	padding-bottom: 8px;
	margin-bottom: 10px;
}
div.getHired p {
	color: #ffffff;
}
div.getHired h3 {
	color: #FF9999;
	padding-left: 8px;
	border-bottom: 1px solid #cccccc;
	background-color: #000000;
	font-weight: normal;
	text-align: center;
}



div.job-highlight {
	background-color: white;
	width: 273px;
	position: relative;
	float: right;
	margin-right: 8px;
	margin-top: -13px;
	height: 54px;
	border: 1px solid maroon;
	font-size: 80%;
	line-height: 13px;
	padding: 1px 3px 3px 3px;
	font-size: 70%;
	background: white url(/images/fj-bg.gif) top left repeat-x;
}

div a.blog-post-link,
div a.blog-post-link:link,
div a.blog-post-link:visited,
div a.blog-post-link:active {
	color: black;
}
div a.blog-post-link:hover {
	color: maroon;
}
div.blog-cls-item {
	padding-bottom: 12px;
}
/*
a.item-new {
	background-image: url(/images/global/new.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
*/
img.item-new {
	margin-right: 4px;
}