@charset "utf-8";
/* CSS Document */

body {
 background-color:#3b4b48;
}

a:link, a:visited {
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

a:active {
 text-decoration:none;
}

a img { border:0; }

#frame {
 width:965px;
 margin:10px auto 10px auto;
}

#bg {
 float:left;
 width:965px;
 margin:0 0 10px 0;
 padding:0 0 5px 0;
 background-color:#cdcdcd;	
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
}
#header {
 float:left;
 width:965px;
 height:115px;
 background:url(../images/header-gradient.png) top left repeat-x #cdcdcd;
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#d3d3d3));
 background-image:-moz-linear-gradient(100% 100% 90deg, #d3d3d3, #f1f1f1);
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
}
#logo {
 float:left;
 width:346px;
 height:94px;
 margin:10px 0 0 35px;
}
#slogan {
 float:right;
 width:280px;
 height:39px;
 margin:10px 7px 0 0;
 padding:7px 0 0 0;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 text-align:center;
 background-color:#717982;
}
#slogan2 {
 float:right;
 width:280px;
 height:39px;
 padding:7px 0 0 0;
 margin:5px 7px 0 0;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 background-color:#59b8e2;
 clear:right;
 font:normal 10px Tahoma,Verdana,Arial;
 text-align:center;
 line-height:14px;
 color:#fff;
}
#menu-top {
 float:left;
 width:965px;
 height:50px;
 background:url(../images/menu-top-gradient.png) top left repeat-x #e6e6e6;
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d9d9d9));
 background-image:-moz-linear-gradient(100% 100% 90deg, #d9d9d9, #f4f4f4);
 border-top:1px solid #8d9183;
 border-bottom:1px solid #8d9183;
}

#menu-top-shadow-top {
 float:left;
 width:965px;
 height:10px;
 background:url(../images/menu-top-shadow-top.png) top left repeat-x;
}
#menu-top-shadow-bottom {
 float:left;
 width:965px;
 height:10px;
 background:url(../images/menu-top-shadow-bottom.png) top left repeat-x;
}

#menu-top ul {
 margin:0;
 padding:0;
 list-style:none;
}
#menu-top li {
 float:left;
 background:url(../images/menu-top-separator.png) no-repeat center right;
}
#menu-top li.last {
 background:none;
}
#menu-top a {
 float:left;
 width:120px;
 height:50px;
 text-decoration:none;
 background:url(../images/menu-top-titles.png) no-repeat 0 0;
 text-indent:-9999px;
}

#menu-top a.one { background-position:center 0px; }
#menu-top a.two { background-position:center -50px; }
#menu-top a.three { background-position:center -150px; }
#menu-top a.four { background-position:center -200px; }

#menu-top a:hover.one { background-position:center -250px; }
#menu-top a:hover.two { background-position:center -300px; }
#menu-top a:hover.three { background-position:center -400px; }
#menu-top a:hover.four { background-position:center -450px; }

#menu-top li#donation-bar {
 float:left;
 width:485px;
 height:50px;
}

#content {
 float:left;
 margin:15px 0px 0px 7px;
 padding:20px 20px 20px 20px;
 width:620px;
 background-color:#ededed;
 border:1px solid #b8b8b8;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 font:normal 12px Tahoma,Verdana,Arial,sans-serif;
 line-height:20px;
 color:#474747;
}
#content #title-market {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 0;
 margin:0 0 10px 0;
}

#content #title-products {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -28px;
 margin:0 0 10px 0;
}

#content #title-proposed {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -56px;
 margin:0 0 10px 0;
}

#content #title-filling {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -84px;
 margin:0 0 10px 0;
}

#content #title-marketing {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -112px;
 margin:0 0 10px 0;
}

#content #title-business {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -140px;
 margin:0 0 10px 0;
}

#content #title-finances {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -168px;
 margin:0 0 10px 0;
}

#content #title-action {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -196px;
 margin:0 0 10px 0;
}

#content #title-letters {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -224px;
 margin:0 0 10px 0;
}

#content #title-executive {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -252px;
 margin:0 0 10px 0;
}

#content #title-donate {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -280px;
 margin:0 0 10px 0;
}

#content #title-contact {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -308px;
 margin:0 0 10px 0;
}

#content #title-sponsorship {
 float:left;
 width:620px;
 height:28px;
 background:url(../images/content-titles.png) no-repeat 0 -336px;
 margin:0 0 10px 0;
}

#basmalah {
 float:left;
 width:100%;
 margin:0 0 15px 0;
 text-align:center;
}

#letters-frame {
 float:left;
 width:100%;
 margin:15px 0 0 0;
 text-align:center;
}

#letters-frame a img { 
 padding:1px;
 border:1px solid #ccc;
}

#right-frame {
 float:left;
 margin:15px 0px 0px 8px;
 width:280px;
}
#menu-right {
 float:left; 
 width:278px;
 height:420px;
 margin:10px 0 0 0;
 background:url(../images/menu-right-gradient.png) top left repeat-x #6d8b20;
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#84a828), to(#566f18));
 background-image:-moz-linear-gradient(100% 100% 90deg, #566f18, #84a828);
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 border:1px solid #7a9b24;
}

#menu-right ul {
 padding:0;
 margin:0;
 list-style:none;
}

#menu-right li {
 float:left;
 background:url(../images/menu-right-separator.gif) repeat-x bottom left;
}

#menu-right li.last {
 background:none;
}

#menu-right a {
 float:left;
 width:278px;
 height:42px;
 color:#fff;
 font:normal 13px Verdana, Tahoma, Arial, sans-serif;
 text-indent:15px;
 line-height:42px;
 text-decoration:none;
}

#menu-right a:hover {
 background-color:#97bd33;
}

.box-right-white {
 float:left;
 width:258px;
 padding:10px;
 margin:10px 0 0 0;
 background:url(../images/box-right-white-gradient.png) top left repeat-x #d9d9d9;
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d9d9d9));
 background-image:-moz-linear-gradient(100% 100% 90deg, #d9d9d9, #f4f4f4);
 border:1px solid #b8b8b8;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
 font:normal 12px Tahoma,Verdana,Arial,sans-serif;
 color:#474747;
 line-height:20px;
}

.box-right-white h2 {
 margin-top:0;
 font:bold 15px Tahoma,Verdana,Arial,sans-serif;
}

#footer {
 float:left;
 width:921px;
 margin:7px 0 0 7px;
 padding:10px 15px 10px 15px;
 background:#3b4b48;
 font:normal 12px Tahoma,Verdana,Arial,sans-serif;
 line-height:20px;
 text-align:center;
 color:#fff;
 -webkit-border-radius:6px;
 -moz-border-radius:6px;
 -khtml-border-radius:6px;
 border-radius:6px;
}
