body {
	background-color:#fff;
	font-family:lucida, "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, verdana, sans-serif;
	font-size:12px;
	margin:0;
	color:#333;
	text-align:center;
}

p, li, td, th, dd, blockquote { line-height:130% }
a { color:#004E76; text-decoration:none }
a:hover { color:black; }

hr { height: 1px; color: #8DBDDA; border: none; clear:both } /* For Internet Explorer */
html>body hr { height: 1px; background-color: #8DBDDA; border: none; } /* For Gecko-based browsers */
html>body hr { height: 1px; background-color: #8DBDDA; border: 0px solid #ccc; } /* For Opera and Gecko-based browsers */

h1, h2, h3 { font-weight:normal; margin-bottom:0.5em; color:#000 }
h4 { font-size:12px; }
form { margin:0 }
th, td { padding:0.2em 1em 0.2em 0; text-align:left; vertical-align:top; }

.textright { text-align:right }
.small { font-size:10px }
.note { color:#666 }
.error, .alert { color:#c00 }
.success { color:#3c0 }
.nowrap { white-space:nowrap }
.required { color:orange;font-weight:bold;font-size:18px;vertical-align:bottom }
.clear { clear:both }
.dark { color:#000 }

#frame {
	width:653px;
	margin:15px auto;
	text-align:left;
}

#top {
	height:160px;
	background:url(../images/top-bkgd.gif) bottom left transparent no-repeat;
}
	
#logo {
	margin:0;
	height:98px;
	background:url(../images/logo.gif) bottom left transparent no-repeat;
	text-indent:-1500px;
}

#nav {
	margin:10px 0;
	height:1em;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}

#nav li {
	float:left;
	margin:0;
	padding:0;
	display:inline;
}

#nav li a {
	padding-right:3em;
	text-decoration:none;
	color:#8DBDDA;
}

#nav li a:hover { color:#000 }
#nav li a.selectedNav { color:#004E76; }

#main h2 { 
	clear:left;
	margin-top:20px;
}

#footer {
	border-top:1px solid #8DBDDA;
	margin-top:20px;
	font-size:11px;
	color:#666;
}

#footer img {
	vertical-align:bottom
}

#searchPanel {
	margin-top:20px;
	float:right;
	width:280px;
	border:1px solid #8DBDDA;
	margin-left:10px;
	padding:10px;
	background:url(../images/gradient.png) top center #fff repeat-x;
}

#searchPanel h3 { margin:0 0 1em 0 }

#vacancies #searchPanel {
	float:none;
	width:633px;
	margin:0;
}

.wideBox {
	width:653px;
	background:url(../images/widebox-bkgd.gif) transparent repeat-y;
	margin-bottom:10px;
}

.wideBox p {
	font-size:11px;
}

.wideBox p, .wideBox h4 {
	margin:0.3em 0;
}

.wideBox .item {
	margin-left:35px !important;
	margin-left:25px;
	float:left;
	width:270px;
}

#vacancies .wideBox .item {
	margin:0 35px !important;
	margin:0 25px;
	float:none;
	width:580px;
}

#vacancies .wideBox h4 {
	font-size:14px;
}

.wideBoxTop {
	height:33px;
	background:url(../images/wideboxtop-bkgd.gif) bottom left white no-repeat;
}
.wideBoxBottom {
	clear:left;
	height:33px;
	background:url(../images/wideboxbottom-bkgd.gif) bottom left white no-repeat;
}

.button {
	height:2em;
}

#vacancies .button {
	font-size:12px;
}

.button a:link, .button a:visited {
	padding:0.4em 1em;
	/* width:150px; */
	background-color: #fff;
	text-align: center;
	text-decoration: none;
	color: #004E76;
	border:1px outset #8DBDDA;
}

.button a:hover { 
	border:1px outset #8DBDDA;
	background-color: #004E76;
	color: #fff;
}

.button a:active { 
	border:1px outset #8DBDDA;
	background-color: #fff;
	color: #004E76;
}

.item .button { float:right; margin-left:10px }

/* form styling */
input, select, textarea {
	font-family:lucida, "Lucida Grande", "Lucida Sans Unicode", arial, helvetica, verdana, sans-serif;
	font-size:12px;
	color:#333;
	border:1px solid #8DBDDA;
	background-color:#DDECF4;
}

input:focus, textarea:focus, select:focus {
	color: #004E76;
	border-color: #004E76;
	background-color:white;
}

.formButton {
	color: #004E76;
	background-color:#fff;
	font-weight:bold;
	padding:0.3em;
	border-color: #8DBDDA;
}

input.small { font-weight:normal }
	
#address {
	float:right;
	width:200px;
}

#address table {
	float:right;
	border:1px solid #8DBDDA;
}

#address td { padding-left:0.2em }

#jobDetails {
	width:300px;
	float:right;
	margin:0 0 20px 20px;
}

#jobDetails td { border-bottom:1px solid #ccc }

#subcategories select { margin-top:5px }

.paging { float:right; color:#999; border-bottom:1px solid #ccc }

#credit, #credit a { color:#ccc; }
	