/* 
	website : volunteeringindia.com
	Dated : 16 april 2010
	Description : common Style for all Pages
	Auther : Vijay Gupta
	
*/

/* ---------------- reset style ---------------------------- */
html, body, table, tr, td, div, span, label, form, ul, li, p, h1, h2, h3, img {
	margin:0px;
	padding:0px;
	border:0px;
	background:none;
	}
html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}

/* --------------- common style ---------------------------- */
.outerMost{
	width:100%;
	}
.clear{
	clear:both;
	}
.btn1{
	background:url(../images/btn1.jpg) no-repeat;
	width:64px;
	height:22px;
	border:none;
	color:#FFFFFF;
	}
.btn1:hover{
	color:#333333;
	}
.pagination{
	float:right;
	}
.pagination a{
	padding:0px 2px;
	text-decoration:none;
	}
.pagination a:hover{
	color:#666666;
	text-decoration:underline;
	}
/* ---------------- Header style ---------------------------- */
.header{
	width:100%;
	height:140px;
	background:url(../images/blue-pattern.jpg);
	}
.headBot{
	background:url(../images/headBotBorder.png) repeat-x;
	height:140px;
	}
/* ----------- logo and contact style --------------------- */
.logoHead{
	width:960px;
	margin:0 auto;
	}
.logo{
	float:left;
	}
.headRight{
	float:right;
	color:#FFFFFF;
	text-align:right;
	}
.langBar{
	padding:0px 0px 20px 0px;
	font-size:90%;
	}
.langBar a{
	text-decoration:none;
	color:#FFFFFF;
	padding:2px 5px;
	background:#4d81a6;
	font-size:90%;
	}
.langBar a:hover{
	background:#4373A3;
	color:#000000;
	}
.headRight .phone{
	background:url(../images/contact-ico.png) no-repeat left;
	height:21px;
	padding:0px 0px 5px 25px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:26px;
	}
.headRight .email{
	background:url(../images/mail-ico.png) no-repeat left;
	height:21px;
	padding:0px 0px 5px 25px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:26px;
	}
/* ------------ menu top style ------------------------- */
.menuTop{
	float:right;
	}
.menuTop ul li{
	list-style:none;
	float:left;
	margin:3px 5px;
	}
.menuTop ul li a{
	background:url(../images/topMenu_2.png) no-repeat right;
	display: block;
	float: left;
	height: 36px;
	text-decoration: none;
	color:#FFFFFF;
	padding:0px 6px 0px 0px;
	}
.menuTop ul li span{
	background: url(../images/topMenu_1.png) no-repeat ;
    display: block;
    line-height:38px;
	height:36px;
	padding:0px 0px 0px 6px;
	cursor:pointer;
	}
.menuTop ul li a:hover{
	background:url(../images/topMenuH_2.png) no-repeat right;
	color:#DFA84E;
	}
.menuTop ul li a:hover span{
	background: url(../images/topMenuH_1.png) no-repeat ;
	}
.menuTop ul li a.active{
	background:url(../images/topMenuH_2.png) no-repeat right;
	color:#DFA84E;
	}
.menuTop ul li a span.active{
	background: url(../images/topMenuH_1.png) no-repeat ;
	}
/* ------------------- main Page content  ----------------------*/
.page{
	width:960px;
	margin:0px auto;
	}	
/* ------------------ Left column style ---------------------- */
.leftCol{
	float:left;
	width:230px;
	overflow:hidden;
	}
.leftCol h2{
	color:#206290;
	font-size:115%;
	padding:5px 0px 10px 15px;
	}
	
/* ---------------- left box style --------------------------- */
.leftBox{
	width:227px;
	margin:10px auto;
	}
.leftBox1{
	background:url(../images/leftBox_1.jpg) no-repeat;
	width:227px;
	height:6px;
	}
.leftBox2{
	background:url(../images/leftBox_2.jpg) repeat-y;
	width:227px;
	}
.leftBox2 ul li{
	list-style:none;
	}
.leftBox2 ul.prog li a{
	padding:7px 0px 7px 22px;
	display:block;
	color:#206290;
	background:url(../images/bullet.jpg) no-repeat 5px 9px;
	}
.leftBox2 ul.prog li a:hover{
	text-decoration:none;
	color:#FF6600;
	}
.leftBox3{
	background:url(../images/leftBox_3.jpg) no-repeat;
	width:227px;
	height:6px;
	}
/* ----------------- resource box style ----------------------- */
.leftBox2 ul.resource{
		
	}
.leftBox2 ul.resource a{
	display:block;
	height:36px;
	line-height:36px;
	padding:0px 0px 0px 53px;
	color:#206290;
	}
.leftBox2 ul.resource a:hover{
	text-decoration:none;
	}
.leftBox2 ul.resource a.photo{
	background:url(../images/photoGall.jpg) no-repeat 5px 0px;
	}
.leftBox2 ul.resource a.video{
	background:url(../images/videoGall.jpg) no-repeat 5px 0px;
	}
