/*** CSS RESET ***/  
* html img {
  behavior: expres\sion(
  (this.runtimeStyle.behavior="none") && (this.src.toLowerCase().indexOf('.png')>-1) && (
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')",
  this.runtimeStyle.paddingTop = this.height,
  this.runtimeStyle.height = 0
  )
  );
  overflow:hidden;
}

* html * {
  behavior: expres\sion(
  (this.runtimeStyle.behavior = "none") && (this.currentStyle.backgroundImage.toString().toLowerCase().indexOf('.png')>-1) && (
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.currentStyle.backgroundImage.toString().replace('url("','').replace('")','') + "', sizingMethod='crop')",
  this.runtimeStyle.zoom = 1,
  this.runtimeStyle.backgroundImage = "none"
  )
  );
}

html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,h1, h2, h3, h4, h5, h6, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{     
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline; 
	background:transparent;
	line-height:18px;
	list-style:none;
	font-weight:normal;
	} 
	body{  } 
	article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{
	display:block; 
	} 
nav ul{
	list-style:none;
	} 
	
a{     
	margin:0;     
	padding:0;     
	font-size:100%;     
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	} 
ins{
	background-color:#ff9;
	color:#000;
	text-decoration:none;
	} 
mark{
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
	} 
del{
	text-decoration: line-through;
	} 
abbr[title], dfn[title]{
	border-bottom:1px dotted;
	cursor:help; } table{
	border-collapse:collapse;
	} /****** This content separator is already styled to match the look we are after ******/
	
hr{
	clear: both;
	display:block;
	height:1px;
	border:0;
	border-top: 1px dashed #ffbca4; /* Change this color and border style to suit your needs */ 
	margin:2.5em 0 3em 0;
	padding:0; 
	}
.clear{
	clear:both;
}
	
input, select{
	vertical-align:middle; 
	}



/* main styles */

#topCloudsFlash{
	top:0;
	margin:0 auto;
	position:absolute;
	z-index:1;
	width:100%;
}


