html, body {
    margin: 0; border: 0; padding: 0;
    background-color: #dfdcce;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black;
    padding-bottom: 13px;
    margin-bottom: 20px;
    background: url("images/site-bg-bottom.png") no-repeat center bottom;
}

form 
{
	margin: 0px;
	padding:0px;
}

a {
    color: black;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}

img {
    border: none;
}

hr.separator {
    display: none;
}

h1 {
    font-size: 1.4em;
    font-weight: normal;
    color: #669933;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #669933;
    margin-bottom:5px;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-bottom:dashed 1px #000;
    border-bottom-style:dashed;
    color: #666666;
    margin-bottom:2px;
}
#site_wrapper {
    width: 920px;
    padding: 0 13px;
    margin: 0 auto;
    background: url("images/site-bg.png");
    position: relative;
}

#header {
    padding: 12px 0 39px 35px;
}

	#header div {
		color:#c0c0c0;
		margin:5px 0 0 170px;
	}

#site_navigation {
    height: 32px;
    line-height:32px;
    background-color: #6db43e;
    padding-left: 20px;
}
	#Header_Menu1 table {
        background: url("images/site_navigation-bullet.png") no-repeat left center;
		#background: url("images/site_navigation-bullet.png") no-repeat left 24px;
        padding: 0 0 0 11px;
        margin: -32px 3px 0 7px;
        font-size: 1em;
	}
		#Header_Menu1 td
		{
			#padding-top:15px;
		}
        #Header_Menu1 td a 
        {
            color: white;
            text-shadow: #333 1px 2px 2px;
            text-decoration: none;
        }
        #Header_Menu1 td a:hover {
            text-decoration: underline;
        }
        
    #site_navigation div div {
    	margin-top:-1px;
		min-width:130px;
		background: #91c160 url("images/sub_menu_foot.png") no-repeat right bottom;
    }
		#site_navigation div div table
		{
			background: url("images/sub_menu_foot.png") no-repeat left bottom;
			padding-bottom:5px;
			padding-left:8px;
			padding-right:8px;
			width:100%;
		}	    
		#site_navigation div div table table
		{ 
			background: url("images/spacer.gif") no-repeat;
			padding:0;
			border-bottom:1px dashed #FFF;
			width:100%;
		}
		#site_navigation div div table table a
		{ 
			background: url("images/site_navigation-bullet.png") no-repeat left center;
			line-height:19px;
			padding-left: 10px;
			font-size:12px;
			text-decoration:none; 
			color:#fff; 
		}    
    
    #frmSearch {
        float:right;
        margin-right:200px;
        z-index: 1;
    }
        #frmSearch p {
            margin: 0;
            display: inline;
        }
            #frmSearch p label {
                display: none;
            }
            #frmSearch p input {
                width: 110px;
                vertical-align: middle;
            }
            
    #site_navigation span 
    {
        position: absolute;
        right:15px;
        margin-left:10px;
        margin-top:-38px;
        width:150px;
        height:50px;
        z-index: 1;
        cursor:pointer;
        cursor:hand;
    }

#footer_seperator{
    height: 10px;
    background-color: #6db43e;
    border-top: solid 20px #fff;
}
            
#muslim_aid_friends 
{
	background:url("images/footerbg.jpg") repeat-x;	
    clear: both;
    padding-left: 30px;
    margin-bottom: 20px;
    font-size: .85em;
}
#muslim_aid_friends:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
}
#muslim_aid_friends div.wrapper {
    float: left;
    background: url("images/maa-logo.png") no-repeat center right;
    padding-top:20px;
    height:100px;
    width:98%;
}
    #muslim_aid_friends * {
        vertical-align: middle;
    }
    #muslim_aid_friends p.title {
        color: #999;
        text-align: center;
        margin: 1.5ex 0;
    }
    #muslim_aid_friends ul {
        margin: 0; padding: 0;
        display: inline;
    }
        #muslim_aid_friends li {
            list-style-type: none;
            display: inline;
            margin-right: 1.5ex;
        }
    #muslim_aid_friends p.join {
        display: inline;
    }
        #muslim_aid_friends p.join a {
            color: #666;
        }

