/* 
    Document   : style
    Created on : 28 May 2009, 7:15:16 AM
    Author     : Leon van Zyl
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

h1{font-size: 16px; font-weight: bold; color: #0d0d0d; margin:0; padding:0; text-transform:uppercase; }
h2{font-size: 16px; font-weight:normal; color: #1d1d1d; margin:0; padding:0; }
h3{font-size: 14px; font-weight: bold; color: #444444; margin:0; padding:0; }
 h3 a{color: #005f83; text-decoration: none; }


body{ font-size: 100%; color: #434343; font-family: Arial, Tahoma, Verdana, Century; }
body{
    text-align: center;
    color: #444444;
}
body, html, document{
    padding:0;
    margin:0;
}

img{ padding: 0; margin: 0; border: 0; }

#wrapper{
    margin: 0 auto 0 auto;
    text-align:left;
    font-size: 12px;
    width: 800px;
}

#top{
    width: 800px;
    margin:0;
    padding:0;
}

#logo{
   width: 453px;
   float: left;
}
#topnav{
   width: 347px;
   float: left;
}

#top ul{
    margin:0;
    padding:0;
    padding-left: 155px;
    list-style: none;
}
#top ul li{
    float: left;
    padding-right: 20px;
    line-height: 76px;
}
#top ul li a{ text-decoration: none; font-size: 10px; color: #0e0e0e; }
#top ul li a:hover{ color: #ec008c; }

#banner{
    width: 800px;
    margin:0;
    padding:0;
}

/*----  NAVIGATION  ----*/
#navigation{
    width: 800px;
    height: 63px;
    background-image: url('../images/navigation_repeat.jpg');
    background-repeat: repeat-x;
}
#navigation ul{
    margin: 0;
    padding: 0;
    list-style:none;
}
#navigation ul li{
    float: left;
}
#navigation ul li img{
    padding:0;
    margin:0;
    border: 0;
}

/*---- MAIN CONTENT ----*/

#main{
    width: 800px;
    background-color: #f9fbfc;
}
#main_index_page{width: 800px;}
#main_content{
    height: 270px;
    width: 800px;
    background-image: url('../images/main_content_repeat.jpg');
    background-repeat: repeat-x;
}

#whoarewe{
    float: left;
    width: 226px;
    height: 270px;
    background-image: url('../images/whoarewe.jpg');
    background-repeat: no-repeat;
}
#whoarewe_content{
    padding: 20px 15px 20px 15px;
    text-align: justify;
}

.main_item{
    float: left;
    height: 250px;
    width: 185px;
}
.main_item_content{ padding: 20px 10px 20px 10px; color: #434343; }
.main_item_content a{ color: #ff6000; }
.main_item_content p{margin-top: 5px;}
.main_item_content img{ margin-top: 30px; }


/*---- NEWS WRAPPER ----*/
#news_wrapper{
    width:800px;
    height: 215px;
}
#donations_wrapper{
  float: left;
  width: 226px;
  height: 215px;
}
#donations_content{
    padding: 10px 14px 10px 14px;
}
#donations_content a{ color: #005f83; }
#donations_content img{
    float: left;
}

.news_item{
    float: left;
    width: 270px;
    height: 140px;
}
.news_item_archive{
    float: left;
    width: 500px;
    height: 140px;
}
.news_item_content{
    text-align: justify;
    padding-right: 10px;
}
.news_item_content img{
    float: left;
    margin-right: 17px;
}

/*---- FOOTER ----*/
#footer_wrapper{
    width: 800px;
    background-image: url('../images/footer_repeat.jpg');
    background-repeat: repeat-x;
}
#footer{
    text-align: center;
    font-size: 10px;
    color: #2f2f2f;
    height: 50px;
    margin-top: 20px;
    padding-top: 5px;
}
#footer a{
    color: #444444;
}


#content{
    float: left;
    /*  */
    width: 550px;
    border-bottom: #d9e5ec 1px dashed;
    text-align: justify;
}
#content_inner{
    padding: 20px 10px 20px 15px;
    margin-bottom: 20px;
}
#shortcuts_wrapper{
    float: left;
    width: 150px;
}
#shortcuts{
    padding: 20px 5px 20px 5px;
}
#shortcuts a{ text-decoration: none; color: #444444; }
#shortcuts a:hover{ text-decoration: underline; }

#shortcuts ul{
    list-style: none;
    margin:0;
    padding:0;
}
#gallery_wrapper{
    width: 800px;
    margin-top: 20px;
}
#gallery{
    padding: 20px 10px 20px 15px;
    margin-bottom: 20px;
}
.hthumb{
    width: 166px;
    min-height: 88px;
    text-align: left;
}
.hthumb img{
    height:100px;
}
#gallery ul{
    list-style: none;
    margin:0;
    padding:0;
}

#gallery ul li{
    float: left;
}
.gallery_item{
    height:120px;
    width:166px;
}
.gallery_item img{
    margin: 10px;
}

.subtitle{
    color: #444444;
    font-size: 10px;
    font-style:italic;
    padding-top: 15px;
}
.subtitle a{
    color: #444444;
}
.clear{
    clear:both;
}
#return{
    color: red;
}

input{
    font-size: 12px;
    font-family: Arial, Tahoma;
}

.aboutus a{
    color: #ff6000;
    text-decoration:none;
}