/*-------------------------------------------------------
style.css
Project:	Agriteam Website

Colors:
#333333 - dark grey (text)
#a5022a - red (h2, h3, links)
#a36c29 - tan/brown (h4 a, mainnav hover)
#96641e - tan/brown (project sidebar links, .mission)
#234e0a - green (sidebar headings)
#f4eede - light tan (.project-box bg)
#faf9ef - off white (body bg)
#eee9d3 - off white (mainnav)
#7b4714 - brown (footer text)
-------------------------------------------------------*/

/*-------------------------------------------------------
   FOOTER STICK
-------------------------------------------------------*/
html, body {
   height: 100%;
}

#container {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -157px;
}

#footer {
   height: 115px;
}

/*-------------------------------------------------------
   BODY
-------------------------------------------------------*/
body {
   text-align: center;
   background: #faf9ef url(../images/bg-body.gif) repeat-x top left;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   color: #333;
}

/*--------------------------------------------------
	CLEAR FIX
--------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*-------------------------------------------------------
   TYPOGRAPHY and BASIC ELEMENTS
-------------------------------------------------------*/
/* headings */
h2, h3, h4, h5, h6 {
   font-family: Times, "Times New Roman", serif;
   color: #a5022a;
}

h1 {
	text-indent: -9999px;
}

	/* requires w, h,  */
	h1 a {
	   display: block;
	   position: absolute;
	   top: 0;
	   left: 142px;
	   width: 538px;
	   height: 99px;
	   background: url(../images/bg-h1.gif) no-repeat top left;
	}
	
	h1 a.fr {
	   background: url(../images/bg-h1-fr.gif) no-repeat top left;
	}

h2 {
   font-size: 24px;
   padding-bottom: 5px;
}

h3 {
   font-size: 18px;
   padding-top: 10px;
   padding-bottom: 5px;
   clear: both;
}

h4 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #333;
   padding-bottom: 5px;
   clear: both;
}
   
/* paragraphs etc. */
p {
   line-height: 1.2;
   padding-bottom: 15px;
}

	p.left {
	   text-align: left;
	}
	
	p.right {
	   text-align: right;
	}
	
	p.center {
	   text-align: center;
	}
	
.hilite { 
   font-weight: bold;
   font-style: italic; 
}

big {
   font-size: 125%;
}

small {
   font-size: 75%;
}

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}

blockquote {
   padding: 0 20px 10px;
}

/* lists - usually have to put #content in front */
#content ul {
   list-style: square outside;
   margin-left: 36px;
   padding-bottom: 15px;
   line-height: 1.2;
}

#content ol {
   list-style: decimal outside;
   margin-left: 36px;
   padding-bottom: 15px;
   line-height: 1.2;
}

/* links */
a, a:visited {
   color: #a5022a;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

h4 a {
   color: #96641e;
   font-weight: bold;
}

h4 a:hover {
   color: #a5022a;
   text-decoration: none;
}

/* images */
img.left {
	float: left;
	margin-right: 10px;
}

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

img.center {
	margin: 10px auto;
	display: block;
}

.img-wrapper-left {
   background: url(../images/shadow.gif) no-repeat bottom right;
   clear: right;
   float: left;
   margin: 0 15px 15px 15px;
   position: relative; /*IE6*/
   display: inline; /*IE6*/
}

div.flickr_badge_image {
   background: url(../images/shadow.gif) no-repeat bottom right;
   float: left;
   margin: 0 15px 15px 15px;
   position: relative; /*IE6*/
   display: inline; /*IE6*/
}

.img-wrapper-right {
   background: url(../images/shadow.gif) no-repeat bottom right;
   clear: left;
   float: right;
   margin: 0 15px 15px 15px;
   position: relative; /*IE6*/
   display: inline; /*IE6*/
}

.img-wrapper-right img,
.img-wrapper-left img,
div#flickr img {
   background: #fff;
   border: 1px solid #ddd;
   padding: 5px;
   display: block; /*IE6*/
   margin: -5px 5px 5px -5px;   
   position: relative; /*IE6*/
}

/* horizontal rule */
hr {
	color: #eee;
	background-color: #eee;
	border: 0;
	height: 1px;
}

/* tables */
table.jobs {
   width: 635px;
   border-collapse: collapse;
   border: 1px solid #ffe5b0;
   background: #fffefd; 
   margin-bottom: 10px;
}

.jobs tr {
   border-top: 1px solid #ffe5b0;
}

tr.odd {
   background: #fffaf0;
}

.jobs th {
   text-align: left;
   font-weight: bold;
   padding: 5px;
   color: #a5022a;
}

.jobs td {
   padding: 5px;
   border-top: 1px solid #ffe5b0;
}

