
/*
* Body for the whole page
*/

/*
* Author : Florent Benoit, Philippe Coq
*
*/


/*
* Body for the whole page
*/
body{
  text-align: center;
  margin:0;
  background-color:#96c4db;
  color:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*
* Toolbar of JOnAS community
*/

#communitylinks{
  text-align: right;
  margin-left: auto;
  margin-right: auto;
  position:absolute;
  width:900px;
  font-size:7pt;
  top:1px;
}
#communitylinks ul {
  font-size:7pt;
  margin:0;
  float:right;
}
#communitylinks ul li {
  float:left;
  padding:2px;
  color:#FFF;
  list-style-type: none;
}
#communitylinks ul li:hover a {
  text-decoration:none;
}
#communitylinks a {
  background-color: inherit;
  color:#FFF;
  text-decoration:none;
}
#communitylinks a:hover{
  color: #00F;
  background-color: inherit;
  text-decoration:none;
}


/*
* Main block
*/
#content {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width:900px;
  border:2px solid #DDD;
  background-color: #FFF;
}

#content img {
  vertical-align: top;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

p {
  text-align:justify;
  margin-top:0;
  margin-bottom:0;
  margin-left:10px;
  margin-right:10px;
  padding:0;
  background-color:#FFF
}


/*
* Main block for displaying content
*/
#leftcol {
  padding-top:0.5em;
  background-color: #FFF;
  margin-left:5px;
  margin-right:20px;
}


/*
* Footer bar
*/
#footerbar {
  margin-top:1em;
  text-align:center;
  border-top:1px solid #DDD;
   background-image: url(bg_v.png);
   background-position: bottom;
  color:#FFF;
}



/* menu bar */
#nav, #nav ul {
  padding: 0;
  margin:0;
  z-index: 99;
  background: url(bg.png);
  float: left;
  width: 100%;
  list-style: none;
  font-weight: bold;
  border-top:1px solid #DDD;
  border-bottom:1px solid #DDD;
}

/* Links */
#nav a {
    display: block;
    color: #FFF;
    text-decoration: none;
    /* space between items*/
    /*padding-left: 10px;*/
}

#nav a:hover {
    color:#b42a2b;
}

#nav li {
   color:#FFF;
    text-decoration: none;
    float: left;
    text-align:center;
    /* border-right:1px solid #DDD;*/
    padding-left: 20px;
/*    padding: 0;*/
}


/* if subitem has children */
#nav a.daddy {
    background: url(rightarrow2.gif) center right no-repeat;
}


/* sub item */
#nav li ul {
  border-width:0;
    position: absolute;
    left: -999em;
    height: auto;
    width: 7em;
    w\idth: 7em;
    margin: 0;
}

/* subitem items */
#nav li li {
  border:1px solid #DDD;
  width:7em;
  text-align:left;
  padding-left: 5px;
  font-weight:normal;
  background: url(bg.png);
/*  background-color: #1a77a7;*/

}

#nav li ul a {
  width: 7em;
  w\idth: 7em;
}

#nav li ul ul {
  margin: -1.75em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
    /*margin-left:5px;*/
}

/* Higlighted item */
#nav li:hover, #nav li.sfhover {
  /*color:cfffff;*/
}


.architecture {
  float: left;
  clear: left;
  margin:10px;
  padding: 10px;
  border:0;
}

.architecture img {
 border:0;
}


.archi {
float: left;
 /*background-color: #e2effd;*/
 margin:10px;
  border:0;
}

.archi img {
 border:0;
}


.news {
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  clear: right;
  float: right;
  width: 270px;
  text-align:left;
  background-image: url(bg_v_i.png);
   background-position: bottom;
}


.news .title {
font-size:12pt;
    text-align:left;
  margin:5px;
  font-weight: bold;
  color: #FFF;
}

.news img {
border:0;
}

.news ul{
margin-top:0;
  margin-left:10px;
  padding:0;
}

.news li {
/*font-size:70%;*/
  list-style-type: none;
  /*display:inline;*/
  margin:0;
}

.news ul li a {
color: #000;
  text-decoration:none;
 /* background-color:#e8eaf0;
  color:#000;
  display:block;
  padding-left:1em;
  text-decoration:none;*/
}

.news ul li a b {
color: #b42a2b;
}


.news ul li a:hover{

}

.news b {
  color: #b42a2b;
}



a , a:visited , a:hover {
color: #1e3691;
}




.downloadbox {
  margin-top: 5px;
  margin-right: 5px;
  float: right;
  width: 240px;

  /* Keep the border or not ?*/
 /* border:1px solid #024182;*/
 /* margin: 1em 1em 2em 2em;*/
 /*background-color: #e2effd;*/
  background-image: url(bg_v_i.png);
   background-position: bottom;


}


.downloadbox .title {
  padding: 2px;
  font-size:12pt;
  text-align:left;
  margin-top:5px;
  font-weight: bold;
  color: #FFF;
}

.downloadbox img {
  vertical-align: middle;
  border:0;
}

.downloadbox ul{
text-align:center;
margin-top:0;
  /*margin-left:10px;*/
  padding:0;
}

.downloadbox li {
/*font-size:70%;*/
  list-style-type: none;
  display:inline;
  margin:0;
}

.downloadbox ul li a {
  color: #000;
  text-decoration:none;
}

.downloadbox ul li a b {
  color: #b42a2b;
}


.downloadbox ul li a:hover{

}



p img {
vertical-align: middle;
}




/* Show hidden content */
.showstate{
    cursor:hand;
    cursor:pointer;
    color: #1e3691;
   text-decoration: underline;
    margin-top: 2px;
    margin-left:10px;
    margin-right: 3px;
}

.downloadchoice {
  vertical-align: text-bottom;
    margin-left:20px;
    width:250px;
}

.downloadchoice a img {
  vertical-align: text-bottom;
  border:0;
}

.downloadchoice img {
  vertical-align: text-bottom;
  border:0;
}

.switchcontent{
  vertical-align: text-bottom;
   display:none;
    width: 400px;
    margin-left:200px;
}

.switchcontent a img {
  vertical-align: text-bottom;
  border:0;
}

.switchcontent img {
  vertical-align: text-bottom;
  border:0;
}

.popupRightBox {
  margin-top: 5px;
  margin-right: 5px;
  float: right;
  width: 240px;
  background-image: url(bg_v_i.png);
  background-position: bottom;
  text-align:center;
}


.popupRightBox .title {
  padding: 2px;
  font-size:12pt;
  text-align:center;
  margin-top:5px;
  font-weight: bold;
  color: #FFF;
}




