/*
* Project: MontyDon
* Date: 13/11/2006
*
* Last modifications:
*   - 15/11/06: Debug Internet Explorer
*   - 05/12/06: Add message board menu item
*   - 08/01/07: Add donation menu item
*
* Author: Alexandre Girard - alx.girard@gmail.com
*         www.alexgirard.com
***/

/***
* General rules
***/
html { height: 100%; margin: 0; padding: 0; }

body {
  text-align: center;
  background: #FFF url(../images/topbar.png) top repeat-x;  
  color: #333;
  font: normal normal normal 12px Arial, sans-serif;
  height: 100%;
  margin: 0;
  padding: 0;
}

a {
  text-decoration:none;
}

p {
  padding:5px;
}

h1{
  font: normal normal normal 18px Arial, sans-serif;
  color: #666666;
}

h2{
  font: normal normal normal 15px Arial, sans-serif;
  color: #4E544C;
  padding-top:5px;
}

.signature {
  font-style: italic;
  font-weight: bold;
  color: #006633;
}

.green {
  color: #006633;
}

.bold {
  font-weight: bold;
}

.citation{
  font-size:13px;
  padding-top:5px;
}

/***
* Wrapper div
***/
#wrapper {
  position: relative;
  min-height: 100%;
  height:880px;
}

* html #wrapper {
  height: 100%;
}

/***
* Header div
***/
div#header{
  position:relative;
  top:44px;
  left:25px;
  margin-left: auto;
  margin-right: auto;
  width:915px;
  text-align: left;
}

img#logo{
  margin-right:25px;
}

/***
* Container div
***/
div#container{
  position:relative;
  top:40px;
  margin-left: auto;
  margin-right: auto;
  width:915px;
  text-align: left;
}

.ie div#container{
  position:relative;
  top:60px;
  margin-left: auto;
  margin-right: auto;
  width:915px;
  text-align: left;
}

/***
* Menubar div
***/
div#menubar{
  float:left;
  width:148px;
  height:170px;
  margin-right:22px;
  margin-top:10px;
  font-size: 16px;
  text-align:right;
}

div#menubar a{
  width:148px;
  height:20px;
  color: #7C686D;
  
}

div#menubar img {
  
}

img#button_foreword{
  position:relative;
  top:13px;
}

img#button_purpose{
  position:relative;
  top:54px;
}


img#button_board{
  position:relative;
  top:80px;
}

img#button_contact{
  position:relative;
  top:106px;
}

img#button_donation{
  position:relative;
  top:132px;
}

.ie img#button_foreword{
  position:relative;
  top:17px;
}

.ie img#button_purpose{
  position:relative;
  top:65px;
}

.ie img#button_board{
  position:relative;
  top:97px;
}

.ie img#button_contact{
  position:relative;
  top:129px;
}

.ie img#button_donation{
  position:relative;
  top:161px;
}

img.button{display:block; float:right; padding-right:10px; position:relative; height:16px;}

/***
* Menubar: index button style
***/

img#index_foreword{top:-16px; width:84px;}

img#index_purpose{top:-4px; width:108px;}

img#index_board{top:6px; width:128px;}

img#index_contact{top:16px; width:69px;}

img#index_donation{top:26px; width:86px;}


/***
* Menubar: foreword button style
***/

img#foreword_home{top:-38px; width:58px;}

.ie img#foreword_home{top:-42px; width:58px;}

img#foreword_purpose{top:1px; width:108px;}

img#foreword_board{top:11px; width:128px;}

img#foreword_contact{top:21px; width:69px;}

img#foreword_donation{top:31px; width:86px;}


/***
* Menubar: purpose button style
***/

img#purpose_home{top:-36px; width:58px;}

.ie img#purpose_home{top:-42px; width:58px;}

img#purpose_foreword{top:-25px; width:84px;}

.ie img#purpose_foreword{top:-32px; width:84px;}

img#purpose_board{top:13px; width:128px;}

img#purpose_contact{top:23px; width:69px;}

img#purpose_donation{top:33px; width:86px;}

/***
* Menubar: contact button style
***/

img#contact_home{top:-35px; width:58px;}

.ie img#contact_home{top:-42px; width:58px;}

img#contact_foreword{top:-24px; width:84px;}

.ie img#contact_foreword{top:-32px; width:84px;}

img#contact_purpose{top:-12px; width:108px;}

.ie img#contact_purpose{top:-18px; width:108px;}

img#contact_board{top:-2px; width:128px;}

.ie img#contact_board{top:-4px; width:128px;}

img#contact_donation{top:34px; width:86px;}


/***
* Menubar: donation button style
***/

img#donation_home{top:-43px; width:58px;}

.ie img#donation_home{top:-50px; width:58px;}

img#donation_foreword{top:-32px; width:84px;}

.ie img#donation_foreword{top:-40px; width:84px;}

img#donation_purpose{top:-20px; width:108px;}

.ie img#donation_purpose{top:-26px; width:108px;}

img#donation_board{top:-10px; width:128px;}

.ie img#donation_board{top:-12px; width:128px;}

/***
* Content div
***/

div#content{
  float:left;
  width:660px;
  line-height:17px;
}

.ie div#content{
  float:left;
  width:660px;
  line-height:15px;
}

p.legal{
  color: #666;
  font-size:10px;
}

p.legal a{
  color: #666;
}

span.left{
  float:left;
  text-align:left;
}

span.right{
  float:right;
  text-align:right;
}

/***
* Footer div
***/

div#footer{
  position: relative;
  margin-top:234px;
  height:234px;
}

div#footer .home{
  background: #FFF url(../images/footers/home.jpg) repeat-x bottom;
}

div#footer .foreword{
  background: #FFF url(../images/footers/foreword.jpg) repeat-x bottom;
}

div#footer .purpose{
  background: #FFF url(../images/footers/purpose.jpg) repeat-x bottom;
}

div#footer .contact{
  background: #FFF url(../images/footers/contact.jpg) repeat-x bottom;
}

div#footer .donation{
  background: #FFF url(../images/footers/home.jpg) repeat-x bottom;
}