@charset "utf-8";
/* CSS Document */
@import url("eot.css");

#main-container{
	/* border: solid #FF0000 1px; */
	height:auto;
	float:left;
	width: 100%;
}

#center-container{
	/* border:solid #00FF00 3px; */
	background-color: #FFFFFF;
	float:inherit; 
	width:805px;
	height:auto; 
	margin: 0% 10% 0% 10%;
}

/* head & it's contents */

#gallery-container{
	/* border: solid #CC9900 1px; */
	width: 200px;
	height: 135px;
	background-color: #A0CEFF;
	position:absolute;
	margin: 0% 0% 0% 605px;
}

#gallery-container p{
	/* border: solid #CC9900 1px; */
	background-color: #00448E;
	color: #ACEDFF;
	width: 100%;
	height: 25px;
	margin: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 0;	
}

#gallery{
	/* border: solid #CC9900 1px; */
	background-color: #FFFFFF;
	width: 100%;
	height: 102px;
	margin: 4px 0 0 0;
}

#head{
	/* border:dotted #0000FF 1px; */
	background-color: #FFFFFF;
	width:100%;
	height:141px;
	float:inherit;
	margin: 0% 0% 0% 0%;
}

#head-background{
	/* border:dotted #000000 1px; */
	background-image: url(Sangram%20Head%20logo.jpg);
	border-bottom: solid #00448E 4px;
	width:100%;
	height:86%;
	float:inherit;
	margin: 2% 0% 0% 0%;
}

#head-background p{
	/* border:dotted #000000 1px; */
	width:78%;
	height:auto;
	float:inherit;
	text-align:center;
	font-family:SolaimanLipi;
	font-size: 13px;
	font-weight:bold;
	margin: 13% 0% 0% 0%;
}

/* middle & it's componets */

#middle-container{
	/* border: solid #000000 1px; */
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	float:inherit;
	margin: 0.5% 0% 0% 0%;
}

#middle-left-container{
	/* border: solid #00448E 1px; */
	width: 170px;
	float: left;
	height: auto;
	margin: 0 0 0 0;
}

#middle-left-container p{
	border: solid #FFFF00 0px;
	background-color: #00448E;
	width: 100%;
	float: inherit;
	height: auto;
	color: #ACEDFF;
	font-family:SolaimanLipi;
	font-size:14px;
	text-align:center;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

#left-menu{
	border: solid #FFFF00 0px;
	background-color: #0262AE;
	width: 100%;
	float: inherit;
	height: auto;
	color: #ACEDFF;
	margin: 0 0 0 0;
}

#add-menu{
	border: solid #FFFF00 0px;
	background-color: #FF0000;
	width: 100%;
	float: inherit;
	height: 250px;
	color: #ACEDFF;
	margin: 5px 0 0 0;
}

#left-menu ul{
	border: solid #FFFF00 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float:left;
}

#left-menu li{
	border-bottom: 1px dashed #00448E;
}

#left-menu li a{
	font-family:SolaimanLipi;
	font-size:14px;
	display:block;
	color: #ACEDFF;
	padding: 4px 0;
	text-indent: 20px;
	text-decoration:none;
}

#left-menu li a:hover{
	background-color: #0C77EC;
	color: #FFFF00;
}

#left-menu img{
	border: solid #FFFF00 0px;
	margin: 6px 5px 6px 22px;
}

.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#middle-right-container{
	border: solid #808080 1px;
	/* background-color: #EAF3FC; */
	width: 624px;
	float: left;
	height: auto;
	margin: 0 0 0 0.7%;
}

#footer-container{
	border: solid #808080 1px;
	background-color: #9FCEFF;
	width: 100%;
	height: auto;
	float:inherit;
	margin: 0.5% 0 0 0;
}

#footer-container p{
	/* border: solid #FF0000 1px; */
	background-color: #9FCEFF;
	width: auto;
	height: auto;
	float:inherit;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 12px;
	font-family: SolaimanLipi, Arial;
	font-size: 14px;
}