.jobs td.name {
   font-weight: bold;
   white-space: nowrap;
}

/* forms */
form {
   
}

fieldset {
   
}

legend {
   
}

input {
   
}

textarea {
   
}

.error {
   
}

#searchform {
   height: 24px;
   border: 1px solid #afafab;
   background: #fff;
   margin: 0 auto 15px;
   width: 238px;
   
}

#searchform input.search-txt {
   float: left;
   border: 0;
   margin: 0;
   padding: 0;
   width: 210px;
   height: 20px;
   padding: 2px;
   font-size: 12px;
   color: #555;
}

#searchform input.search-btn {
   float: left;
   margin: 0;
   padding: 0;
   width: 23px;
   height: 24px;
}


/*-------------------------------------------------------
   CONTAINER
-------------------------------------------------------*/
#container {
   width: 960px;
   margin: 0 auto;
   text-align: left;
}

/*--------------------------------------------------
	BRANDING
--------------------------------------------------*/
#branding {
	float: left;
	width: 960px;
	height: 99px;
	background: url(../images/bg-branding.jpg) no-repeat bottom left;
	position: relative;
}

.print {
   display: none;
}

/*-------------------------------------------------------
   MAIN NAVIGATION
-------------------------------------------------------*/
#mainnav {
   float: left;
   background: url(../images/bg-mainnav.jpg) no-repeat top left;
   font-family: Lucida, "MS Trebuchet", sans-serif;
   font-size: 18px;
   width: 818px;
   padding-left: 142px;
   height: 33px;
}

#mainnav li {
   float: left;
   margin-left: 15px;
}

#mainnav a:link, #mainnav a:visited {
   display: block;
   height: 27px;
   padding: 6px 10px 0;
   text-decoration: none;
   text-shadow: #222 1px 1px 2px;
   color: #eee9d3;
}

#mainnav a:hover, 
#home #mainnav .home a,
#about #mainnav .about a,
#expertise #mainnav .expertise a,
#sector #mainnav .expertise a,
#services #mainnav .expertise a,
#projects #mainnav .projects a,
#field-notes #mainnav .field-notes a,
#employment #mainnav .employment a,
#contact #mainnav .contact a {
   background: #faf9ef;
   color: #a36c29;
   text-shadow: none;
}

/*-------------------------------------------------------
   CONTENT | 670px
-------------------------------------------------------*/
#content {
   float: left;
   width: 640px;
   padding: 42px 0 40px 30px;
}

/* Page Subnav */
.page-subnav {
   text-align: center;
   font-size: 15px;
   width: 600px;
   margin: -30px auto 15px;
   padding-bottom: 5px;
}

.page-subnav a, .page-subnav a:visited {
   color: #96641e;
   padding: 0 20px 5px;
   background: url(../images/bg-hr.gif) no-repeat bottom left;
}

.page-subnav a:hover {
   color: #a5022a;
   text-decoration: none;
}

/* Mission (home page) */
p.mission {
   font-family: Times, "Times New Roman", serif;
   font-size: 26px;
   color: #96641e;
}

/* Project Box */
.project-box {
   float:left;
   width: 628px;
   padding: 5px;
   border: 1px solid #d0c8b6;
   background: #f4eede;
   margin-bottom: 25px;
}

   #projects .project-box {
      width: 598px;
      padding: 20px 20px 5px;
   }

.project-box a, .project-box a:visited {
   color: #96641e;
   font-weight: bold;
}

   #projects .project-box a, #projects .project-box a:visited {
      color: #a5022a;
      font-weight: normal;
   }

.project-box a:hover {
   text-decoration: none;
   color: #a5022a;
}

   #projects .project-box a:hover {
      text-decoration: underline;
   }

dl.table-display {
   float: left;
   width: 410px;
   line-height: 1.2;
}

.table-display dt {
   float: left;
   width: 130px;
   padding: 5px;
   font-weight: bold;
   text-align: right;
}

.table-display dd {
   float: left;
   width: 260px;
   padding: 5px;
}

/* Entry Div */
.entry {
   background: url(../images/bg-hr.gif) no-repeat center bottom;
   float: left;
   width: 640px;
   padding: 15px 0;
   margin-bottom: 30px;
   margin-right: -3px;
}

.entry .col-a {
   float: left;
   width: 200px;
}

.entry .col-b {
   float: left;
   width: 440px;
   margin-right: -3px;
}

.entry h4 {
   font-size: 13px;
   padding: 0 0 15px 0;
}

.entry h4 a, .entry h4 a:visited {
   color: #96641e;
   font-weight: bold;
}

.entry h4 a:hover {
   text-decoration: none;
   color: #a5022a;
}

