/*Date: October 18th, 2005
Title: Flying Elephants Foundation Styles
Author: Aaron Affleck


Common layout styles
*/


body {
 margin:0;
 padding:0;
 background: url(../media/images/background.jpg) repeat;
 color:#333;
 height: 100%;
 font: 11px Verdana;
 line-height:14px;
}

#left {
 float:left;
 display:inline;
 width:241px; 
}

#left-index {
 float:left;
 display:inline;
 width:294px; 
}

#right {
 float:left;
 display:inline;
}

/* IE5-Mac \*/
#canvas #right
{
float: none;
}

#canvas-fellows #right
{
float: none;
}

#canvas-index #right
{
float: none;
}
/* End IE5-Mac hack */

#left #top {
 float:left;
 display:block;
 width:241px;
 height:314px;
 margin:0;
}

#left #top-index {
 float:left;
 display:block;
 width:294px;
 height:377px;
 margin:0;
}

#left #bottom {
 float:left;
 display:inline;
 width:241px;
}

#left #bottom-index {
 float:left;
 display:inline;
 width:294px;
}

#right #top {
 float:left;
 display:inline; 
 height:234px;
 width:520px;
}

#canvas #right #bottom {
 float:left;
 display:inline;
 width:520px;
}

#canvas-fellows #right #bottom {
 float:left;
 display:inline;
 width:762px;
}

#canvas #right #bottom-index {
 float:left;
 display:inline;
 width:520px;
}

#bottom-margin {
 float:left;
 margin-top: 34px;
 width:500px;
 padding-left:260px;
 margin-left:auto;
 margin-right:auto;
 padding-top:8px;
 padding-bottom:8px;
}

#bottom-margin-index {
 float:left;
 margin-top: 15px;
 margin-top/**/: 18px;
 width:500px;
 padding-left:313px;
 margin-left:auto;
 margin-right:auto;
 padding-top:8px;
 padding-bottom:8px;
 height:100px;
}

#bottom-margin-fellows {
 float:left;
 display:inline;
 margin-top: 20px !important;
 margin-top/**/:21px;
 width:743px;
 padding-left:260px;
 margin-left:auto;
 margin-right:auto;
 padding-top:8px;
 padding-bottom:8px;
}

#bottom-margin p, #bottom-margin-index p, #bottom-margin-fellows p {
 margin-bottom:4px;
 margin-top:0;
 padding:0;
 width:520px;
}

.titre_gris {
 color:#ADADAD;
 font-family:"Lucida", serif;
 font-size:25px;
}

.black {
 color:#000;
}

.clear {
 clear:both;
}

.invisible {
 visibility:hidden;
}

.display-none {
 display:none;
}

a {
 color:#333;
}

#home-link{
 display:block;
 position:absolute;
 top:47px;
 left:5px;
}
#home-link span{
 display:none;
}

#maintenance #canvas {width:834px;}
#maintenance .main-title{margin-top:160px;}
#maintenance #right #top, #maintenance #right #bottom-index{margin-left:20px;}
#maintenance #right #bottom-index p{width:430px;font-weight:bold;color:#930;margin-bottom:230px;}
