html, body {
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	background: #AD9F85;
	background-image: url(templates/IEM/images/bkg-top.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	min-height:101%;

}

html>/**/body #logocontainer {height:56px } /*FF and NS*/
#logocontainer {height:58px}/*IE*/

body {text-align:center}
h2 {font-size:11px;  margin-bottom:8px; padding-top:0px; margin-top:16px}
h2.subhd {color: #000; font-size:14px; margin-top:0; padding-top:4px; margin-bottom:14px;}
h2 img {vertical-align:text-bottom; border:0}
p {line-height: 1.4em; margin-top:8px; margin-bottom:8px}
#content {line-height: 1.4em;}
a:link, a:visited {
	text-decoration: none; color: #000;
} 
a:hover {
	text-decoration: underline; color:#3f5a93
}

ol {margin-top:8px} 
#skipnav {position:absolute; z-index:100; left:-5000px} 
div#container {
	width: 735px;	
 min-height:97%;
  height:auto !important;
  height:97%;
margin-left:auto;
margin-right:auto;
background: #fff;
}
#topbar {
   height:206px;
   background: url("images/top_swoosh.gif") 0 2px no-repeat; 
}

#breadcrumb { font-size:9px;
	/*background-color: #AD9F85;*/
	margin-left: 25px;
	margin-top:5px;
	padding:0 0 5px 0;
	text-align:left;
  }

#breadcrumbnav {color:#666665; padding:2px; margin-bottom:4px}
#breadcrumbnav a:link {color:#666665; text-decoration: underline}
#breadcrumbnav a:hover {color:#203d7b}
#breadcrumbnav a:visited {color:#666665; text-decoration: underline}

html>/**/body #topbar{ height:204px; background: url("images/top_swoosh.gif") no-repeat; }
#logo {
	margin-top:12px; 
	margin-left:30px;
	display:block; 
	float:left
}

#logo img {border:0}
#searcharea {
	margin-top:12px; 
	margin-right:10px;
	display:block; 
	float:right
}	
#tagline {
	text-align:right;
	margin-top:-4px;
}

input#search {border: 1px outset #ccc; background-color:#CCCCCC; font-size:11px; padding:2px; margin-left:2px}
#navbar {
	width:460px; 
	float:right;
	text-align:left
}
#areapic {width: 168px; height:128px; left:0; position:absolute; }
#areapiccontainer {position:relative; height:128px; overflow:hidden; margin-top:4px}

html>body #areapiccontainer {height:126px}
html>body #areapic {height:128px;}
#fadeline {line-height:4px; font-size:1px; text-align:left}

#contentcontainer{ padding:0 6px 10px 24px; text-align:left}


.sectiontitle {
font-family: verdana, arial, sans-serif;
font-size:18px;  
font-weight:bold;
color: #fff;
margin:4px 0 4px 0;
}

#content {width:536px; float:left; margin-right:5px; text-align:left}

#content a:link {color:#203d7b}
#content a:visited {color:#3f5a93}
#sidebar {width:146px; float:right; padding-left:2px; padding-bottom:20px; 
/* background: url(images/sidebar_bottomfade.gif) left bottom no-repeat;*/
}

#footer { font-size:9px;
	background-color:  #ad9f85;
	color: #000;
	width: 735px;
	margin-left: -368px;
	margin-top:35px;
	padding:0 0 4px 0;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#footernav { background: #759161; color:#fff; padding:2px; margin-bottom:4px}
#footernav a:link {color:#fff}
#footernav a:hover {color:#ccc}
#footernav a:visited {color:#e5e5e5}
/*navrollover */
#navcontainer ul
{
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
background-color: #759161;
color: White;
float: left;
height: 0;
width: 100%;
font-family: verdana, arial, sans-serif;
font-size:7pt;
font-weight:bold
}

#navcontainer ul li {display: inline;  float: left; }

.nav0 { 
padding: 5px 5px 5px 5px;
background-color: #759161;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}



#navon2 { 
color: #203d7b;
 }

#navcontainer ul li a
{
padding: 5px;
background-color: #759161;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #203d7b;
color: #fff;
}

/*subnav */
#subnav {margin-top:-4px; padding:0; font-size:9px; position:absolute}
html>body  #subnav {margin-top:16px}
#subnav ul { padding:0; margin:20px}
#subnav li {padding:2px}
@media print { #subnav {position:relative; margin-top:-10px;}
#subnav ul { padding:0; margin:0px 20px}} 

#content ul {line-height:1.2em; list-style-type:square; margin-top:8px; padding-bottom:4px; }
#content li {margin-bottom:4px; list-style-type:square; margin-left:15px; }
#content ul.highlight  { list-style-type:square;  margin-top:10px; width:94%; background: #fff}
#content ul.highlight .rowu {background-color: #efefef; padding:3px 4px; margin:3px 20px 3px 30px}
#content ul.highlight .rowe {background-color: #f6f6f6; padding:3px 4px; margin:3px 20px 3px 30px	}


#reference {background: #efefef;  margin:20px 0 14px 0; border: 1px solid #efefef; clear:both;}
#reference ul {list-style-type: none;
padding-left: 0;
margin:0 ;
margin-left: 5px;  color:#515151}
#reference  li {list-style-type: none;line-height:1.3em; background: url(images/arrow.gif) left 2px no-repeat; padding-left: 15px;
margin: 8px; 
}

