body
{
	background: #0A4089 url('images/body-background.jpg') 50% 0 repeat-y;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: arial, erdana, sans-serif;
}

#border-box
{
	width: 724px;
	margin: 0 auto;
}

#border-box-left-column
{
	width: 12px;
	background: url('images/border-box-left-column.gif') 100% 0 repeat-y;
}

#border-box-middle-column
{
	width: 700px;
	background: #FFFFFF;
	margin: 0 auto;
}

#border-box-right-column
{
	width: 12px;
	background: url('images/border-box-right-column.gif') 0 0 repeat-y;
}

#border-box-middle-column h1
{
	padding: 0;
	margin: 0;
}

#border-box-middle-column h1 a
{
	display: block;
	width: 690px;
	height: 77px;
	background: url('images/header-top.gif') 0 0 no-repeat;
	margin: 0 auto;
}

#border-box-middle-column h1 a span, #border-box-middle-column #header-middle span
{
	font-size: 10px;
	text-indent: -12402px !important;
	display:none;
}

#border-box-middle-column #header-middle
{
	background: url('images/header-middle.jpg') 0 0 no-repeat;
	width: 690px;
	height: 205px;
	margin: 0 auto;
}

#border-box-middle-column .navigation
{
	width: 650px;
	height: 46px;
	margin: 4px auto;
}

.navigation a b { display: none; }
.navigation .camps
{
	display: block;
	background: url('images/navigation-camps.gif') 0 0 no-repeat;
	width: 113px;
	height: 42px;
	float: left;
}

.navigation .jobs
{
	display: block;
	background: url('images/navigation-jobs.gif') 0 0 no-repeat;
	width: 110px;
	height: 42px;
	float: left;
}

.navigation .selection
{
	display: block;
	background: url('images/navigation-selection.gif') 50% 0 no-repeat;
	width: 103px;
	height: 45px;
	float: left;
}

.navigation .faqs
{
	display: block;
	background: url('images/navigation-faqs.gif') 0 0 no-repeat;
	width: 64px;
	height: 40px;
	float: left;
}

.navigation .apply
{
	display: block;
	background: url('images/navigation-apply.gif') 0 0 no-repeat;
	width: 141px;
	height: 40px;
	float: left;
}

.navigation .contact
{
	display: block;
	background: url('images/navigation-contact.gif') 100% 0 no-repeat;
	width: 118px;
	height: 40px;
	float: left;
}


.body-box-1
{
	width: 680px !important;
	margin: 0 auto;
	padding: 0;
}

.body-box-1 .top
{
	background: url('images/body-border-box-top.gif') 0 0 no-repeat;
	height: 12px !important;
	font-size: 12px;
	line-height: 12px;
}

.body-box-1 .left
{
	background: url('images/body-border-box-left.gif') 100% 0 repeat-y;
	width: 9px;
}

.body-box-1 .right
{
	background: url('images/body-border-box-right.gif') 0 0 repeat-y;
	width: 11px;
}

.body-box-1 .middle
{
	background: #FFD427 url('images/body-border-box-background.jp') 0 0 repeat-y;
	width: 660px;
}

.body-box-1 .bottom
{
	background: url('images/body-border-box-bottom.gif') 0 0 no-repeat;
	width: 680px;
	height: 13px;
}



.body-box-2
{
	width: 680px !important;
	margin: 0 auto;
	padding: 0;
}

.body-box-2 .top
{
	background: url('images/body-border-box-top-2.gif') 0 0 no-repeat;
	height: 12px !important;
	font-size: 12px;
	line-height: 12px;
}

.body-box-2 .left
{
	background: url('images/body-border-box-left-2.gif') 100% 0 repeat-y;
	width: 9px;
}

.body-box-2 .right
{
	background: url('images/body-border-box-right-2.gif') 0 0 repeat-y;
	width: 11px;
}

.body-box-2 .middle
{
	background: #FBAB00 url('images/body-border-box-background.jp') 0 0 repeat-y;
	width: 660px;
}

.body-box-2 .bottom
{
	background: url('images/body-border-box-bottom-2.gif') 0 0 no-repeat;
	width: 680px;
	height: 13px;
}

/* body box column widths */

.middle .span-1 { width: 73px; }
.middle .span-2 { width: 155px; }
.middle .span-3 { width: 238px; }
.middle .span-4 { width: 320px; }
.middle .span-5 { width: 403px; }
.middle .span-6 { width: 485px; }
.middle .span-7 { width: 568px; }
.middle .span-8 { width: 660px; margin: 0; }

.column
{
  float: left;
  margin: 0;
  margin-right: 10px;
}
.no-margin, .last
{
	margin-right: 0;
}

.center
{
	text-align: center;
	margin: 0 auto;
}
/* Use this to create a horizontal ruler across a column. */
hr {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 0;
  border: none;
}
hr.space
{
  background: #FFD427;
  color: #FFD427;
}
hr.white
{
	background: #FFF;
	color: #FFF;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear
{
	display: inline-block;
}

.clear:after, .container:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clear
{
	height: 1%;
}

.clear
{
	display: block;
}

#jobsnav
{
position:absolute;
visibility: hidden;
border: 1px solid #FFFFFF;
line-height: 18px;
z-index: 100;
background-color: #0A4089;
width: 140px;
}

#jobsnav a {
width: 100%;
display: block;
text-indent: 3px;
text-decoration: none;
color: #FFFFFF;
border-top: 1px solid #0A4089;
border-bottom: 1px solid #0A4089;
}

#jobsnav a:hover{ /*hover background color*/
background-color: #FBAB00;
color: #111111;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}