/*
resources bits

#resourcemen => menu (called from index as well))
*/


#resourcemen, #resMain
{ 
  margin-bottom:5px;
  border:5px solid white;
  background-color:#FFFFFF;
 }

/*recource menu, id='resource'*/
#resourcemen 
{ 
  height: 580px;
 }

#resMain {
	min-height: 580px;
}

#resourcemen div > *
{
  border-bottom: 15px solid white;
  margin-bottom: 0px;
 }


/*IE does not like the previous one...*/
#resourcemen ul,
#resourcemen h1
{ 
  border-bottom: 7px solid white;
  margin-bottom: 0px;
  }

#resourcemen ul
{ 
  list-style:none;
  padding-left: 2px;
  margin-top: 0;
  margin-left: 0px;
 }


#resourcemen ul a
{ 
font-weight: normal;
}

/*this one is sometimes not seen by IE*/
#resourcemen ul a:link, #resourcemen ul a:active, #resourcemen ul a:visited 
{
color:white;
 }

/*crap, but hover has to be the last one.. */
#resourcemen ul a:hover
{ 
  color: #FF8527;
  }



#resourcemen form
{ 
/*IE do not like this negative margin*/
/*  margin-top: -10px;*/
  background-color: #FFFFFF;

 }


#resourcemen form label
{ 
font-size:smaller;
 }
 
 #resourcemen form label input{
   position:relative;
  top: -18px;
 }

#suggreslink
{ 
  text-decoration: none;
  font-weight: bold;
 }

h1.resMenuTitle
{ 
  font-size:small;
  color: white;
  margin-top: 0;
  height: 27px;
  line-height:27px;

  }

#resourcemen img
{ 
  border-bottom:2px solid white;
   }

#resourcemen h2
{ 
  margin-top:0;
 }

#resourcemen #go
{ 
  /*we should have a float right, but weirdly enough, this gives us an IE 
  bug: the links of the menu sometimes have the same color as the background, 
  and the white bottom-margin does not appear. But it occurs only randomly.*/

/*  float:right;*/
  width:46px;
  height:41px;
  border:0px;

  
 }

/*online resources top*/
#resCont
{ 
  position:relative;
   }

#orlist
{ 
  padding-left: 0px;
  position:absolute;
  top: 0px;
  margin-top:0px;
  margin-left:0px;
 }

#orlist li
{ 
  margin-right: 30px;
  border: 2px solid #28416A;

  float:left;
  display:block;
  width:75px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
  _padding-bottom: 6px;

  text-align:center;
  font-weight: bold;
  }

#orlist li.active
{ 
  border-bottom: 2px solid white;
  z-index: 999;
  }

/* resource list */
dl.resList dd
{ 
  margin-left:0px;
  }
dl.resList dt
{ 
  margin-bottom: 15px;
  margin-top:15px;
 }

dl.resList dd.or
{ 
  padding-top:29px;
}
ul.resList
{ 
  clear: both;
  list-style-type:none;
  padding-left: 0px;
  border-bottom: 2px solid #28416A;
  margin-left: 0px;
}

ul.resList li
{ 
  border-top: 2px solid #28416A;
  padding-left: 25px;
  margin-bottom:4px;
  padding-top:4px;
  }

.resList a:active, .resList a:visited, .resList a:link, .resList a:hover
{ 
  color: #0066CC;
  text-decoration: none;
  font-weight: bold;
  }
ul.resList a:hover
{ 
  color: #FF8527;
 }


/*resource items*/

div.resItem
{ 
  border-top: 2px solid #28416A;
  margin-bottom: 20px;
  }

div.resItem span.icons
{ 
  float: right;
  margin-top: 10px;
 }

div.resItem img.logo
{ 
  float: right;
  padding: 2px;
  }

div.resItem dl.book
{ 
  margin: 0;
  padding: 0;
  position:relative;

 }
div.resItem dl.book dt
{ 
  margin: 0;
  padding: 0;
  font-style:italic;
  display:inline;
  clear:left;
  float:left;
 }

div.resItem dl.book dd
{ 
  margin: 0;
  padding:0;
  padding-left: 2px;
/*  display:inline;*/
 }


 div.resItem span.res_bm
 {
 	float:right;
 }
 
div.resItem span.res_bm img
{
	border: none;
	padding-left:10px;
}

/* resource menu on the front is slight different */




#resourcemenFront
{ 
  margin-bottom:5px;
  border:5px solid white;
  background-color:#FFFFFF;
 }

/*recource menu, id='resource'*/
#resourcemenFront 
{ 
  height: 565px;
 }


#resourcemenFront div
{
  
  margin-bottom: 0px;
 }


/*IE does not like the previous one...*/
#resourcemenFront ul,
#resourcemenFront h1
{ 

  margin-bottom: 0px;
  }

#resourcemenFront ul
{ 
  list-style:none;
  padding-left: 2px;
  margin-top: 0;
  margin-left: 0px;
 }


#resourcemenFront ul a
{ 
font-weight: normal;
}

/*this one is sometimes not seen by IE*/
#resourcemenFront ul a:link, #resourcemenFront ul a:active, #resourcemenFront ul a:visited 
{
color:white;
 }

/*crap, but hover has to be the last one.. */
#resourcemenFront ul a:hover
{ 
  color: #FF8527;
  }



#resourcemenFront form
{ 
/*IE do not like this negative margin*/
/*  margin-top: -10px;*/
  background-color: #FFFFFF;

 }


#resourcemenFront form label
{ 
font-size:smaller;
 }
 
 #resourcemenFront form label input{
   position:relative;
  top: -18px;
 }
 
 
#resourcemenFront .break img
{ 
  border-bottom:2px solid white;
   }

#resourcemenFront h2
{ 
  
  margin-top:0px;
  margin-bottom:0px;
 }

#resourcemenFront #go
{ 
  /*we should have a float right, but weirdly enough, this gives us an IE 
  bug: the links of the menu sometimes have the same color as the background, 
  and the white bottom-margin does not appear. But it occurs only randomly.*/

/*  float:right;*/
  width:46px;
  height:41px;
  border:0px;

  
 }