/* ### All Page Components ### */

*{
margin: 0;
padding: 0;
}

body {
font: 11pt/13pt normal Helvetica, Arial, Sans-serif, Verdana;
background: url("/img/bg.gif") repeat-x #fff;
margin: 0;
padding: 0;
}

p { margin: 15px 0; }

#header {
text-align: left;
width: 774px;
height: 124px;
}

#header_content {
position: relative;
text-align: left;
z-index: 2;
width: 738px;
height: 98px;
padding: 5px 0px 0 20px;
margin: -107 0 20px 0;
overflow: hidden;
_height: 102px;
_width: 758px;
}

#tagline {
font-size: .85em;
color: #900;
line-height: 1.1em;
float: left;
height: 66px;
width: 520px;
margin: -3px 0 0 0;
}

#container {
text-align: left;
width: 758px;
}

#footer {
width: 758px;
text-align: center;
margin: 10px 0 20px 0;
font-size: .7em;
color: #777;
clear: both;
}



/* ####  Navigation  ##### */

#nav {
float: left;
margin: 25px 0 0 0;
border:1px solid black;
}

.nav_on {
float: left;
color: #900;
font-size:.9em;
font-weight: normal;
background: #fff;
border-left: 1px solid #AAA;
border-top: 1px solid #AAA;
border-right: 1px solid #AAA;
border-bottom: 1px solid #FFF;
margin: 0 0 0 6px;
padding: 5px 10px;
}

.nav_on a {
text-decoration: none;
}

.nav_off {
float: left;
font-size:.9em;
font-weight: normal;
margin: 0 0 0 6px;
padding: 5px 10px;
}

.nav_off a {
color: #555;
text-decoration: none;
}

/* ####  Navigation  ##### */


/* ### All Page Components ### */



/* ### Index Page Components ### */


/* ^^^^^^ THE SIDE SLIDER  ^^^^^^ */

#scroller {
width: 350px;
height: 405px;
margin: 0 auto;	
padding: 0;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 2px solid #aaa;
border-bottom: 2px solid #eee;
}

#content {
width: 2500px;

}

.float_div {
width: 350px;
float: left;
margin-right: 10px;
}

.section {
position: relative;
z-index: 5;
font-size: 1.2em;
line-height:1.3em;
color: #000;
width: 310px;
padding: 10px 10px 0 10px;
margin: 0 0 0 10px;
background: url("img/reasons_bg.png") no-repeat;
_padding: 5px;
_margin: 5px 10px 5px 10px;
_width: 320px;
}

#toolbar {
position: relative;
z-index: 2;
color: #000;
height: 20px;
margin: 5px 0 0 0;
}

#toolbar div a {
float: left;
text-align: center;
font: 15px Verdana, Arial, Helvetica, Sans-serif;
line-height: 10px;
height: 12px;
padding: 4px;
margin: 0 5px 0 0;
text-decoration: none;
_line-height: 15px;
}

#toolbar div.off a {
color: #fff;
background: #555;
border: 1px solid #555;
}

#toolbar div.on a {
color: #c01;
background: #fff;
border: 1px solid #000;
}


/* ^^^^^^ THE SIDE SLIDER EOF ^^^^^^ */


/* ^^^^^  Five Reasons  ^^^^^ */

.reasons_title {
font-size: 1.8em;
font-weight: bold;
line-height: 1em;
color: #600;
}

.reasons_subtitle {
font-size: 1.2em;
font-weight: normal;
line-height: 1.1em;
color: #c01;
}


.reasons_subtitle li {
margin: 0 0 15px 30px;
}

.reason_pic {
width: 347px;
}



/* ^^^^^  Five Reasons eof  ^^^^^ */


#hot_jobs {
color: #600;
text-align: left;
width: 350px;
padding: 0px 0px 15px 0px;
}

#hot_jobs .title {
letter-spacing: -1pt;
font-size: 2.2em;
font-weight: bold;
line-height: 1em;
margin: 0 0 25px 0;
}

#hot_jobs .list {
color: #900;
font-size: 1.2em;
margin: 10px 0 30px 0;
line-height: 1.6em;
}

