/* CSS Document 
Design by Dwayne Schnell Copyright 2008
Loklo Media www.loklomedia.com */
body {
  background: #ddd;
  /*background-image: url('http://loklomedia.com/testing/img/back_repeat.png') repeat-y;
  background-repeat: repeat-y;*/
  font-family:helvetica, Arial, Verdana, sans-serif;
  
  text-align:center;
  padding:0; margin:0;
}
img, #header { behavior: url(iepngfix.htc) } /*fix for IE6 to support PNG transparency */
#headwrap {

  background-color:#000;
  position:relative;

  left:0px;
  height:8.3em;
  z-index:80;
  }
#wrap {
  position:relative;
  background: #ddd url('../img/back_repeat.png') repeat-y fixed 50%;
  margin:0 auto;

  
  /*z-index:30;*/
}
#header { 
  /*background: url('../img/header.png')no-repeat bottom center;*/

  clear:both;
  display:block;
}
#header h1 { /*text*/
  position:relative;
  /*margin-right:1em;
  margin-top:.5em;*/
  font-size:2em;
  text-align:right;
  top:.5em;
  right:.5em;
}

#header h2 {
  color: #69736a;
  position:relative;
  top:-.7em;
  right:2em;
  color:#808080;
  font-size:1.2em;
  text-align:right;

}
b {
  font-weight: bold;
}
#content {
  
  clear:both;
  padding-bottom:2em;
  min-height:200px;
}
#content h2 {
  position:relative;  
  text-align:left;
  display:block; 
  margin:0 auto;
  left:auto;
  width:28em;
  color:#119BED;
}
#content div{
  clear:both;
  

  display:block;
}
#content p {
  position:relative;
  top:auto;
  left:auto;
  margin:1em auto; 
  width:44em;
  text-align:left;
  margin: .8em auto;
  color:#000;
  line-height:1.3;
  
  
}

.image { 
  clear:both;
  /*float:right;*/
  

  /*margin-left:10px;*/
  /*border:1px #808080 dotted;*/

}
.image2 { 
  clear:both;
  /*float:right;*/
  padding:8px;
  margin:0 auto;
  /*border:1px #808080 dotted;*/

}
.image2 p {
position:relative;
text-align:right;
font-style:italic;
}

/*---------suckerfish /htmldog example and modified from alistapart.com/htmldog.com----------*/
#nav, #nav ul { /* all nav lists */
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 2em;
	text-align:left;
	width:45em; /*adjust this if more elements are added to the first level nav menu*/
}

#nav a {
	display: block;
	width: 6.5em;
		color:#900;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#nav li { /* all list items */
	background-color:#FEE600;

  float: left;
	width: 6.5em; /* width needed or else Opera goes nuts */
	margin-right:1px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FEE600;
  width: 6.5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {
margin-top:1px;

line-height:1em;
padding:.3em 0;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}
#nav a:hover, #nav li.sfhover ul a:hover {
background-color:#119BED; /*blue*/
}
#nav a.selected, #nav ul a.selected {
background-color:#119BED; /*blue*/
}
/*-------------------*/

dl.mgmt {
position:relative;
border-top: 0;
border-bottom: 1px dotted black;
border-right:1px dotted black;
border-left:1px dotted black;
width:13em;
margin-left:auto;
margin-right:60%;
}
dt.ppl {
color:#333;
text-align:left;
border-bottom:1px #bbb solid;
border-top:1px #bbb solid;
}
dd.qual {
text-align:left;

background:#dda;
color:#565;
}
dd.position {
text-align:left;
color:#565;
}


dl.jobs {
position:relative;
margin:0 auto;
width: 500px;
background: #dbdbab;
border:1px dashed #ddd;
}
dt.pos {
display:block;
text-align:left;
font-size:1.3em;
border-top: 2px dashed #aaa;
}
dd.avail {
background:#888;
text-align:center;
}
dd.d {

text-align:left;
margin-left:4em;
}
#pol ul, #pol li {
padding-top:.5em;
list-style-type: square;
list-style-position:inside;
width:400px;
margin: 0 auto;
text-align:left;
line-height:1.3em;
}


#content ul.proj {
width:35em;
margin:0 auto;
position:relative;
list-style:disc;
padding:1em;
/*margin-left:11em;*/
text-align:left;
}
/*-----------------------*/
.address {
position:relative;
left:13em;
border:1px dotted black;
width:21em;
text-align:left;
margin:1em;
}




/*----------------------*/

#footline {
  clear:both;
 
  margin:0 10%;
}


#foot ul {
  clear:both;
  list-style:none;
  width:35em; 
  margin:0 auto;
  border-top:1px #808080 dashed;
}
#foot li {
  float:left;
  width:3em;
  padding:.5em 1.0em;
  padding-bottom:3em;
 
}
#foot a {

  color:#818181;
  text-decoration:none;
  margin:0 auto;
  border:0;
}
#foot a:visited {
  color:#707070;
}
#foot a:hover {
  text-decoration:underline;
}
#subul1, #subul2 {

font-size:.8em;

}
#foot p {

  clear:both;
  margin:0 auto;
  color:#808080;
}
#valid {
	margin:0 auto;
}