.leftBox2 ul.resource a.proDate{
	background:url(../images/proDate.jpg) no-repeat 5px 0px;
	}
.leftBox2 ul.resource a.brochure{
	background:url(../images/pdfDown.jpg) no-repeat 5px 0px;
	}
/* ------------------ left inquery form ----------------------- */
.queryTab{
	margin:0px 0px 0px 5px;
	}
.queryTab td{
	padding:2px 4px;
	vertical-align:top;
	}
.queryTab input.inp, select.sel, textarea.txtarea{
	width:120px;
	background:#fbf0d3;
	border:#206390 1px solid;
	font-size:12px;
	}
.queryTab  select.sel{
	height:20px;
	}
.queryTab  textarea.txtarea{
	overflow:auto;
	}
.queryTab input.inp{
	height:16px;
	}
/* ----------------- right column style ----------------------- */
.rightCol{
	float:right;
	width:700px;
	overflow:hidden;
	padding:10px 0px;
	}
/* ----------------- right cost tabel style ------------------ */
table.cost-page{
	border:#206290 1px solid;
	color:#606060;
	}
table.cost-page td{
	padding:0px;
	text-align:center;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;
	}

table.cost-page td.head{
	height:24px;
	background:#206290;
	color:#FFFFFF;
	font-weight:bold;
	border:#206290 1px solid;
	}
	
/* ------------------ Banner style ------------------------ */
.rightCol .banner{
	height:219px;
	}
.rightCol .banner1{
	background:url(../images/banner1.jpg) no-repeat;
	width:5px;
	}
.rightCol .banner2{
	background:url(../images/banner2.jpg) repeat-x;
	text-align:center;
	vertical-align:middle;
	}
.rightCol .banner2 img{
	width:685px;
	height:205px;
	}
.rightCol .banner3{
	background:url(../images/banner3.jpg) no-repeat;
	width:5px;
	}
.slideshow2{
	border:#FFFFFF 1px solid;
	width:685px;
	height:205px;
	overflow:hidden;
	}
/* -------------------------- content style  ------------------ */
.content{
	padding:0px 0px;
	line-height:20px;
	word-spacing:2px;
	text-align:justify
	}
.content ul.infoList li{
	margin:5px 0px 5px 30px;
	list-style:url(../images/bullet.gif);
	}
.content span.right{
	float:right;
	margin:0px 0px 5px 10px;
	}
.content .quotes{	
	font-size:120%;
	font-weight:bold;
	color:#206290;
	text-align:center;
	padding:5px 0px;
	background:#EFEFEF;
	margin:5px 0px 0px 0px;
	}
.content h1, h2{
	font-size:100%;
	color:#206290;
	padding:0px 0px 0px 0px;
	}
.content h1 a, h2 a{
	color:#206290;
	font-size:110%;
	}
.content a{
	color:#206290;
	font-weight:bold;
	}
.content .question{
	color:#206290;
	font-weight:bold;
	}
.content .question span{
	font-size:150%;
	padding-right:5px;
	}
.content .answer span{
	font-size:120%;
	padding-right:5px;
	font-weight:bold;
	}


/* ------------------ Photo gallery custom style ---------------*/
.phGallery{
	width:650px;
	}
.phGallery img{
	border:#DDA74F 5px solid;
	margin:5px;
	}
/* ------------------- bread crumb menu style ------------------ */
.brdMenu{
	color:#206290;
	border-bottom:#CCCCCC 1px solid;
	padding:2px 0px 2px 0px;
	margin-bottom:12px;
 	}
.brdMenu a{
	text-decoration:none;
	margin:0px 0px;
	background:url(../images/arrow_bullet.jpg) no-repeat right;
	padding:0px 12px 0px 0px;
	font-size:90%;
	color:#999999;
	font-weight:normal;
	}
.brdMenu a:hover{
	background:url(../images/arrow_end_bullet.jpg) no-repeat right;
	}
.brdMenu a.endLink{
	color:#666666;
	font-weight:bold;
	background:url(../images/arrow_end_bullet.jpg) no-repeat right;
	}
.brdMenu a.home{
	font-weight:bold;
	color:#206290;
	}
/* ------------------- program heading style -------------------- */
.progHeadTab{
	width:auto;
	height:36px;
	margin:10px 0px 5px 0px;
	}
.progHead1{
	background:url(../images/progHead1.jpg) no-repeat;
	width:6px;
	}
.progHead2{
	background:url(../images/progHead2.jpg) repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:110%;
	padding:0px 15px;
	}
.progHead2 a{
	text-decoration:none;
	color:#FFFFFF;
	}
.progHead3{
	background:url(../images/progHead3.jpg) no-repeat;
	width:7px;
	}
/* ------------------- program table style ------------------------ */
.programInfo{
	margin:10px 0px;
	border-bottom:#999999 1px solid;
	} 
