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

/* HTML Tag Style - start */
html{
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:0px;
font:12px Arial, Helvetica, sans-serif;
}

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

img{
border:0px;
}
/* HTML Tag Style - end */


/* Global Style - start */
.col-left{
float:left;
}

.col-right{
float:right;
}

.clear{
clear:both;
}

.error{
font:11px Arial, Helvetica, sans-serif;
color:#ff0000;
}

.h20px{
height:20px;
display:block;
}

.h25px{
height:25px;
display:block;
}

.h30px{
height:30px;
display:block;
}

.h40px{
height:40px;
display:block;
}
/* Global Style - end */


/* Wrapper/Page - start */
#wrapper{
margin:10px auto;
padding:0px;
width:1000px;
}

#wrapper #page{
margin:0px;
padding:10px;
}

/* Header - start */
#wrapper #page #header{
margin:0px 25px;
padding:0px;
}

#wrapper #page #header .col-left{
margin:0px 0px 15px;
padding:0px;
width:250px;
float:left;
}

#wrapper #page #header .col-right{
margin:0px;
padding:0px;
width:405px;
float:right;
}

#wrapper #page #header .logo{
width:233px;
height:86px;
background:url(../images/logo-ujwal-foundation.jpg) 0px 0px no-repeat;
}

#wrapper #page #header .logo a{
width:233px;
height:86px;
display:block;
}

#wrapper #page #header .logo a span{
display:none;
}

#wrapper #page #header .date{
margin:0px 10px 3px;
padding:0px;
font:11px Arial, Helvetica, sans-serif;
color:#777;
text-align:right;
}

#wrapper #page #header .search{
margin:0px;
padding:0px;
width:405px;
height:59px;
background:url(../images/bg-search-box-top.jpg) 0px 0px no-repeat;
}

#wrapper #page #header .search .input-txt{
margin:16px 0px 0px 17px;
padding:4px;
width:286px;
height:17px;
font:12px Arial, Helvetica, sans-serif;
border:solid 1px #A5CBE5;
background:#fff;
float:left;
}

#wrapper #page #header .search .input-btn{
margin:16px 17px 0px 0px;
padding:0px;
float:right;
}
/* Header - end */


/* Nav Top - start */
#wrapper #page #nav-top{
margin:0px;
padding:0px;
height:39px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#b6d8f1;
text-transform:uppercase;
background:url(../images/bg-nav-top.jpg) 0px 0px repeat-x #1588c4;
}

#wrapper #page #nav-top .arc{
width:3px;
height:39px;
display:block;
}

#wrapper #page #nav-top .arc.left{
background:url(../images/nav-top-arc-left.jpg) 0px 0px no-repeat;
float:left;
}

#wrapper #page #nav-top .arc.right{
background:url(../images/nav-top-arc-right.jpg) 0px 0px no-repeat;
float: right;
}

#wrapper #page #nav-top .middle{
width:974px;
float:left;
}


#wrapper #page #nav-top .middle .nav{
margin:0px 5px;
padding:0px;
}

#wrapper #page #nav-top .middle .nav .col-left{
width:800px;
float:left;
}

#wrapper #page #nav-top .middle .nav .col-right{
text-align:right;
float:right;
}

#wrapper #page #nav-top .middle .nav ul{
margin:0px;
padding:0px;
list-style:none;
}

#wrapper #page #nav-top .middle .nav ul li{
margin:0px;
padding:0px;
display:inline;
/*-*/
color:#fff;
/*-*/
}

/*--*/
#wrapper #page #nav-top .middle .nav ul li div{
padding:14px 10px;
color:#fff;
float:left;
}
/*--*/

#wrapper #page #nav-top .middle .nav ul li a{
margin:4px 0px 0px;
padding:10px 15px 0px;
height:25px;
color:#fff;
display:block;
text-decoration:none;
background:url(../images/separator-nav-top.jpg) 0px 0px no-repeat;
float:left;
}

#wrapper #page #nav-top .middle .nav ul li a:hover{
background:#005886;
}

#wrapper #page #nav-top .middle .nav ul li a.home{
padding-left:18px;
background:url(../images/icon-home.gif) 5px 12px no-repeat;
}

#wrapper #page #nav-top .middle .nav ul li a.contact{
padding-left:18px;
background:url(../images/icon-contact.gif) 5px 11px no-repeat;
}

#wrapper #page #nav-top .middle .nav ul li a.home:hover{
padding-left:18px;
background:url(../images/icon-home.gif) 5px 12px no-repeat #005886;
}