#hot_jobs .item {
line-height: 1.3em;
margin: 0 0 15px 0;
}

#hot_jobs a {
color: #000;
font-size: 1em;
}

.square {
font-size: .85em;
line-height: 1.3em;
position: relative;
float: right;
text-align: left;
width: 163px;
height: 163px;
margin: 0 0 8px 12px;
padding: 10px;
overflow: hidden;
background: url("/img/sq_gradient.gif") no-repeat;
_width: 186px;
_height: 183px;
}

.square_blank {
font-size: .85em;
line-height: 1.3em;
position: relative;
float: right;
text-align: left;
width: 163px;
height: 163px;
margin: 0 0 8px 12px;
padding: 10px;
overflow: hidden;
_width: 186px;
_height: 183px;
}

.square a, .square_blank a, .red_link {
color: #600;
font-size: 1em;
line-height: 2em;
}

 .red_link {
color: #600;
font-size: 1em;
line-height: 1.3em;
}

.square_blank .title_red, .square .title_red {
font-size: 1.5em;
line-height: 1.2em;
color: #900;
}

.square  .title_black {
font-size: 1.5em;
line-height: 1.2em;
color: #000;
}

.square_2 {
float: right;
text-align: left;
width: 183px;
height: 183px;
margin: 0 0 8px 12px;
overflow: hidden;
}

.no_underline {
text-decoration: none;
color: #000;
cursor: pointer;
}

#square_container {
position: relative;
z-index: 2;
width: 400px;
margin: 0;
padding: 0;
float: right;
}

#ticker {
color: #fff;
float: right;
width: 360px;
height: 22px;
clear: both;
background: #555;
padding: 3px 8px 0 8px;
margin: 0 0 8px 0;
border: 1px solid #333;
_width: 380px;
_height: 26px;
}

/* ### Index Page Components ### */




/* ### Internal (blog-type) Page Components ### */


.normal_list {
font-weight: normal;
}

.normal_list li {
line-height: normal;
margin: 0 0 0 10px;
_margin: 0 0 15px 0;
}

.bold_list {
font-size: 1.3em;
font-weight: bold;
}

.bold_list li {
margin: 0 0 20px 0;
}

.bold_list span {
font-size: .8em;
font-weight: normal;
}

.pages_nav {
width: 200px;
font-weight:bold;
font-size: 1em;
line-height: 1.2em;
float: right;
text-align: left;
margin: 0px -33 10px 40px;
padding: 0 0 30px 0;
border: 0px solid #000;
_margin: 0px -44 10px 40px;
}

.pages_nav_on {
width: 100%;
float: left;
color: #900;
background: #fff;
border-left: 1px solid #B4B3B3;
border-top: 1px solid #B4B3B3;
border-bottom: 1px solid #B4B3B3;
margin: 20px 10px 0 10px;
padding: 4px 15px 4px 8px;
_border-right: 1px solid #fff;
}

.pages_nav_off {
width: 100%;
float: left;
color: #333;
margin: 20px 10px 0 10px;
padding: 5px 15px 5px 9px;
}

.pages_nav_off a {
color: #333;
text-decoration: none;
}

.headline {
font-size: 2.4em;
line-height: 1.1em;
font-weight: bold;
letter-spacing: -1pt;
color: #900;
margin: 0 0 50px 0;
}

.eyebrow {
color: #555;
font-size: .6em;
font-weight: normal;
text-align:left;
line-height: 1.4em;
letter-spacing: 0;
}

.subhead {
font-size: 1.3em;
line-height: 1.2em;
font-weight: bold;
}

.sub-subhead {
font-size: 1.1em;
font-weight: bold;
color: #111;
}

#container_pages_bg {
text-align: center;
width: 758px;
background: url("/img/pages-bg.gif") repeat-y;
}

#container_pages {
line-height: 1.5em;
text-align: left;
width: 612px;
padding: 0 73px;
_width: 758px;
}


div.wrap_area { position: relative; }
div.wrap_area img { position: absolute; left: -66px; top: 0px; }
div.wrap_area p { position: relative; }
div.shape_wrap div { float: left; clear: left; height: 20px; }


/* ### Internal (blog-type) Page Components ### */