#footer 
{
    clear: both;
    font-size: .85em;
    height: 27px; line-height: 27px;
    border-top: 1px solid #c6c3b7;
    position: relative;
    color: #666;
}
    #footer a {
        color: #666;
    }
    #footer ul.legal {
        text-align: center;
        margin: 0; padding: 0;
    }
        #footer ul.legal li {
            display: inline;
            list-style-type: none;
            padding-right:2px;
        }
    #footer p.copyrights,
    #footer p.authors {
        margin: 0 30px;
        position: absolute; top: 0;
        height: 100%;
    }
    #footer p.copyrights {
        left: 0;
    }
    #footer p.authors {
        right: 0;
    }

#ad_space {
    position: absolute;
    top: 0; left: 420px;
    background: url("images/ad_space-separator.png") no-repeat 0 0;
    padding: 16px 0 0 32px;

}
    #ad_space * {
        vertical-align: top;
    }
    #ad_space div.banners_set {
        margin-bottom: 7px;
    }



/* Pages
 * -----------------------------------------------------------------------------
 */

.highlighted_content_box {
    background: url("images/pg_content_box-bg.png") 0px -70px;
    background-repeat:no-repeat;
    height:50px;
}

#highlighted_content_box_content {
    background-image: url("images/site-bg-repeat.png");
    padding:0 40px 40px 50px;
}
#highlighted_content_box_content h1 
{
	margin-top:0;
    font-size: 1.4em;
    font-weight: normal;
    color: #669933;
}

#highlighted_content_box_content p
{
margin-top:0px;
}

#highlighted_content_box_bottom 
{
	clear:both;
    background: url("images/pg_content_box-bottom.png") -1px 0;
    height:36px;
    width:920px;
    border:none;
}


/* Home page */

