/*bits specific to the index page*/

/*same for all*/
#qds, #recentnews, #showcase, #mdataLnk, #supporting, #showcase, .compoData, #latestevents
{ 
  border:5px solid white;
  background-color: white;
  margin-bottom:5px;
 }

/*quick data search*/
legend {display: none;} /*needed for IE7*/
#qds
{ 

 height:565px;

  }
#qds label.dsearch
{ 
  display:block;
  float:left;
  margin: 0 1em 0 0;
 }

#qds .dsearch input
{ 
  display:block;
  width:116px;
 }

#qds .example
{ 
font-size: 75%;
 }

#qds #map
{ 
border:1px solid black;
width:385px; height:440px;
margin-bottom:5px;
 }

#dispmap_link, #resetmap_link
{ 
  font-size:smaller;
  font-weight:normal;
  }

#qdsf{ margin-top: 5px; }

/*bottom index part*/
#showcase, #recentnews, #latestevents
{
  height: 320px;
  border-right: 5px solid white; 
  }
#recentnews, #latestevents
{
  /*IE is picky, and will not accept 5px. Do not ask me why.*/
    border-right-width: 4px; 
  }


/*last news*/
#recentnews li,#latestevents li
{ 
  margin-left: 5px;
  margin-bottom: 5px;
  margin-bottom:10px;
 }

#recentnews #newsfooter, #latestevents #eventsfooter
{ 
  border-top: 1px solid #006634;
  border-bottom: 1px solid #006634;
  height: 27px;
  line-height:27px;
  width:288px;
 }

#recentnews
{ 
  position:relative;
  overflow:hidden;
  width:288px;
  float : left;
  }
#recentnews h2, #latestevents h2
{ 
  margin-top:0px;
 }
 
 #latestevents
{ 
  float : left;
  position:relative;
  overflow:hidden;
  width:288px;
  margin-left:5px;
 }

#newsfooter, #eventsfooter
{ 
  position:absolute;
  bottom:0px;
  background-color: white;
 }

/*right hand side components*/
#dtitle
{ 
border:5px solid white; 
  border-bottom: 0px;
 }

/*components */
.compoData
{ 
  height:210px;
  width:158px;
  background-color:white;
  }
.compoData h2, #qds h2, #resourcemen h2
{ 
  margin-top:0px;
  font-size: 16px;
  margin-bottom: 0px;
   }
.compoData img.go
{ 
  height: 42px;
  width:48px;
  border: none;
/*  float:right; this is taken care of by div.gobutton*/
 }

.compoData img.descr
{ 
  height: 64px;
  width:158px;
  border: none;
  }
.compoData p
{ 
  margin-bottom: 0;
  margin-top: 0px;
 }
/*go to metadata pages link*/
#mdataLnk
{ 
  background-color:#006634;
  padding: 5px;
  height:73px;
  width:148px;
  font-size: large;
  font-weight:bold;
  
  }
  
#mdataLnk img
{ 
  float:right;
  border:none;
  margin-top: -30px;
  
 }

#mdataLnk a:link, #mdataLnk a:hover, #mdataLnk a:visited, active 
{ 
  color:white;

  }


/*contact us bit*/
#supporting
{ 
height: 320px; /*news - mdlnk(&border) - supporting.borders - 5*/
  }
#supporting h2
{ 
  margin-top: 0;
  margin-bottom: 10px;
 }
#supporting p
{  
  margin-top: 10px;
  margin-bottom: 13px;
}

/*showcase*/
#showcase h1
{ 
  text-align:center;
  margin-bottom: 0;
 }

#showcase_container
{ 
  border: 1px solid #28416A;
  height:291px; /*showcase - h1 - 2xborder*/
  width:162px;
  position:relative;
  }
#showcase img
{ 
  border: none;
  position:absolute;
  }

/*righthand side menu*/
div.gobutton
{ 
  text-align:right
   }

/*coordinates when no javascript*/

#nojsCoord input
{
  position: relative;  
  top: -20px;
  left: 50px;
  width: 100px;
  display: block;
  margin: 0px;
  padding: 0px;

}
#nojsCoord label
{
  clear: both;
  float: left;
  display: block;
  width: 100%;
  margin-top: -12px;
  font-weight: bold;

}

#nojsCoord label.first
{
  margin-top: 12px;
}

#intl
{ 
  margin-top: 5px;
 }

#intl span
{ 
  line-height: 48px;
  height: 48px;
  float:left;
  margin-right: 10px;
 }
#intl img { border:none;}

/* #intl h2.dataText a */
/* {  */
/*   font-size:large; */
/*   font-weight:bold; */
/*  } */

/* supplementary (temporary) big title: survey, for instance*/
#suptitle
{
  color: #CC171E;
  float: right; 
/*
  font-size: small; 
  margin-top: -10px;*/
  }

#suptitle a, #suptitle a:link, #suptitle a:visited, #suptitle a:hover,  #suptitle a:active
{ 
  color: #CC171E;
  text-decoration:none;
   }

#survey
{ 
  font-weight: bold;
  font-size:larger;
  color: #28416A;
  margin-bottom: 5px; 
  border: 1px solid #006634;
  background-color: #EFFAF2;
 }

#survey a, #survey a:link, #survey a:visited, #survey a:hover,  #survey a:active
{ 
  color: #CC171E;
 }
 
 #geodoclnk, #sharelnk
 {
 border: none;
 float:left;
  }