* { padding: 0; margin: 0; }

body {
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 /* background:#0a0a0a url(images/bg.jpg) center 0px no-repeat; */
 background: #FFF url(images/orange-bg.jpg) repeat-x;
}
#wrapper { 
 margin: 0 auto;
 margin-top: 10px;
 width: 1024px;
 background: #FFF;
}
#header {
 color: #333;
 width: 1024px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 150px;
 margin: 0px;
 background:#FFF url(images/header.jpg) no-repeat;
}
#navigation {
 float: left;
 width: 1004px;
 color: #333;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-color:#F3F2ED;
}
#navmenu {
   float:right;
   font-size: 13px;
   font-family: Trebuchet MS,Tahoma;
   font-weight: bold;
   margin: 6px 12px 0 0;
}
#navmenufooter {
   font-size: 11px;
   text-align: center;
   font-family: Trebuchet MS,Tahoma;
   font-weight: normal;
   margin: 6px 12px 0 0;
}
#leftcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background:#FFF;
 margin: 10px 5px 5px 0px;
 padding: 0px;
 min-height: 350px;
 width: 180px;
 float: left;
 text-align:center;
}
#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background:#FFF;
 margin: 10px 5px 5px 0px;
 padding: 0px 10px 10px 10px;
 min-height: 350px;
 width: 634px;
 display: inline;
}
#content h1 {
 color: #FF7F00;
 font-weight: bold;
 font:28px "Trebuchet MS", Arial, Helvetica, sans-serif;
 letter-spacing: 0.1em;
 padding: 0 0 0px 0;
}
#content h2 {
 color: #000455;
 font-weight: normal;
 font:21px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content h2.slogan {
 color: #3A37A9;
 font-family: Georgia,Arial,Helvetica;
 font-weight: normal;
 font-style: italic;
}
#content h3 {
 color: #2F7C83;
 font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 margin: 10px 0px 4px 0px;
 font-weight: bold;
 line-height: 140%;
}
#content p {
 color: #333333;
 font:13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 margin: 4px 0px 10px 0px;
 font-weight: normal;
 line-height: 140%;
}

#rightcolumn { 
 color: #333;
 border: 0px solid #ccc;
 background:#FFF;
 margin: 10px 0px 50px 0px;
 padding: 0px;
 min-height: 350px;
 width: 180px;
 float: left;
}

#footertop { 
 width: 1024px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background-color:#2F7C83;
 margin: 0;
 padding: 0px;
 height: 4px;
}
#footer { 
 width: 1004px;
 height: 12px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background-color:#FFF;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 font:11px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
#footer span.left {
    float: left;
}
#footer span.right {
    float: right;
}
	
img.bannerperson {
    padding: 20px 0px 40px 0px;
}

ul,ol {
    margin: 10px 10px 10px 30px;
	font-size: 13px;
}

p.joblist {
    padding: 10px 40px 10px 20px;

}
.jobheading {
    font-size: 17px;
	font-weight: bold;
}

div.pdflink {
 color: #333;
 width: 200px;
 padding: 6px 6px 6px 50px;
 border: 1px solid #ccc;
 min-height: 40px;
 margin: 10px;
 font-size: 12px;
 font-weight: bold;
 background-color: #EBEBEB;
 background-image: url(images/icon-pdf.gif);
 background-repeat: no-repeat;
 background-position: 8px 10px;
}


a.button{
background:url(images/button48.gif);
display:block;
color:#555555;
font-weight:bold;
height:48px;
line-height:47px;
margin:10px 0px 14px 0px;
text-decoration:none;
width:220px;
}
a:hover.button{
color:#0066CC;
}
/* -------------------- */
/* CLASSES */
/* -------------------- */
.pdfbutton{
    background:url(images/icon-pdf.gif) no-repeat 10px 8px;
    text-indent:48px;
    display:block;
}
.htmlbutton{
    background:url(images/icon-html.png) no-repeat 10px 8px;
    text-indent:48px;
    display:block;
}
.docbutton{
    background:url(images/icon-doc.gif) no-repeat 10px 8px;
    text-indent:48px;
    display:block;
}

hr {
    border-top: 1px dashed #999;
    border-bottom: 0;
    color: #999;
    height: 1px;
	margin: 6px 6px 6px 6px;
    clear:both;
}

p.space-after {
    padding-bottom: 10px;
}


form {
	background:#fff;
	padding:1em;
	border:0px solid #eee;
}
fieldset div {
	margin:0.3em 0;
}

form {
	margin:1em;
	width:46em;
}
label {
	float:left;
	width:7em;
	text-align:right;
	margin-right:1em;
	font-size: 1.0em;
	font-weight: bold;
}
legend {
	color:#2F7C83;
	font-size:1.2em;
	font-weight: bold;
}
legend span {
	width:10em;
	text-align:right;
}
input, textarea, select {
	padding:0.15em;
	width:35em;
	border:1px solid #ddd;
	background:#fafafa;
	font:normal 1.0em trebuchet ms, verdana, arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
div.rte {
	margin-left:0px;
	font:normal 11px arial, sans-serif;
}

input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
}
input.radio {
	width:1.4em;
}
input.date {
	width:7em;
}
select {
	width:14em;
}
 
textarea {
    height: 12em;
}
fieldset {
	border:1px solid #ddd;
	padding:0 0.5em 0.5em;
}
.date input {
	background-image:url(../gfx/calendar-small.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}

.date fieldset label {
	float:none;
	display:block;
	text-align:left;
	width:auto;
}
.date fieldset div {
	float:left;
	clear:none;
	margin-right:0.2em;
}
.radio, .date {
	position:relative;
}
.radio fieldset, .date fieldset {
	border:none;
	width:auto;
	padding:1px 0 0 11em;
}
.radio legend, .date legend {
	font-size:1em;
	color:#000;
}
.radio legend span, .date legend span {
	position:absolute;
	left:0;
	top:0.3em;
	width:10em;
	display:block;
}
.radio label, .radio input {
	vertical-align:middle;
	display:inline;
	float:none;
	width:auto;
	background:none;
	border:none;
}
.radio div {
	float:left;
	white-space:nowrap;
	clear:none;
}

.email {
	width:14em;
}

input.default {
	color:#bbb;
}

#submit-go {
	margin-top:1em;
	width:69px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	background:url(images/submit-button.gif) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}
#submit-go:hover {
	background-position:0 -26px;
}

th.list {
    border: 1px solid #999999;
	background: #FD9D34;
	color: black;
	padding: 4px;
	text-align: center;
} 
td.list {
   border: 1px solid #999999;
   background: #FFF;
   color: #000000;
   padding: 3px;
} 
table.list {
	border-collapse: collapse;
    border: 1px solid #000000;
}

/* this is the class for the div that expands out to show extra info */
div.infopanel {
    background-color: #F0F6F6;
	padding: 4px 10px 4px 10px;
}

.highlight, .highlightnews { 
	border: 1px solid;
	margin: 0px 0px 5px 0px;
	padding: 6px;
}
.highlight { 
	color: #E87407;
	background: #FEDDB9;
}
.highlightnews { 
	color: #5B9596;
	background: #E1EBEC;
}