body{
	background:url(../images/bg_texture.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	#headerWrapper{
		width:auto;
		height:185px;
		background:url(../images/header_strip1.jpg) repeat-x
	}
		#header{
			width:977px;
			height:185px;
			background:url(../images/header_main_bg1.jpg) repeat-x;
			margin:0 auto;
			overflow:hidden;/* problem in header height */
		}
			.headerLeft, .headerRight{
				width:236px;
				height:auto;
				float:left;
				background:url(../images/logo_donbosco_college_mannuthy1.jpg) no-repeat left bottom;
			}
			.logo{
				width:236px;
				height:152px;;
			}
			.topside {
				width:972px;
				height:152px;
				float:left;
				background-image:url(../images/index_07.jpg);
			}
				

			.headerRight, .collegeName{
				width:744px;
				margin-right:-3px;
				background:url(../images/college_image_donbosco1.jpg) no-repeat right top;
				height:134px;
				/*background:#f00;*/
			}
				.topLinks{
					width:260px;
					height:29px;
					padding-left:733px;
					line-height:23px;
					
				}
					.topLinks a, .topLinks a:hover{
						font-family:Arial, Helvetica, sans-serif;
						font-size:14px;
						color:#FFF
					}
				.collegeName{
					height:123px;
					background:none
				}
					.collegeName img{
						width:374px;
						height:52px;
						margin:37px 0 0 37px
					}
					.navigationrightside {
						width:73px;
						height:34px;
						float:left;
						background-repeat:repeat-x;
						background-image:url(../images/index_24.jpg);
					}
			/* links Area starts here */
			
			ul.linksArea{
				width:984px;
				height:33px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#fff;
				text-align:left;
				float:left;
			}
				.home, .other, .visited, .contact {line-height:33px; display:block; overflow:hidden; float:left;}
				.home a{ width:60px; height:33px; padding-left:82px; line-height:33px; float:left; background:url(../images/home_btn.jpg) no-repeat; color:#fff; display:block;}
					.home a:hover, .homevisited{ background:url(../images/home_hover.jpg) no-repeat; color:#fce310; text-decoration:none;}
				.other a, .visited{width:auto; height:33px; padding:0 17px; float:left; display:block; color:#fff; background:url(../images/links_bg.jpg) repeat-x;}
					.other a:hover, .visited{ background:url(../images/links_hover.jpg) repeat-x; color:#fce310; text-decoration:none;}
				.visited a, .visited a:hover{ color:#fce310;}
				
				.contact a{ width:95px; height:33px; line-height:33px; padding-right:60px; float:left; background:url(../images/contact_btn1.jpg) no-repeat; color:#fff}
					.contact a:hover, .contactvisited{ background:url(../images/contact_hover1.jpg) no-repeat; color:#fce310; text-decoration:none;}
					.contact p{margin-left:15px; padding-top:8px;}
		/* links area ends here */
		
		#bodyWrapper{
			width:auto;
			height:auto;
			background:url(../images/texture.jpg);
		}
			.bodyArea{
				width:977px;
				margin:0 auto;
			}
			.design{
				width:977px;
				height:auto;
				background:url(../images/design_right.jpg) right bottom no-repeat;
			}

				.bannerArea{
					width:980px;
					height:303px;
				}
					.banner{
						width:609px;
						height:294px;
						float:left;
						padding:9px 0 0 15px;
						background:url(../images/banner.jpg) no-repeat;
					}
					.bannerRight{
						width:347px;
						height:282px;
						margin-right:-3px;
						float:left;
						background:url(../images/banner_right.jpg) no-repeat;
						padding:21px 0 0 12px;
					}
						.student_Box, .student_Box:hover{
							width:326px;
							height:113px;
							border:1px solid #376ca2;
							box-shadow: 4px 4px 8px #000;
							-webkit-box-shadow: 4px 4px 8px #000;
							-moz-box-shadow: 4px 4px 8px #000;
							filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=4, offY=4, positive=true);
							background:url(../images/student_support.jpg) no-repeat;
							margin-bottom:18px;
						}
						.student_Box:hover{
							border:1px solid #7cdada;
							cursor:pointer;
						}
						
						.courses_Box, .courses_Box:hover{
							width:326px;
							height:113px;
							border:1px solid #97a1ad;
							box-shadow: 4px 4px 8px #000;
							-webkit-box-shadow: 4px 4px 8px #000;
							-moz-box-shadow: 4px 4px 8px #000;
							filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=4, offY=4, positive=true);
							background:url(../images/courses.jpg) no-repeat;
						}
						.courses_Box:hover{
							border:1px solid #b3bfce;
							cursor:pointer;
						}
				
				/* banner area closed */
				
				#contentArea{
					width:975px;
					height:auto;
					border-left:1px solid #033a44;
					border-right:1px solid #033a44;
					background:url(../images/content_shade1.png) no-repeat left top #fff;
					padding-bottom:17px;
				}
					
					.aboutContainer{
						width:542px;
						height:285;
						float:left;
						padding-top:24px; padding-left:34px;
					}
						.aboutTopCurve{
							width:549px;
							height:10px;
							background:url(../images/aboutTopCurve1.jpg) no-repeat;
							overflow:hidden;
							margin-left:-3px;
						}
						.content{
							width:498px;
							height:auto;
							border-left:1px solid #067988;
							border-right:1px solid #067988;
							background:#fff;
							padding:0 22px;
							text-align:justify;
						}
							.content h2{
								font-family:Georgia, "Times New Roman", Times, serif;
								font-size:20px;
								color:#eb891b;
								line-height:20px;
								padding-bottom:8px;
							}
							.content p{
								font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								color:#4f4c4c;
								padding-bottom:8px;
								line-height:18px;
							}
						.aboutBottom{
							width:180px;
							height:40px;
							padding-left:390px;
							line-height:38px;
							background:url(../images/about_bottom2.jpg) left no-repeat;
							margin-left:-12px;
						}
							.aboutBottom a, .aboutBottom a:hover{
								font-family:Arial, Helvetica, sans-serif;
								font-size:14px;
								color:#0b284a;
								text-decoration:none;
							}
						.admissioncontainer{
							width:335px;
							height:288px;
							float:left;
							padding:2px 0 0 2px;
						}
						.admissioncontainer-img{
							 width:335px;
							 height:268px;
							 margin-top:30px;
							 margin-left:50px;
							background-image:url(../images/admission1.png)
						}
						.admissioncontainer-img P{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4c4c; padding:10px}
				/* stroke area start here */
				
				.blueNoiceArea{
					width:963px;
					height:152px;
					background:url(../images/bluenoiceArea.jpg) #043d48 no-repeat;
					padding:11px 0 0 17px;
				}
					.blueNoiceArea ul.staff, .blueNoiceArea ul.facilities, .blueNoiceArea ul.college{
						width:309px;
						height:137px;
						float:left;
						padding:15px 0 0 15px;
						background:url(../images/staff_bg.png) no-repeat left top;
						margin-left:15px;
					}
					ul.staff li.tint, ul.facilities li.tint, ul.college li.tint{
						width:274px;
						height:109px;
						background:url(../images/design.png) no-repeat right #e49510;
						list-style:none;
					}
						ul.staff li.tint img, ul.facilities li.tint img{
							width:137px;
							height:91px;
							float:left;
							padding-top:10px;
							padding-left:10px;
						}
						ul.staff li.tint p, ul.facilities li.tint p{
							width:116px;
							height:61px;
							float:left;
							background:url(../images/staff_name.png) no-repeat;
							margin:25px 0 0 10px;
						}
						ul.staff li.tint p a, ul.staff li.tint p a:hover, ul.facilities li.tint p a, ul.facilities li.tint p a:hover{
							color:#fff;
							text-decoration:none;
						}
						/* other styles */
						ul.facilities li.tint{
							background:url(../images/facilities.png) no-repeat right #159dcf;
						}
						ul.facilities li.tint p{
							background:url(../images/facilities_name.png) no-repeat;
						}
						ul.college li.tint{
							background:#d3d3d3;
						}
						
					.addressArea{
						width:255px;
						height:89px;
						border:1px solid #000;
						position:relative;
						top:8px; left:8px;
					}
						.addressArea img{
							width:87px;
							height:89px;
							float:left;
						}
						.addressArea p{
							width:149px;
							height:79px;
							float:left;
							margin:5px 5px 5px 9px;
							/*background:#f00;*/
						}
						.addressArea p{
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#000;
							text-decoration:none;
							line-height:15px;
						}
						.addressArea p span, .addressArea p a, addressArea a:hover{
							font-family:Georgia, "Times New Roman", Times, serif;
							font-size:12px; font-weight:bold;
							color:#000;
							float:left;
						}
						
						
						
						.staffNewArea{
							width:309px;
							height:137px;
							float:left;
							padding:15px 0 0 15px;
							background:url(../images/staff_bg.png) no-repeat left top ;
						}
						
						.facilitiesNew{
							width:274px;
							height:137px;
							float:left;
							padding:15px 0 0 15px;
							background:url(../images/staff_bg.png) no-repeat left top;
						}
			/**** footer started here ****/
			
			#footer{
				width:auto;
				height:136px;
				border-top:6px solid #078797;
				background:url(../images/bg_texture.jpg);
			}
				.footerInner{
					width:940px;
					height:100px;
					margin:0 auto;
					padding:18px 20px;
					background:url(../images/footer_bg.jpg) no-repeat;
				}
					
					.footerTop{
						width:710px;
						color:#929698;
						text-decoration:none;
						font-size:13px;
							font-weight:bold;
							margin-top:10px;
						/*height:100px;
						float:left;*/
					}
					.footerTop a,  .footerBottom a, .footerBottom a:hover{
						color:#929698;
						text-decoration:none;
					}
					.footerTop a:hover,.footerBottom a:hover{
						color:#fff;
					}

				.footerAddress{margin-left:auto;margin-right:auto;width:660px;color:#929698;margin-top:10px;}
				.footerBottom{
					width:600px;
					height:26px;
					
					margin:10px 0px 0px 0px;
					font-family:Arial, Helvetica, sans-serif;
						font-size:12px;
						color:#929698;
						text-decoration:none;
					
				}
					.shareArea{
						width:210px;
						height:40px;
						float:right;
						margin-top:0px;
						
					}
					.shareArea img{padding-right:5px}
					
					
		/*****  index classes ends here *****/
						
.profileContentwrapper{
	width:977px;
	height:auto;
	background:url(../images/bodybg.jpg) repeat-y;
}	
	.profileContentLeft{
		width:627px;
		height:auto;
		float:left;
		padding:20px;
		text-align:justify;
	}
		.profileContentLeft h2{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;
			color:#e25f08;
			padding:10px 0;
		}
		.profileContentLeft p{
			padding:8px 0;
			color:#333;
		}
		.profileContentLeft h3{
			font-size:16px;
			font-weight:bold;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#224c76;
			border-bottom:1px dashed #999;
		}
		.collegeImg{
			margin-right:15px;
			margin-bottom:10px;
			overflow:hidden;
			float:left;
		}
	
	.profileRight{
		width:287px;
		height:auto;
		float:left;
		padding:21px 0 15px 14px;
	}
		.studentsSec{
			width:288px;
			height:auto;/*
			border:4px solid #fff;*/
			margin-bottom:15px;
			overflow:hidden;
		}
		
	.contactArea{
		width:auto;
		height:auto;
	}
		
	.contactAddressCon{
		width:257px;
		height:auto;
		float:left;
		color:#333;
		margin-right:5px;
	}
		.contactAddressCon a, .contactAddressCon a:hover{
			color:#333;
			text-decoration:none;
		}
		.contactAddressCon a:hover{
			color:#36F;
		}
		
		.contactAddressCon h3{
			margin-bottom:10px;
			margin-top:25px;
		}
		
	.locationArea{
		width:324px;
		height:auto;
		float:left;
		padding:7px;
		border:1px solid #bbbbbb;
		margin-left:15px;
	}
	
	
	
/*--contact area--*/

.formwhole{width:575px; height:auto; float:left; margin-top:15px; display:inline; border:#0e81bc 1px solid; padding:20px 20px 20px 20px;}
.formarea{width:460px; height:auto;}
.formtext{ width:200px; height:18px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f26d01; font-weight:bold; }
.formdot{width:40px; padding-left:10px; height:18px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#f26d01; }
.formnewarea{width:200px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f26d01;}
	
.formcolum{ width:200px; height:18px; resize:none;  float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; border:#0e81bc 1px solid; }
.formcolum1{ width:196px; height:70px; resize:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; border:#0e81bc 1px solid; }
.formbutton{width:50px; height:20px; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background:#0066FF; cursor:pointer;}
.formbutton:hover{color:#000; background:#0099FF;}


/*-- DEPARTMENTS & STAFFS --*/

ul.listofDept{
	padding:15px 0;
	float:left;
}

ul.listofDept li{
	width:312px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:url(../images/dept_btn.jpg) no-repeat center;
}
	ul.listofDept li a{
		color:#0f7b75;
		text-decoration:none;
		display:block;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#0f7b75;
		line-height:35px;
		height:35px;
		text-decoration:none;

	}
	ul.listofDept a:hover{
		width:312px;
		background:url(../images/dept_btn_hover.jpg) no-repeat center;
		color:#fff;
		height:35px;
		display:block;
		line-height:35px;
	}
	
.Depttitle{
	width:625px;
	height:30px;
	background:url(../images/dept_bottom.jpg) no-repeat;
	text-align:center;
	color:#fff;
	line-height:28px;
	font-weight:bold;
	font-size:14px;
}
.DeptName{
	width:627px;
	height:28px;
	padding-bottom:25px;
	background:url(../images/dept_btn.jpg) no-repeat center;
}
	.staffPhotoArea{
		width:627px;
		height:auto;
		padding-top:10px;
	}
		.staffimage{
			width:209px;
			height:200px;
			float:left;
			text-align:center;
			display:inline-block;
		}
		
			.staffimage img{
				width:119px;
				height:151px;
			}
			.staffPhotoArea p{
				text-align:center;
				font-size:14px;
				color:#0556a9;
				font-weight:bold;
				text-decoration:none;
			}
	
/*-- Departments and staff styles end here --*/

	.classTime{
		width:auto;
		height:auto;
		margin-top:-30px;
	}
	.classtimemain {
		width:600px;
		height:150px;
		float:left;
		margin-top:0px;
	}
	.classtimesub {
		width:290px;
		height:150px;
		float:left;
		background-image:url(../images/managingcommitte_b_g.jpg);
	}
	.classtimeimage {
			width:115px;
			height:135px;
			float:left;
			background-image:url(../images/image1.jpg);
			margin-left:8px;
			margin-top:7px;
	}
		.classTime strong{
			font-weight:bold;
			color:#224c75;
			font-size:14px;
			text-decoration:none;
			font-family:Georgia, "Times New Roman", Times, serif;
			line-height:25px;
		}
		.classTime em{
			font-size:13px;
			color:#333;
			line-height:15px;
		}
		.classtimesub h4 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; margin-left:130px; margin-top:20px;}
		.classtimesub p {line-height:5px; margin-top:-5px;}
	ul.classTime li.facilities{
		background:url(../images/green_arrow.jpg) 0px 5px no-repeat;
		text-indent:20px;
		font-size:14px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#069;
		font-style:italic;
		height:22px;
	}
	
	.activities{
		margin-top:60px;
		width:627px;
		height:127px;
		background:url(../images/arts_day.jpg) no-repeat;
	}
	.otheractivities{
		width:627px;
		height:137px;
		background:url(../images/activities.jpg) no-repeat;
		margin-top:10px;
	}


	.lib{
		width:auto;
		margin-left:20px;
		list-style:decimal
	}
	
	.classTimenew{
		width:190px;
		height:auto;
		margin-top:5px;
	}
	ul.classTimenew li.facilities{
		background:url(../images/green_arrow.jpg) 0px 5px no-repeat;
		text-indent:20px;
		font-size:14px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#069;
		font-style:italic;
		height:22px;
	}
	.decimal{
		list-style:lower-roman
	}
	.circle li{
		list-style:circle;
		margin-left:30px;
	}
	.engl li{
		list-style:lower-alpha;
		margin-left:30px;
	}
	.math li{
		list-style:decimal;
		margin-left:30px;
	}
	.principal{
		width:627px;
		clear:both
	}
	.principal h4{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#ad1d01;
		font-weight:bold;
		text-decoration:none;
	}
	
	
	.management{
		width:200px;
		float:left;
	}
	.management strong{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
	}
	.management h4{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#ad1d01;
		font-weight:bold;
		text-decoration:none;
	}
	
	
	.news_events{
		width:288px;
		height:131px;
		background:url(../images/news_events_bg_rgt.jpg) no-repeat;
		padding:50px 14px 0 14px;
		overflow:hidden;
	}
	
	.news_events a{color:#175f95}
	
	.news_events1 a{color:#000}
	
	.news_events1{
		width:300px;
		height:131px;
		background:url(../images/news_events_bg.jpg) no-repeat;
		padding:50px 14px 0 14px;
		overflow:hidden;
	}
		.news_events strong{
			font-size:13px;
			font-weight:bold;
			color:#175f95;
			padding-bottom:8px;
		}
			.news_events strong a, .news_events strong a:hover{
				font-size:13px;
				font-weight:bold;
				color:#175f95;
				text-decoration:none;
			}
		.news_events span{
			font-size:12px;
			color:#175f95;
			font-weight:normal;
		}
		.news_events p, .news_events p a, .news_events p a:hover{
			float:right;
			color:#175f95;
			font-weight:bold;
			font-size:13px;
			text-decoration:underline;
		}
		
	.photogallery{
		width:328px;
		height:66px;
		
	}
	
	.dress_title{
		width:625px;
		height:30px;
		background:url(../images/dress_title.jpg) no-repeat center;
		text-align:center;
		color:#fff;
		line-height:28px;
		font-weight:bold;
		font-size:14px;
	}
	
	.results_img{
		width:617px;
		height:125px;
		margin-top:15px;
		padding-left:10px;
	}
	
	/*########################*/
	.album{
		width:187px;
		height:auto;
		float:left;
		margin-right:18px;
	}
	.album_cover{
		width:177px;
		height:125px;
		background:url(../images/album_cover.jpg) no-repeat;
		padding:20px 0 0 10px;
	}
		.album_cover img{
			width:161px;
			height:99px;
			border:2px solid #224c76;
		}
		.album_covername{
			width:167px;
			height:50px;
			display:block;
			padding:0 10px;
			line-height:20px;
			text-align:center;
			font-weight:bold;
			font-size:14px;
			overflow:hidden;
		}
	.gallery-image{
		width:177px;
		height:118px;
		float:left;
		margin-right:12px;
		background:url(../images/gallery_bg1.jpg) 4px 3px no-repeat;
		padding:15px 0 0 13px;
		margin-bottom:10px;
	}
		.gallery-image img{
			width:161px;
			height:99px;
			border:3px solid #0597a7;
		}
		
		
		

/* Header */

.booktable th {
	font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size: 1.2em;
}

/* Table Cells */
.booktable td, booktable th {
	padding: 8px;
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid transparent;
}
/* Default background color for rows */
.booktable tr {
	background: #F0F0F0;
}
/* Background color for odd rows */
.booktable tr.odd {
	background: #F9F9F9;
}
/* Hover color for all rows */
.booktable tr:hover {
	background: #E8EDFF;
}