#highlighted_content_box {
    height: 299px;
    position: relative;
    padding:20px 0 20px 20px;
    clear:both;
}
	#current_appeal
	{
		height:299px;
		width:278px;
		padding-left:25px;
		float:left;
		clear:right;
	}
    #current_issues {
        width: 575px;
        height:299px;
        border: 1px solid #cfcdbf;
		float:left;
    }
    #current_issues.inactive {
        opacity: 0.4;
        filter: alpha(opacity=40); zoom: 1;
    }
        #current_issues h1 {
            display: none;
        }
        #current_issues div.navigation_bar {
            height: 35px; line-height: 35px;
            padding: 0 13px;
            background-color: #999;
            color: white;
            font-size: .9em;
        }
        #current_issues.inactive div.navigation_bar div {
            display: none;
        }
            #current_issues div.navigation_bar a {
                color: white;
                text-decoration: none;
                cursor: pointer;
            }
            #current_issues div.navigation_bar a:hover {
                text-decoration: underline;
            }
            #current_issues div.navigation_bar div.current {
                float: left;
            }
            #current_issues div.navigation_bar div.actions {
                float: right;
            }
        #current_issues div.issue {
            height: 264px;
            position: relative;
        }
            #current_issues.loading div.issue {
                background: #f6f5f1 url("images/ajax-loader.gif") no-repeat center center !important;
            }
            #current_issues div.issue div.wrapper {
                position: absolute;
                bottom: 0;
                width: 100%;
            }
                #current_issues.inactive div.issue div.wrapper,
                #current_issues.loading div.issue div.wrapper {
                    display: none;
                }
                #current_issues div.issue h2 {
                    margin: 0 0 15px 30px;
                    color: white;
                    font-weight: normal;
                    font-size: 1.4em;
                }
                #current_issues div.issue p {
                    margin: .5em 0;
                }
                #current_issues div.issue div.content {
                    padding: 18px 18px 28px 18px;
                    background-color: white;
                    opacity: 0.65;
                    filter: alpha(opacity=65); zoom: 1;
                }
                #current_issues div.issue div.details {
                    position: absolute;
                    bottom: 4px; right: 4px;
                    padding: 2px 5px;
                    background-color: white;
                    font-size: .85em;
                    font-weight: bold;
                }
                    #current_issues div.issue div.details a {
                        color: #669933;
                        text-decoration: none;
                    }
                    #current_issues div.issue div.details a:hover {
                        text-decoration: underline;
                    }

	#newssection
	{
		padding-left:20px;
		padding-bottom:23px;
		clear:both;
	}
		.newscol
		{
			width:280px;
			padding-right:20px;
			float:left;
		}
			#newssection p
			{
				padding-right:20px;
			}

	div.news
	{
		margin-top:5px;
	}
		div.news h3
		{
			line-height:14px;
			border:none;
			margin-top:10px;
		}

			div.news a
			{
				color:#8bb95f;
				line-height:14px;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
			}

			div.news p
			{
				color:#000;
				line-height:13px;
				font-size:12px;
				padding:0 0 10px 0;
				margin:0;
				border-bottom:dashed 1px #ccc;
			}
			
	#homeimagegallery
	{
	}
		
		#homeimagegallery p
		{
			color:#8bb95f;
			line-height:14px;
			font-size:14px;
			font-weight:bold;
		}
		
		#homeimagegallery p a
		{
			color:#c0c0c0;
			line-height:14px;
			font-size:11px;
			font-weight:normal;
			text-decoration:none;
			padding-left:20px;
		}

		#homeimagegallery div div
		{
			float:left;
		}
		
		#homeimagegallery img
		{
			width:85px;
			height:65px;
			padding:0 0 10px 12px;
		}

    #news_and_announcements {
        margin-top: 1em;
        width: 100%;
        overflow: hidden;
    }
        #news_and_announcements h1 {
            margin: 0 30px;
        }
        #news_and_announcements h2 {
            display: none;
        }

        #news {
            padding-left: 30px;
            margin: 5px 0;
        }
            #news div.news {
                float: left;
                width: 265px;
                margin-right: 30px;
            }
                #news div.news h3 {
                    font-size: .85em;
                    font-weight: normal;
                    margin: .5em 0;
                    color: #4e4a1a;
                }
                #news div.news p {
                    margin: .5em 0;
                    font-size: .9em;
                }
            #news p.archived_news {
                width: 265px;
                float: right;
                display: inline;
                margin-right: 35px;
            }

        #announcements {
            clear: both;
            background: #F6F5F1 url("images/announcements-bg.png") no-repeat right bottom;
            padding-left: 30px;
            margin: 5px 0;
            zoom: 1;
        }
        #announcements:after {
            content: "";
            display: block;
            clear: both;
        }
            #announcements div.announcement {
                float: left;
                width: 170px;
                padding: 20px 15px 20px 95px;
                margin-right: 15px;
                position: relative;
                min-height: 132px;
                background: url("images/news-separator.png") no-repeat right center;
            }
            #announcements div.third { /* announcement+third */
                background: none;
            }
                #announcements div.announcement h3 {
                    font-weight: bold;
                    font-size: 1.3em;
                    margin: 0 0 .5em;
                    color: #000;
                    width: 100px;
                }
                #announcements div.announcement div.content {
                    font-size: .9em;
                    width: 118px;
                    float:right;
                }
                    #announcements div.announcement div.content p {
                        margin: 0;
                    }
                #announcements div.announcement div.image {
                    padding: 0px;
                    background-color: white;
                    width: 133px; height: 132px;
                    position: absolute;
                    top: 20px; left: 0;
                }
                    #announcements div.announcement div.image img {
                        display: block;
                    }

