@charset "utf-8";

/***** Global Settings *****/
html, body {border:0; margin:0; padding:0;}
body {font-family:Arial, Helvetica, sans-serif; color:#000; font-size:.8em; text-align:center; background:url(../images/bg.jpg) repeat-x #221d19;}
 
/***** Headings *****/
label, input, textarea, form, p, ul, ol, li,  div, h1, h2, h3, h4, h5, h6, span {margin:0; padding:0;}

h1 { font-family:Geneva, Arial, Helvetica, sans-serif; color:#c3621b; font-size:15px; padding-top:8px;}
h2 {font-family:Geneva, Arial, Helvetica, sans-serif; color:#087bcc; font-size:15px; padding-top:8px; }
h3 {font-family:Geneva, Arial, Helvetica, sans-serif; color:#c3621b; font-size:15px; padding-top:8px; font-weight:bold; line-height:0;}
h4 {font-family:Geneva, Arial, Helvetica, sans-serif; color:#c3621b; font-size:15px; padding-top:8px; padding-bottom:6px;}
h5 {}
h6 {}
 
img {border:0;}

/***** Links *****/
a, a:link, a:visited, a:hover {text-decoration:none; color:#000;}

/***** Structure *****/

#outer-container { width:792px; margin:0 auto; text-align:left; background-color:#FFF;}
#main-container {width:780px; background-color:#FFF; float:left; border-left:6px solid #FFF; border-right:6px solid #FFF;}

.header {width:780px; height:97px;}
.logo {width:150px;float:left; margin-left:6px;}
.logo-right { width:170px; float:right; text-align:right;}
.logo-right span{ display:block; text-align:left; font-size:11px;}
.logo-right span img {padding-right:6px; padding-top:2px; }

.nav {width:780px; height:53px; background:url(../images/nav-bg.jpg) no-repeat;}
.nav ul { padding-top:14px;}
.nav li {display:inline; padding:0px 14px 0px 14px;}
.nav li a {color:#FFF; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold;}
.nav li a:hover {color:#e3e619;}
.nav li a .current {color:#e3e619;}

.banner {width:780px;}

.middle {width:780px; float:left;}
.middle-left{width:559px; float:left; background:url(../images/middle-bg.jpg) repeat-y right; padding-right:10px; padding-top:10px; padding-bottom:20px;}
.middle-text {width:559px; height:xpx; background:url(../images/text-area-bg.jpg) no-repeat;}
.middle-text-inner {width:529px; height:xpx; padding:10px; padding-top:0px; padding-bottom:0px;}
.middle-text-inner span { text-align:justify; color:#505050;}
.middle-text-inner span a {font-size:10px; font-family:Tahoma; color:#2277e1; font-weight:bold; text-decoration:underline;}
.middle-text-inner span a:hover {text-decoration:none;}

.latest-project {width:555px; height:243px; margin-top:15px;}
.latest-img-1 { width:180px; height:243px; background:url(../images/latest-project-1.jpg) no-repeat; float:left; margin-left:5px; display:inline;}
.latest-img-text {position:absolute; padding-top:162px; padding-left:12px; width:160px;}
.latest-img-text span { color:#1665aa; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.latest-img-text span a  {font-size:10px; font-family:Tahoma; color:#000; font-weight:bold; text-decoration:none;}
.latest-img-text span a:hover {text-decoration:underline;}

.latest-img-2 { width:180px; height:243px; background:url(../images/latest-project-2.jpg) no-repeat; float:left; margin-left:5px; display:inline;}
.latest-img-3 { width:180px; height:243px; background:url(../images/latest-project-3.jpg) no-repeat; float:left; margin-left:5px; display:inline;}

.middle-right{width:201px; float:left; padding-left:8px; padding-top:10px;}
.join {width:201px; height:113px; border:1px solid #d6d6d6; background:url(../images/heading-bg.jpg) repeat-x top;}
.join span {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#175270; font-size:12px; padding-left:50px; line-height:20px;}
.join-form {width:190px; height:70px; padding-left:7px; margin-top:10px;}
label {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:20px;}
.input  { border:1px solid #c3c3c3; height:21px; width:180px;}
.submit  { border:none; background:url(../images/submit.jpg) no-repeat; width:46px; height:16px; font-size:11px; color:#FFF; font-weight:bold; cursor:pointer; text-align:center;}

.volunteer {width:201px; border:1px solid #d6d6d6; background:url(../images/heading-bg.jpg) repeat-x top; margin-top:13px;}
.volunteer span {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#175270; font-size:12px; padding-left:50px; line-height:20px;}
.volunteer-inner {width:180px; margin-left:9px; margin-top:15px; margin-bottom:9px; font-size:11px; color:#333;}
.volunteer-inner a { font-size:10px; font-family:Tahoma; color:#2277e1; font-weight:bold; text-decoration:underline;}
.volunteer-inner a:hover {text-decoration:none;}

.upcoming {width:201px; border:1px solid #d6d6d6; background:url(../images/heading-bg.jpg) repeat-x top; margin-top:13px;}
.upcoming span {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#175270; font-size:12px; padding-left:50px; line-height:20px;}
.upcoming-inne  {width:180px; margin-left:9px; margin-top:10px; padding-bottom:6px; font-size:11px; color:#333; background:url(../images/dot.jpg) bottom repeat-x;}
.upcoming-inne strong { color:#5182ff; text-transform:uppercase;}
.upcoming-1 {margin-top:5px;}
.upcoming-1 span {font-size:12px; color:#333; font-weight:normal;}
.upcoming-1 strong { color:#333; text-transform:none;}
.text-02 {font-weight:bold; width:inherit;}
.upcoming-1 img {padding-right:10px;}
.upcoming-inne a { font-size:10px; font-family:Tahoma; color:#2277e1; font-weight:bold; text-decoration:underline;}
.upcoming-inne a:hover {text-decoration:none;}

.gallery {width:549px; margin-left:10px; }

.our-partner { width:792px; height:175px; background:url(../images/our-partner-bg.jpg) repeat-x; float:left;}
.our-partner-inner {width:752px; padding-left:20px; padding-right:20px; padding-top:6px; float:left;}
.our-partner-main {width:715px; height:110px; float:left; padding-left:30px; padding-top:5px; float:left;}
.our-partner-main li {display:inline; list-style:none; font-size:13px; font-weight:bold; color:#195e63; padding:15px;}

.footer {width:100%; height:77px; float:left;}
.footer-inner {background:url(../images/footer-bg.jpg) repeat-x; width:792px; height:77px; margin:0 auto; text-align:left;}
.footer-inner-1 {padding-top:25px; text-align:center; color:#FFF;}

.footer-inner-1 a{padding-top:25px; text-align:center; color:#FFF;}
.e-aim {color:#FFF !important;}

.image-gallery-container {width:549px; height:289px;}

.w3c{float:right; margin-right:10px; width:180px; margin-top:15px;}
.w3c img {width:88px; height:16px;}

/* inner page*/

.volunteer-11 {width:201px; border:1px solid #d6d6d6; background:url(../images/heading-bg.jpg) repeat-x top; margin-bottom:10px;}
.volunteer-11 span {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#175270; font-size:12px; padding-left:50px; line-height:20px;}
.volunteer-inner-11 {width:180px; margin-left:9px; margin-top:15px; margin-bottom:9px; font-size:11px; color:#333;}
.volunteer-inner-11 a { font-size:10px; font-family:Tahoma; color:#2277e1; font-weight:bold; text-decoration:underline;}
.volunteer-inner-11 a:hover {text-decoration:none;}

.text-container {width:537px; background:url(../images/text-area-2.jpg) repeat-y; padding:0px 10px;}
.text-container span { padding-top:5px;}
.text-container a {font-size:10px; font-family:Tahoma; color:#2277e1; font-weight:bold; text-decoration:underline;}
.space {margin-top:3px;}
.text-container a:hover {text-decoration:none;}
.uper-bg {background:url(../images/text-area-1.jpg) no-repeat top; width:556px; height:10px;}
.laster-bg {background:url(../images/text-area-3.jpg) no-repeat top; width:556px; height:10px;}