/*
|--------------------------------|
|	Primary for Designs: #000062;	 |
|	Primary for Surveyors: #000062;|
|	Content area width: 577px			 |
|--------------------------------|
*/

body {
		font-family: tahoma, arial, verdana, arial, sans-serif;
		font-size: 13px;
		color: #555555;
		background-color: #333333;
		padding:0;
		margin:0;
}
a{
		color: #000062;
		text-decoration:none;
}
a:hover {
		text-decoration:underline;
}
#container {
		margin: 0 auto 0 auto;
		padding: 0;
		text-align: center;
		width:900px;
		position:relative;
		min-height:500px;
}
#outer_container{
		background-color:#FFFFFF;
		margin:0;
		padding:0;
		background-image:url('/_img/bg.gif');
		background-repeat:repeat-x;
}
#leftBackBar{
		width:50%; 
		height:22px; 
		position:absolute; 
		top:126px; 
		background-color:#EEEEEE;
}
#vacancies{
        padding:1px;
		height:auto;
		border:1px solid #AAA;
		font-size:12px;
        width:550px;
        text-align:left;
}
#header{
		width:760px;
		position:relative;
		height:95px;
		margin-bottom:2px;
		margin-left:140px;
		border-bottom:1px solid #666666;
}

#indexBox{
		width:180px;
		height:auto;
		border:1px solid #AAA;
		font-size:12px;
}
#indexBox p {
        padding-top:0;
        margin-top:0;
        padding-bottom:0;
        margin-bottom:8px;
	
}
#indexPad{
		margin:5px;
}
#indexBoxHead{
		text-align:center;
		padding:5px;
		background-color:#CCCCCC;
		border:2px solid #FFFFFF;
		font-size:11px;
}

#telephone{
		position:absolute; 
		top:105px; 
		left: 0; color:#cccccc; 
		font-style:italic; 
}
#logo{
		width:479px;
		height:79px;
		position:absolute;
		left:0;
		top:15px;
		background-image:url('/_img/logo.jpg');
		background-repeat:no-repeat;
}
#top_strip{
		height:28px;
		background-color:#333333;
}
#dedoko{
		color:#555555;
}	
#dedoko:hover {
		color:#000062;
		text-decoration:none;
}
#crumb_strip{
		height:22px;
		width:718px;
		background-color:#EEEEEE;
		position:absolute;
		top:126px;
		left:0;
		text-align:left;
}
#crumb_content{
		margin-top:5px;
		margin-left:141px;
		color:#888888;
}
#trail{
		text-decoration:none;
}
#trail:hover {
		text-decoration:underline;
}
#side_image{
		height:177px;
		width:177px;
}
#left_col{
		text-align:left;
		vertical-align:top;
		padding:25px 10px 15px 0; 
}
td#right_col{
		width:190px;
		vertical-align:top;
		padding:0;
		margin:0;
		text-align:left;
}
#side_box{	
		padding:0;
		margin:0;
}
#side_menu{
		text-align:left;
		margin-top:5px;
}
#side_menu ul{
		margin:0;
		padding:0;
		width:185px;
		list-style-position:outside;
		list-style-type:none;	
		margin-left:4px;
}
#side_image{
		padding:0;
		margin:0;
		padding-left:5px;
}
#inputform input,textarea,select{
		color:#444444;
}
td.formHead{
		background-color:#CCCCCC;	
		padding:5px;
		border-top:1px solid #999999;
		border-left:1px solid #999999;
		border-right:1px solid #999999;
		border-bottom:2px solid #666666;
}
td.inputfield{
		text-align:left;
}
td.inputtitle{
		text-align:right;
		vertical-align:top;
		width:160px;
}
#bottomLinks a {
		color:#999999;
}
h1{
		margin-top:7px;
		margin-bottom:3px;
		font-size:14px;
		font-weight:bold;
}
h2{
		margin-top:7px;
		margin-bottom:3px;
		font-size:13px;
		font-weight:bold;
		color:#666666;
}
h3{
		margin-top:7px;
		margin-bottom:3px;
		font-size:11px;
		font-weight:bold;
		color:#666666;
}
#serviceHead{
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		margin-top:12px;
}
div.linksbox {
		border:1px solid #CCCCCC;
		padding:0;
}
#linksboxtitle{
		background-color:#EEEEEE;
		padding:5px;
		border-bottom:1px solid #CCCCCC;
		margin-bottom:5px;
}
#linksinnerbox{
		margin:10px;
}
ul{ 
		width:180px;
		padding:0;
		margin:0;
		margin-top:5px;
}
td#right_col{
		width:190px;
		vertical-align:top;
		padding:0;
		margin:0;
		text-align:left;
}
#side_box{	
		padding:0;
		margin:0;
}
#side_menu{
		text-align:left;
		margin-top:5px;
}
#side_menu ul{
		margin:0;
		padding:0;
		width:185px;
		list-style-position:outside;
		list-style-type:none;	
		margin-left:4px;

}
#side_image{	
		padding:0;
		margin:0;
		margin-left:9px;
		line-height:0;
		font-size:0;
}