#jobslist {margin:0px 0 14px 0; width:100%; font-weight:bold}
#jobslist ul {list-style-type: none;
padding-left: 0;
margin:0 ;
margin-left: 5px;  color:#515151}
#jobslist li {list-style-type: none;line-height:1.3em; background: url(images/arrow.gif) left 2px no-repeat; padding-left: 20px;
margin: 12px; 
}


#content ul.multiline li{margin-bottom:12px}
#content ul.multiline {margin-bottom:10px;  line-height:1.4em; list-style-type:square}

/*feature box in content area */
.featurebox {background: #F0ECE2; width:220px; float:left; margin:5px 10px 6px 0}
.featurebox p {padding:2px; margin:6px; font-size: 10px; line-height: 1.1em;}
.featurebox h2 {background: #7C7C7C; padding:2px; margin:0; color: #fff; font-size: 10px}
.featurebox p.source {font-style:italic; color: #333;  margin-top:-2px; padding-bottom:6px}

/*sidebar styles   */
.box, .contact {margin-bottom:10px}
.box h2, .contact h2  {background: #626b70; color:#fff; font-weight:bold; font-size:11px; padding:1px; margin:2px; text-align:center}
.box ul {list-style:none; margin:2px; padding:0;}
.box ul li {background: #f4f4f4; margin:1px 0; padding: 2px 0 2px 4px; font-size:9px; font-weight: bold}
.box ul li ul{ margin:0; margin-left:-4px; background: #fff}
.box ul li ul li{background: #F1EEEA; margin:1px 0; padding: 2px 0 2px 6px; font-size:9px; font-weight: normal; }
.contactinfo { font-size:9px; padding:4px 6px; line-height:1.4em; background: #f4f4f4; margin:0 2px}
.contact img {vertical-align:text-bottom; padding:1px 2px 0 0}
.contact p {margin:2px 0 3px 0}

.backbox  {background: #FFF; width:140px; color:#000; font-weight:bold; font-size:9px; padding:2px 0 5px 4px; margin:2px 0 10px 1px; text-align:center;border-style: solid; border-width: 1px}

.plugin{ padding:5px; text-align:center; font-size:9px}

.leftcol {width:52%; float:left}
.rightcol {width:48%; float:left}
.caption {font-weight:bold; margin:0; padding:2px; margin-bottom:12px}
.highlight {background: #e5e5e5; padding: 8px; margin:10px 0}
img.middle {border:0; vertical-align:baseline; padding: 0 4px}
.employee {font-style:italic; font-weight:bold}
.centerimg {vertical-align:bottom; padding-right:4px}
.fileinfo {font-size:10px; font-style:italic}



/*Events table */
table#events, table#news {border-spacing: 4px; margin-top:12px; width:100%}
td.eventname, td.newsname {vertical-align:top; background: #efefef; padding:2px}
td.eventdate {vertical-align:top; background: #e5e5e5; width:130px; padding:4px;} 
td.newsdate {vertical-align:top; background: #e5e5e5; width:100px; padding:4px; }
hr {border: none 0;
border-top: 1px solid #ccc;/*the border*/
height: 1px;
margin:0 2px;
}
html>/**/body  hr {margin:4px 2px;}

/*job listings */
.jobname  {background: #e5e5e5; padding: 4px; margin:6px 0}
.listingjobname {font-weight:bold; padding: 10px 0; font-size:16px}
.listinghd {font-weight:bold; margin-bottom:10px; }
.listingcontact {margin-bottom:20px;}
.prfooter {font-style:italic; color :#333}
#joblisting li {line-height:1.4em; margin-bottom:5px;  text-indent:0}
#joblisting ul {margin-bottom:4px}

#print  {text-align:right; }
#print a:link, #print a:visited  {color: #333}
#print img {vertical-align:text-bottom; border:0}
#prlogo, #prcontact {display:none}
#pressrelease {line-height:1.4em}

h2.newshd {margin:4px 0}
.dotted {margin:0 0 10px 0; padding-bottom:6px; background: url('images/dots.gif') repeat-x bottom}
#newspage img {padding: 6px}
#sitemap {margin-top:14px}
#sitemap ul {margin:0 0 0 20px; padding: 2px 10px}
#sitemap ul li {padding: 2px 4px 6px 4px;  font-weight:bold; list-style-type:square}
#sitemap ul li ul li{padding: 2px 2px 2px 2px; font-weight:normal; list-style-type:disc}
#sitemap ul li ul li ul li{padding: 0; font-weight:normal; list-style-type:circle }
#sitemap ul li ul, #sitemap ul li ul li ul {margin-top:6px; padding-left:12px;}

#searchtable {border-collapse:collapse; display:inline}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */