/* Styles used only on the homepage */

.column
{
  margin: 8px;

  float: left;
}

#left_column
{
}

#middle_column
{
}

#right_column
{
}

#login_box
{
  width: 300px;
  height: 140px;
   
  margin-left: 10px;
  
  float: left;
}

#logon {
  height: 140px;

  padding-left: 15px;
}

#logon a.button
{
  height: 30px;

  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  
  display: block;
}

#logon a.button:hover
{
  background-color: #454545;
}

#logon a.button img
{
  width: 20px;
  
  vertical-align: middle; 
}

#news_box
{
  width: 400px;
  height: 140px;
  
  margin-right: 10px;
  
  -moz-border-radius: 10px;
  
  float: right;
}

/* Gallery style */

#gallery_box
{
  /*margin-top: 18px;
  margin-bottom: 18px;*/

  border-top: double #212121 3px;
  border-bottom: double #212121 3px;
}

#gallery_box .content
{    
  background-color: #212121;
}

#categories
{
  /*width: 680px;*/
  height: 30px;
  
  margin-right: auto;
  margin-left: auto;
  
  border-bottom: 1px #a3d922 dashed;
  
  color: #a3d922;
  line-height: 30px;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
}

#categories a
{
  height: 20px;
  
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px;
  
  line-height: 16px;
  text-decoration: none;
  
  cursor: pointer;
  display: block;
  float: left;
}

#categories a:hover
{
  color:#c6ff00;
  
  background-color: #191919;
}

#arrow_left
{
  margin-top: 45px;
  margin-left: 50px;
  float: left;
}

#arrow_right
{
  margin-top: 45px;
  margin-right: 50px;
  float: right;
}

#images
{
  width: 680px;
  height: 120px;
  
  margin-left: auto;
  margin-right: auto;
}

#images .image
{
  height: 80%;
    
  margin-left: 10px;
  margin-top: 7px;
  margin-right: 10px;
  
  border: 5px #FFFFFF solid;
  cursor: pointer;
  
  float: left;
}


#full_image
{
  position: absolute;
  width: 100%;
  height: 200%;
  z-index: 100;
  overflow:hidden;
}

#full_image .bg
{
  position: absolute;
  width: 100%;
  height: 100%;
  
  margin-bottom: 0px;

  background-color: #000000;

  color:#FFFFFF;
  
  opacity: 0.7;
  filter: alpha(opacity=70);  
  -moz-opacity:0.7;
}

#diapo
{
  position: absolute;
  
  border: #ffffff solid 10px;
  border-bottom: #ffffff solid 40px;

  background-color: #ffffff;
  
  color: #292929;
  font-weight: bold;
  
  cursor: pointer;
  z-index: 100;
}

/* End gallery style */

#adverts_box
{
  width: 275px;
  
  margin-bottom: 18px;
}

#school_box
{
  width: 275px;
  
  margin-bottom: 18px;
}

#press_box
{
  width: 275px;
}

#presentation_box
{
  width:275px;
  height: 240px;

  margin-bottom: 18px;
  padding: 0px;
}

#truth_box
{
  width: 275px;

  margin-bottom: 18px;
  padding: 0px;
}

#partners_box
{
  width: 275px;
}

#results_box
{
  width: 275px;
}

#weather
{
  position: relative;
  
  width: 140px;
  height: 140px;
  
  margin-left: 10px;
  margin-right:0px;
  
  border: 3px solid #292829;
  -moz-border-radius: 10px;
	
  background: #3a3d3a;
  
  float:left;
}

#weather .bigimage
{
  position: absolute;
  
  margin-top: 0px;
  margin-left: 10px;
}

#weather .bigimage img
{
  width: 60px;
  height: 60px;
}

#weather table.current
{
  margin-top: 20px;
}

#weather table.forecast
{
  margin-bottom: 10px;
}

#weather table.forecast,
#weather table.current
{
  width: 100%;
}

#weather table.forecast tr.color
{
  background: #292829;
}

#weather table.forecast td, 
#weather table.current td
{
  font-family: 'Arial';
  font-weight: bold;
  font-size: 11px;
}

#weather table.forecast td
{
  border-top: 2px solid #888888;
}

#weather table.current td.locale
{
  padding: 5px 10px;
  color: #FFFFFF;
}

#weather table.current td.locale div
{
  font-size: 14px;
}

#weather table.current td.locale div.temp
{
  color: #BBCADD;
  font-size: 14px;
}

#weather table.current td.temp
{
  font-size: 30px;
  color: #FFFFFF;
  width: 26px;
  font-weight: normal;
  text-align: right;
  padding-right: 0px;
}

#weather table.forecast td.days
{
  color: #FFFCF9;
  text-transform: uppercase;
  padding: 5px 0px 5px 2px;
  width: 30px;
  font-size: 10px;
}

#weather table.forecast td.images
{
  text-align: center;
  padding: 1px 0px;
}

#weather table.forecast td.high
{
  color: #FFFFFF;
  width: 20px;
  text-align: center;
  font-size: 12px;
}

#weather table.forecast td.low
{
  color: #7792BF;
  width: 20px;
  text-align: center;
  font-size: 10px;
}