#wrapper #page #nav-top .middle .nav ul li a.contact:hover{
padding-left:18px;
background:url(../images/icon-contact.gif) 5px 11px no-repeat #005886;
}
/* Nav Top - end */



/* Content - start */
#wrapper #page #content{
margin:20px;
padding:0px;
}

#wrapper #page #content a{
color:#000;
text-decoration:none;
}

#wrapper #page #content a:hover{
text-decoration:underline;
}

#wrapper #page #content .col-left{
margin:0px;
padding:0px;
width:600px;
float:left;
}

#wrapper #page #content .col-right{
margin:0px;
padding:0px;
width:300px;
float:right;
}

#wrapper #page #content ol{
margin:5px 0px 0px 25px;
padding:0px;
}

/* LHS Content - start */
#wrapper #page #content .banner-hee{
height:227px;
display:block;
background:url(../images/banner-hee.jpg) 0px 0px no-repeat;
}

#wrapper #page #content .banner-hee span{
display:none;
}

#wrapper #page #content .block{
margin:0px;
padding:0px;
}

#wrapper #page #content .date{
margin:0px 0px 20px;
padding:0px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#wrapper #page #content .header1{
margin:0px 0px 15px;
padding:0px;
font:bold 20px Arial, Helvetica, sans-serif;
}

#wrapper #page #content h1{
margin:0px;
padding:0px;
font:bold 20px Arial, Helvetica, sans-serif;
}

#wrapper #page #content .header2{
margin:0px 0px 15px;
padding:0px;
font:18px Arial, Helvetica, sans-serif;
color:#978207;
}

#wrapper #page #content h2{
margin:0px;
padding:0px;
font:18px Arial, Helvetica, sans-serif;
color:#978207;
}

#wrapper #page #content .para{
margin:0px 0px 15px;
padding:0px;
}
/* LHS Content - end */



/* RHS Content - start */
#wrapper #page #content .be-a-part{
height:227px;
display:block;
background:url(../images/bg-be-a-part.jpg) 0px 0px no-repeat;
}

#wrapper #page #content .be-a-part .buttons{
margin:0px;
padding:135px 0px 0px;
text-align:center;
}

#wrapper #page #content .be-a-part .buttons .join-cause{
margin:0px 0px 8px;
padding:0px;
}

#wrapper #page #content #module{
margin:0px;
padding:0px;
}

#wrapper #page #content #module .top{
height:6px;
display:block;
}

#wrapper #page #content #module .top.blue{
background:url(../images/module-top-blue.jpg) 0px 0px no-repeat;
}

#wrapper #page #content #module .bottom{
height:3px;
display:block;
}

#wrapper #page #content #module .bottom.blue{
background:url(../images/module-bottom-blue.jpg) 0px 0px no-repeat;
}

#wrapper #page #content #module .content{
margin:0px;
padding:0px;
border:solid 1px #ccc;
border-width:0px 1px;
}

#wrapper #page #content #module .content.blue{
border:solid 1px #88b6d6;
border-width:0px 1px;
}

#wrapper #page #content #module .content .header{
margin:0px 2px;
padding:10px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#fff;
background:#88b6d6;
}

#wrapper #page #content #module .content .inner{
margin:0px;
padding:25px;
}

#wrapper #page #content #module .content .inner .col-01{
margin:0px 10px 0px 0px;
padding:0px;
width:75px;
float:left;
}

#wrapper #page #content #module .content .inner .col-02{
width:163px;
float:left;
}

#wrapper #page #content #module .content .inner .more{
margin:5px 0px 0px;
padding:0px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#wrapper #page #content #module .content .inner .more a{
color:#000;
text-decoration:none;
}

#wrapper #page #content #module .content .inner .more a:hover{
text-decoration:underline;
}

#wrapper #page #content #module .content .inner .divider{
height:61px;
background:url(../images/dot-horz.gif) 0px 29px repeat-x;
} 
/* RHS Content - end */
/* Content - end */




/* Footer - start */
#wrapper #page #footer{
margin:40px 0px;
padding:35px 20px;
color:#777;
text-align:center;
background:url(../images/bg-footer-bar.jpg) 0px 0px no-repeat;
}

#wrapper #page #footer .nav{
margin:0px;
padding:0px;
}

#wrapper #page #footer .nav a{
margin:0px 5px;
padding:0px;
color:#777;
text-decoration:underline;
} 

#wrapper #page #footer .nav a:hover{
color:#000;
text-decoration:none;
} 

#wrapper #page #footer .copyright{
margin:10px 0px 0px;
padding:0px;
font:11px Arial, Helvetica, sans-serif;
} 
/* Footer - end */


/* Wrapper/Page - end */