/* CSS Document */
/* AdHoc Milano */
/* index.html   */


#enterMessage{

  margin: 100px 0;

  font-family: 'Trebuchet MS', Trebuchet, Arial, serif;
  font-size: 12px;
  text-align: center;

  text-transform: uppercase;

}

#enterMessage a{

  text-decoration: none;

}

/*  SITE  */


*{margin: 0;padding: 0}

#html{

  margin: 0 0 0 0;
  padding: 0 0 0 0;


}

body{

  font-family: 'Trebuchet MS', Trebuchet, Arial, serif;
  font-size: 13px;

  margin: 0 0 0 0;
  padding: 0 0 0 0;

  position: relative;

}


a{

  color: #F47321;
/* #000; */
}


h3{
  font-size: 0.95em;
  color:  #F47321;
  text-transform: uppercase;
  font-weight: normal;

}



h4{
  font-size: 1em;
  color:  #F47321;
  text-transform: uppercase;

}/* IDS */


#logoDiv, #logoDiv2{
  background: url(../_images/adhocSyracuse_bg.gif) repeat;
  position: absolute;
  top: 0;
  z-index: 99;
  width: 4000px;
  height: 450px;

}

#logoDiv img{
  position: absolute;
  bottom: 0;
}

#logoDiv #first-logo   {   left: 930px;     }

#logoDiv #second-logo  {   left: 2290px;     }

#logoDiv #third-logo   {   right: 0;  display:none;  }

#logoDiv{ left: 0px; }
#logoDiv2{ right: 50px; display: none;}


#site-page{
  position: relative;
  margin: 40px 0 30px 0;
  padding: 20px 0 20px 0;
  width: 4050px;
  border-width: 5px 0 5px 0;
  border-color: #FFF;
  border-style: solid;

}

#content {

  position: relative;
  padding: 0px;
  height: 500px;
  padding-left: 15px;

}


#front-part{

  font-family: 'Trebuchet MS', Trebuchet, Arial, serif;
  text-transform: uppercase;


  background-color: #FFF;
  color: #F47321;
  font-weight: bold;

  padding-left: 15px;

  width: 700px;

}


#front-part #adhoclogo{

  margin-bottom: -5px;

}



#front-part span, #location-part span, #sponsor-part span, #people-part li, #people-part h4{

  background-color: #F47321;
  color: #F47321;
  margin: 3px 0 0 0;
  font-size: 1em;
  line-height: 1.8em;
  font-weight: normal;
  letter-spacing: 0px;

  list-style: none;

  display: inline;

}

#front-part:hover span, #front-part div.color-over span,
#sponsor-part:hover span, #sponsor-part div.color-over span,
#location-part:hover span, #location-part div.color-over span,
#people-part:hover li, #people-part div.color-over li,
#people-part:hover h4, #people-part div.color-over h4, #people-part div.color-over a, #people-part:hover a
{
  background-color: #DEDEDE;
  color: #000;
}




#front-part span a{

  color: #F47321;
  background-color: #FFF;
  text-decoration: underline overline;
  text-decoration: none;

  padding: 0 5px 0 5px;

}


#front-part span a:hover{

  text-decoration: none;
  color: #000;

}


#lateral-part, #info-part, #location-part, #people-part, #sponsor-part{
  font-family: 'Trebuchet MS', Trebuchet, Arial, serif;
  font-size: 0.9em;
  line-height: 2em;
  position: absolute;
  top: 0;

  text-transform: uppercase;

}

#people-part li{

  font-size: 0.9em;
  line-height: 2.1em;
  display: inline;
}


#lateral-part{

  right: 160px;

  font-family: Arial, serif;
  font-size: 0.8em;

  width: 950px;
  height: 350px;


  background-color: #FFF;
}

#info-part{

  left: 1400px;
  width: 1300px;
  height: 350px;

}




#sponsor-part{
  left: 0px;
  width: 300px;
}

#location-part{
  left: 300px;
  width: 300px;
}

#people-part{
  left: 650px;
  width: 200px;
}

#people-part a{
  text-decoration: none;
}


#lateral-part .recipient{



}

#lateral-part .recipient div{

  position: relative;
  float: right;
  height: 320px;
  width: 170px;
  margin-left: 5px;


}



#lateral-part .recipient div a{

  display: block;
  background-color: #FFF;
  color: #F47321;
  text-decoration: none;
  line-height: 35px;
  padding: 0 5px 0 0;
  text-align: right;

}

#lateral-part .recipient img{

  width: 170px;
  height: 370px;

}


#lateral-part .recipient div .bookmark{
  display: inline;

  position: absolute;
  right: 0;
  top: -30px;
  z-index: 99;
  color: #FFF;

  font-size: 0.6em;

}


#lateral-part span{

  float: right;

}

#lateral-part #box-countdown{

  position: absolute;
  line-height: 20px;
  text-decoration: none;
  text-align: right;
  display: block;
  bottom: -110px;
  right: 0;

  width: 250px;

}

.box-back2mission{

  position: absolute;
  line-height: 20px;
  text-decoration: none;
  text-align: right;
  display: block;
  bottom: -80px;
  right: 0;

  width: 250px;

}

#info-part .box-back2mission{

  left: 650px;

}

#lateral-part #box-countdown p.color{

  background-color: #F47321;
  color: #F47321;

  text-indent: 5px;

}

#lateral-part #box-countdown p.color-over, #lateral-part #box-countdown:hover p.color{

  background-color: #CCC;
  color: #000;
  line-height: 22px;
  text-indent: 5px;
}


#sponsor-part img{

  border: 0;
}

/* LINKS */

.link-back2mission{


  background-color: F47321;
  color: #F47321;
  text-decoration: none;
  display: block;


}

.link-back2mission:hover{

  background-color: #CCC;
  color: #FFF;
  color: #333;
  text-decoration: none;

}




/* SHOW FUNCTION */

.on {



}


.off {

  display: none;

}