span.date {
   color:#666666;
   display:block;
   font-size:11px;
   letter-spacing:1px;
   text-transform:uppercase;
   margin-bottom: -5px;
}

span.search_section {
   color:#666666;
   display:block;
   font-size:11px;
   letter-spacing:1px;
   text-transform:uppercase;
   margin-bottom: 5px;
}

#flickr {
   width: 640px;
}


/*-------------------------------------------------------
   SIDEBAR | 280px
-------------------------------------------------------*/
#sidebar {
   float: left;
   width: 280px;
   padding: 42px 0 40px 10px;
}

#sidebar h3 {
   padding-top: 0;
   padding-bottom: 20px;
   font-family: Lucida, "MS Trebuchet", sans-serif;
   font-size: 16px;
   color: #234e0a;
   text-shadow: #222 1px 1px 2px;
}

#sidebar li {
   line-height: 1.2;
   padding-bottom: 5px;
}

.box {
   float: left;
   width: 202px;
   padding: 0 0 15px 78px;
}

.tree {
   padding-top: 52px;
   background: url(../images/bg-h3-tree.gif) no-repeat top left;
}

.people {
   padding-top: 45px;
   background: url(../images/bg-h3-people.gif) no-repeat top left;
}

.note {
   padding-top: 45px;
   background: url(../images/bg-h3-note.gif) no-repeat top left;
}

.diamond {
   padding-top: 42px;
   background: url(../images/bg-h3-diamond.gif) no-repeat top left;
}

.cat-list a, .cat-list a:visited {
   color: #96641e;
   padding-left: 16px;
   margin-left: -16px;
}

.cat-list a:hover {
   background: url(../images/bg-cat-list-link.gif) no-repeat left center;
   color: #a5022a;
   text-decoration: none;
}

/*-------------------------------------------------------
   FOOTER
-------------------------------------------------------*/
#footer {
   width: 100%;
   background: url(../images/bg-footer.gif) repeat-x top left;
   padding-top: 42px;
   font-size: 12px;
}

#footer p {
   color: #7b4714;
}

#footer a, #footer a:visited {
   color: #7b4714;
}

/*-------------------------------------------------------
   MAP
-------------------------------------------------------*/
#map {
   width: 280px;
   height: 167px;
   position: relative;
   background: url(../images/bg-map.gif) no-repeat top left;
   margin-left: -78px;
   margin-bottom: 10px;
}

#map li {
   display: block; 
   position: absolute;
   margin: 0;
   padding: 0;
   line-height: normal;
}

#map li a {
   display: block; 
   text-indent: -9999px; 
   text-decoration: none;
}

#n-am       {top:16px; left:21px; width:83px;   height:73px; z-index:10;}
#s-am       {top:81px; left:66px; width:38px;   height:70px; z-index:40;}
#eu         {top:16px; left:117px; width:140px; height:44px; z-index:40;}
#n-afr      {top:57px; left:117px; width:43px;  height:34px; z-index:70;}
#mid-east   {top:51px; left:149px; width:28px;  height:30px; z-index:90;}
#n-asia     {top:39px; left:162px; width:71px;  height:37px; z-index:80;}
#s-asia     {top:57px; left:176px; width:27px;  height:32px; z-index:100;}
#se-asia    {top:66px; left:200px; width:39px;  height:39px; z-index:90;}
#sub-afr    {top:66px; left:117px; width:53px;  height:64px; z-index:60;}

#n-am a     {height:73px;}
#s-am a     {height:70px;}
#eu a       {height:44px;}
#n-afr a    {height:34px;}
#mid-east a {height:30px;}
#n-asia a   {height:37px;}
#s-asia a   {height:32px;}
#se-asia a  {height:39px;}
#sub-afr a  {height:64px;}

#n-am       a:hover {background: url(../images/bg-map.gif) no-repeat -21px -183px;}
#s-am       a:hover {background: url(../images/bg-map.gif) no-repeat -66px -263px;}
#eu         a:hover {background: url(../images/bg-map.gif) no-repeat -117px -214px;}
#n-afr      a:hover {background: url(../images/bg-map.gif) no-repeat -117px -264px;}
#mid-east   a:hover {background: url(../images/bg-map.gif) no-repeat -149px -183px;}
#n-asia     a:hover {background: url(../images/bg-map.gif) no-repeat -162px -264px;}
#s-asia     a:hover {background: url(../images/bg-map.gif) no-repeat -176px -311px;}
#se-asia    a:hover {background: url(../images/bg-map.gif) no-repeat -200px -349px;}
#sub-afr    a:hover {background: url(../images/bg-map.gif) no-repeat -117px -310px;}



/*-------------------------------------------------------
   DIAGNOSTICS
-------------------------------------------------------*/
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
a[href="tktktk"] {background: lime;}