.programInfo div.border1{
	width:160px;
	height:120px;
	background:#FFFFFF;
	border:#206290 1px solid;
	padding:5px;
	float:right;
	margin:0px 0px 0px 10px;
	}
.programInfo img{
	width:160px;
	height:120px;
	}
.programInfo a:hover{
	text-decoration:none;
	}
/* ------------------- program table  2 style ---------------- */
.progCont2{
	margin:0px 0px 0px 0px;
	width:100%;
	}
.progCont2 td{
	padding:5px 2px;
	}
.progCont2 img{
	border:#DFA84E 5px solid ;
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	width:170px;
	height:auto;
	}

/* -------------------- footer style ------------------------- */
.monumentSilh{
	background:url(../images/monument_sil.jpg) no-repeat right;
	width:960px;
	height:76px;
	margin:0 auto;
	}
.footer{
	background:url(../images/blue-pattern.jpg);
	}
.footCont{
	width:960px;
	margin:0 auto;
	color:#FFFFFF;
	}
.footLink1{
	padding:5px 0px;
	}
.footLink1 a{
	text-decoration:none;
	color:#FFFFFF;
	margin:0px 5px;
	}
.footLink1 a:hover{
	text-decoration:underline;
	}
.footLink2{
	padding:10px 0px;
	float:left;
	}
.footLink2 ul{
	float:left;
	margin:0px 20px 0px 0px;
	}
.footLink2 ul li{
	list-style:none;
	margin:3px;
	padding:0px 10px 6px 10px;
	border-bottom:#3978a6 1px solid;
	}
.footLink2 ul li a{
	text-decoration:none;
	color:#FFFFFF;
	}
.footLink2 ul li a:hover{
	color:#000000;
	}
.footLink2 ul li.head{
	background:url(../images/footTransBg.png) repeat-x;
	height:31px;
	line-height:29px;
	font-weight:bold;
	border:none;
	}
/* ---------------------- social network bar style ----------------------- */
.socialNetBot{
	width:217px;
	float:right;
	}
.socialNetBot1{
	background:url(../images/social-net1.png) no-repeat;
	width:217px;
	height:40px;
	}
.socialNetBot2{
	background:url(../images/social-net2.png) repeat-y;
	}
.socialNetBot2 a{
	display:block;
	height:35px;
	padding:4px 0px 4px 80px;
	line-height:39px;
	text-decoration:none;
	color:#5f2703;
	font-size:120%;
	font-weight:bold;
	}
.socialNetBot2 a:hover{
	text-decoration:underline;
	font-style:normal;
	}
.socialNetBot2 a.facebook{
	background:url(../images/facebook_32.png) no-repeat 25px 10px;
	}
.socialNetBot2 a.twitter{
	background:url(../images/twitter_32.png) no-repeat 25px 10px;
	}
.socialNetBot2 a.youtube{
	background:url(../images/youtube_32.png) no-repeat 25px 10px;
	}
.socialNetBot3{
	background:url(../images/social-net3.png) no-repeat;
	width:214px;
	height:34px;
	}
/* --------------- social networking bar style -------------- */
.socialBar{
	width:43px;
	position:absolute;
	right:0px;
	top:30%;
	}
.socialBar{
	position:fixed;
	}
.socialBar1{
	background:url(../images/social-bar.png) no-repeat right;
	width:43px;
	height:5px;
	}
.socialBar2{
	background:url(../images/social-bar2.png) repeat-y right;
	width:43px;
	text-align:center;
	}
.socialBar2 img{
	margin:2px 0px 2px 5px;
	cursor:pointer;
	}

.socialBar3{
	background:url(../images/social-bar3.png) no-repeat right;
	width:43px;
	height:12px;
	}
/* --------------------- form style ------------------------------ */
.form_1{
	background:url(../images/form_1.jpg) no-repeat;
	height:8px;
	width:601px;
	}
.form_2{
	background:url(../images/form_2.jpg) repeat-y;
	width:601px;
	}
.form_3{
	background:url(../images/form_3.jpg) no-repeat;
	height:8px;
	width:601px;
	}
.formTable{
	width:100%;
	margin:0 auto;
	}
.formTable td{
	padding:5px;
	vertical-align:top;
	}
.allInput{
	width:160px;
	font-size:11px;
	border:#206290 1px solid;
	}
select.allSelect{
	width:160px;
	font-size:11px;
	border:#206290 1px solid;
	height:20px;
	}
.allDate{
	width:60px;
	font-size:11px;
	border:#206290 1px solid;
	}
.allTextArea{
	width:180px;
	font-size:11px;
	border:#206290 1px solid;
	}
.allTextAreaBig{
	width:280px;
	font-size:11px;
	border:#206290 1px solid;
	}
/* -------------------- site map style -------------------------- */
.siteMap td{
	padding:5px;
	}	
	
/* -------------------- big web guru sign ----------------------- */
.bigWebLink{
	color:#FFFFFF
	}
.bigWebLink a{
	color:#FFFFFF;
	}