#long_term_developments {
    margin-top: 1em;
}
    #long_term_developments h1 {
        display: inline;
        margin-left: 30px;
    }
    #long_term_developments div.legend {
        font-size: .85em;
        display: inline;
        margin-left: 1ex;
        color: #4e4a1a;
    }
    #long_term_developments ul.toc {
        background: #6db43e url("images/announcements-bg-green.png") no-repeat right bottom;
        height: 41px; line-height: 41px;
        margin: 1em 0 0; padding: 0 0 0 30px;
        border-bottom: 1px solid white;
        overflow: visible;
    }
        #long_term_developments ul.toc li {
            list-style-type: none;
            color: white;
                float: left;
                margin-right: 1.75ex;
            }
                #long_term_developments ul.toc a {
                    color: white;
                    text-decoration: none;
                    float: left;
                    position: relative;
                    height: 41px;
                }
                #long_term_developments ul.toc a:hover,
                #long_term_developments ul.toc li.selected a {
                    background: url("images/developments-toc-pointer.png") no-repeat center bottom;
                    top: 1px; line-height: 39px; /* it could be more straightforward in a world where IE6 already extinct */
                }
                #long_term_developments ul.toc a:hover {
                    text-decoration: underline;
                }
        #long_term_developments div.project {
            display: none;
            background: #d6e8c3 url("images/developments-project-bg.png") repeat-x 0 0;
            padding: 20px;
            position: relative;
            zoom: 1;
        }
        #long_term_developments div.project:after {
            content: "";
            display: block;
            clear: both;
        }
        #long_term_developments div.selected { /* project+selected */
            display: block;
        }
            #long_term_developments div.project h2 {
                display: none;
            }
            #long_term_developments div.project div.image {
                float: right;
                padding: 20px 0 20px 40px;
                background: url("images/developments-separator.png") no-repeat left center;
            }
                #long_term_developments div.project div.image img {
                    display: block;
                    padding: 1px;
                    border: 3px solid #87cbee;
                    background-color: white;
                }
            #long_term_developments div.project p {
                margin: .5em 0;
            }

.pageTitle
{
	color:#8bb95f;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
}

.donationbox
{
	width:344px;
	height:220px;
	float:left;
	margin-right:20px;
	padding:30px;
	background-image: url(images/donationbox.png);
}

.donationbox input {
    font-size: 1em;
    font-weight:bold;
    width: 8ex;
    text-align: right;
    color: #333;
}

.donationbox select {
    font-size: 1em;
    font-weight:bold;
    width: 8ex;
    text-align: right;
    color: #333;
    width: 270px;
}

.button {
    font-size: 1.05em;
    font-weight:800;
	text-align:center;
    background: #91c160 url("images/donations_box-button-bg.png") repeat-x left bottom;
    border: 1px solid #bef18b;
    height: 28px; line-height: 26px;
    text-transform: uppercase;
    color: #333;
}

.donationbox table td
{
	padding-bottom:8px;
	padding-right:5px;
}
	
	.donateitemtable
	{
		padding-bottom:10px;
		border-bottom:dashed 1px #fff;
	}
		.donateitemtable .DefaultPageContents
		{
			font-size:11px;
			line-height:12px;
		}
	

/* Forum Posts */

.forum_post_container
{
	padding:10px 10px 2px 10px;
	margin:0px 20px 5px 20px;
	border:solid 1px #6DB43E;	
	background-color:#ECFEE0;
}

.forum_post_header
{
	margin:0px 0px 10px 0px;
	border-bottom:dashed 1px #ccc;	
}

.forum_post_header p
{
	margin: 2px 0px 2px 0px;
}

.forum_post_footer
{
	text-align:right;
}

/* End Forum Posts */
	
/* News Articles */

.articlecontainer
{
	padding-top:10px;
	padding-bottom:10px;
	width:810px;
	border-bottom:dashed 1px #fff;
}

.articletitle
{
	float:left;
}

.articletitle a
{
	font-size:14px;
	font-weight:bold;
	color: #91C160;
	text-decoration:none;
}

.articledate
{
	color: #999999;
	font-size:12px;
	padding-left:5px;
	float:left;
	clear:right;
}

.articledescription
{
	font-size:11px;
	clear:both;
}
/* End Forum Posts */
	
/* Image Gallery */
.imagegallerydescription
{
	width:700px;
	font-size:11px;
	float:left;
}

.imagegalleryimage
{
	float:right;
	clear:right;
	width:105px;	
}
/* End Image Gallery */