#side_menu ul li {
		margin:0;
		padding:0;
		margin-top:2px;
		list-style-type:none;		
}
#side_menu ul li a{
		display:block;
		padding:5px;
		padding-left:10px;
		background-image:url('/_img/leftMenu.jpg');
		background-repeat:no-repeat;
		color:#000062;
		font-size:12px;
		text-decoration:none;
		background-color:#CCCCCC;
}
#side_menu ul li a:hover {
		background-image:url('/_img/leftMenu2.jpg');
}

#background{
		width:314px;
		height:480px;
		position:absolute;
		top:113px;
		left:0;
}
#outer_footer{
		position:relative;
		border-top: 2px solid #000062;
		min-height:100px;
		background-color:#333333;
		filter:alpha(opacity=92); -moz-opacity:.92; opacity:.92 ;
}
#footer {
		width:900px;
		margin: 0 auto 0 auto;
}
#footer_content{
		width:760px;
		margin-left:70px;
}
#content {
		width:760px;
		margin-left:140px;
		margin-top:0;
		padding-top:0;
}
#content ul, ol, li {
		width:auto;
		list-style-type:circle;
		list-style:disc;
}
#left_col ul{
		padding-left:20px;
}
#background_container{
		width:900px;
		margin-right:140px;
		position:relative;
}
#resources {
		margin-top:5px;
		border-collapse:collapse;
}
#resources td {
		padding-right:40px;
}	
#resources a{
		color:#3B91CA;
}
#menu {
		position:absolute;
		right:0;
		top:45px;
		z-index: 100;
}
#right_strip{
		border-left:2px solid #999999;
		position:absolute;
		top:126px;
		right:180px;
		height:342px;	
		
}
#menu li a {
		background-repeat:no-repeat;
		display:block;
		padding-left:6px;
		padding-right:6px;
}
#menu li a:hover {
		color:#000062;
}
#menu div{
		position:absolute;
}
/* The magic that makes the menu work*/

ol#topMenu li:hover ol, ol#topMenu li.over ol  { 
 display: block; 
} 
ol#topMenu li { 
	padding-top:0;
	float:left;
	margin:0;
	position:relative;
	list-style-type:none;
}
ol#topMenu li a { 
	list-style-type:none;
	height:17px;
	border-right:1px solid;
	color:#666666;
	text-decoration:none;
	font-size:13px;
	
}
#menuone { width:40px; }
#menutwo { width:54px; }
#menuthree { width:41px; }
#menufour { width:40px; }
#menufive { width:40px; padding-right:8px; border:0; }

ol#topMenu li a:hover { 
	color:#FFFFFF;
	background-color:#000062;
	border-top: 1px solid #000062;
	
}
ol#topMenu li ol {
  display: none;
  margin: 0;
  padding: 0px;
  list-style-type: none;
  position: absolute;
  left: -1px;
  top: 17px;
	width:100px;
}
ol#topMenu li ol li{
  height: auto;
	float:left;
}
ol#topMenu li ol li a {
  display: block;
  padding: 5px;
	height:16px;
	text-align:left;
	font-size:12px;
	width:171px;
	background-color:#FFFFFF;
	border:1px solid #000062;
}
ol#topMenu li ol li a:hover {
  color: #ffffff;
  background-color: #000062;
}

#surveyTypes li {
		width:260px;
		padding:5px;
}