body {background: url(../library/mai-bg.jpg) no-repeat center top; }
/* Hyperlinks */
a:link {
	color : #000;
	text-decoration: none;
}

a:visited{
	color : #000;
	text-decoration:none;
}

a:hover, a:visited:hover{
	color : #000;
	text-decoration:none;
}



#content { width:870px; margin-left:auto; margin-right:auto; margin-top:110px; height:1150px;  }
*html #content{height:1100px;  }


#left { width:650px; float:left; }
#right { width:200px; float:right; display:table; height:500px; margin-top:20px;}
.search { border:#FFFFFF solid 1px;}
.se-box {
	height:20px;
	margin-top:20px;
	position:absolute;
	width: 193px;
	top: 138px;
	padding-left:10px;
}
.butt { border:1px #003366 solid; background:#0066CC; color:#FFFFFF; width:30px; height:20px; font-family:Verdana; font-size:10px;}

/* --gallery --*/
#gallery {
	width:160px;
	padding-left:25px;
	margin-top:100px;
}


#cont-area {  margin-top:15px; margin-left:auto; margin-right:auto; font-family:Verdana;}
#left-box { margin-top:15px; }
#left-box .b1 { width:410px; float:left; }
#left-box .b2 { width:230px; float:right; }
#left-box .b1 #clubs { height:150px; border:1px solid #E0E0E0; background:#FFFFFF; margin-left:10px; background:url(http://www.jamaluddin.edu.mv/library/box-bg.jpg) repeat-x top; }


#img-dets {
	top: 637px;
	width: 372px;
	font-family:Verdana;
	font-size:10px;
}

#left-box .b1 #uniform { height:150px; border:1px solid #E0E0E0; background:#FFFFFF; margin-left:10px; margin-top:15px; background:url(http://www.jamaluddin.edu.mv/library/box-bg.jpg) repeat-x top; }
#left-box .b2 #week { height:150px; border:1px solid #E0E0E0; background:#FFFFFF; background:url(../library/box-bg.jpg) repeat-x top; font-family:Verdana; font-size:11px;  }
#week-dets {margin-top:10px; margin-left:5px; color:#666666;}
.head-blue { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#003366; margin-top:3px; margin-left:5px;  }



/*-------------------------news page ------------------------*/
#newsbox { width:640px; border:2px solid #063563; background:#FFFFFF; margin-top:10px; margin-left:10px; display:table;}
#new-head {background:#006699; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; padding-left:5px; height:30px; padding-top:5px;}
#new-head-dv {background:#006699; color:#FFFFFF; text-align:right;  font-size:23px; font-weight:bold; padding-right:5px; height:30px; padding-top:5px;}
#newsarea {margin-top:10px; margin-left:10px; width:630px;}
#content-blocker {margin-top:10px;  width:630px;}
#new-con-head { font-family:Verdana; color:#333333; font-size:15px; font-weight:800; width:620px; margin-bottom:5px;}
#new-con-head-dv { font-family:A_faseyha, A_ilham; unicode-bidi:bidi-override; direction:rtl; color:#333333; font-size:23px; font-weight:800; width:620px; margin-bottom:5px;}
#new-con-cats { font-family:Verdana; color:#999999; font-size:15px; width:620px; font-weight:600; }
#new-con-dats  { font-family:Verdana; color:#999999; font-size:12px; width:620px; margin-bottom:3px; }
#new-con-dats-dv  { font-family:Verdana; color:#999999; font-size:12px; width:620px; margin-bottom:3px; text-align:right; }
#new-con-sums  { font-family:Verdana; color:#999999; font-size:12px; width:620px; }
#new-con-box {width:620px; display:table; border-bottom:1px solid #CCCCCC; margin-top:5px; }
#new-con-box {width:620px; display:table; border-bottom:1px solid #CCCCCC; margin-top:5px; }
#new-con-box .bi-1 { width:80px; height:80px; float:left; border:1px solid #CCCCCC; margin-bottom:5px;}
#new-con-box .bi-1-dv { width:80px; height:80px; float:right; border:1px solid #CCCCCC; margin-bottom:5px; margin-left:5px;}
#new-con-box .bi-2 { width:500px; margin-left:10px; float:left; font-family:Verdana; font-size:11px; line-height:17px;}
#new-con-box .bi-2-dv { width:500px; margin-left:10px; float:right; unicode-bidi:bidi-override; direction:rtl; font-family:A_faseyha, A_Ilham; font-size:17px; line-height:17px;}
#new-con-box:hover { background:#FFFFCC;}
#new-detail-box { width:620px; margin-top:5px;height:500px; overflow:auto;  }
#new-detail-box-dv { width:620px; margin-top:5px;height:500px; overflow:auto; font-family:A_faseyha, A_ilham; unicode-bidi:bidi-override; direction:rtl; font-size:17px;  }
#new-con-box-detail {width:620px; display:table; margin-top:5px; font-family:verdana; font-size:12px; line-height:18px; margin-bottom:10px;  }
#new-clubs-in {width:635px; margin-left:5px;}

/* ---------------------- banner content styles --------*/

#banner { margin-top:38px; margin-left:10px; width:640px;}
/* ie hack!!! */
* html #banner{margin-top:25px; }
#banners { width:640px; height:243px; border:2px solid #063563; background:#FFFFFF;}
#banner-in { width:615px; height:219px; margin-left:auto; margin-right:auto; margin-top:11px; margin-bottom:7px; }

/* -----------------menu content ---------------*/

#menu{ margin-top:100px; list-style:none;}
/* ie hack!!! */
* html #menu{margin-top:85px; }
#mn-div { font-family:Verdana; font-size:15px; color:#000; font-weight:900; margin-left:15px; margin-right:5px;  }
#js-mn { border-bottom:1px solid #006699; list-style:none; line-height:30px; }


/* ------------------- calendar -------------------------- */
#left-box .b2 #calendar { height:150px; border:1px solid #E0E0E0; background:#FFFFFF; margin-top:15px; background:url(http://www.jamaluddin.edu.mv/library/box-bg.jpg) repeat-x top; display:table; width:230px; font-size:13px; font-family:Verdana; color:#666666; }
#cal-box-main { margin-top:10px; margin-left:20px; list-style:square; }
#cal-box-viewpg {margin-top:10px; background:#FFFFFF; margin-top:15px; margin-left:10px; width:640px; border:2px solid #003366; display:table; padding-bottom:25px;}
#cal-box-bg { background:url(../library/box-bg.jpg) repeat-x top; height:45px; color:#FFFFFF; font-size:18px; font-weight:bold; text-align:left; font-family:Verdana; padding-left:5px; padding-top:2px;  }

/* ------------------- clubs -------------------------- */
#cu-box {  margin-top:15px; margin-left:10px; width:640px; border:2px solid #003366; display:table; background:#FFFFFF;}
#cu-intro-bx { display:table; width:640px;}
#cu-image {width:150px; height:150px; float:left;  border:1px solid #999999; margin-left:10px; margin-top:10px;}
#cu-intro { width:430px; float:left; margin-left:10px; margin-top:10px; font-family:Verdana; font-size:12px; line-height:17px;}
#cu-heading { font-weight:bold; font-family:Verdana; font-size:15px; color:#666666;}
#cu-intro-det {margin-top:10px;}
#cu-leaders-head { background:url(../library/box-bg.jpg) repeat-x top; margin-top:10px; color:#FFF; font-weight:bold; font-family:Verdana; font-size:18px; clear:both; height:40px; padding-left:5px; padding-top:1px; }
#cu-leaders-dets{ width:610px; margin-left:10px; font-family:Verdana; font-size:12px; overflow:auto; height:50px;}
#cu-events{ background:url(../library/box-bg.jpg) repeat-x top; height:40px; font-family:Verdana; font-size:18px; color:#FFFFFF; font-weight:bold; margin-top:25px; padding-left:5px; text-align:left;}
#cu-events-heads {border-bottom:1px solid #999999; margin-top:10px; font-family:Verdana; font-size:11px; line-height:17px; margin-left:25px; width:580px;}
#cu-events-box { margin-top:10px;}
#cu-events-box:hover {background:#E5E5E5;}
#cu-event-headline {font-size:14px; margin-left:25px; font-family:Verdana; font-weight:bold; color:#666666; width:580px;}
#event-mnm { padding-bottom:25px;}

/* --------- cu gallery ----------------- */
#cu-gallery {margin-top:10px;}
#cu-cats-box { margin-top:10px; margin-left:15px; list-style:square;  float:left; border-bottom:1px solid #CCCCCC; color:#FFFFFF; text-align:center; font-family:Verdana; font-size:13px; height:20px; font-weight:bold;}


#tech-resou {
	left: 890px;
	padding-left:22px;
	margin-top:220px;
}

#about-vv {	font-family:Verdana; font-size:11px; line-height:17px; margin-left:5px; overflow:auto; height:500px; }
#gal-cats {border:1px solid #CCCCCC;}

/* ----studntwrk------*/

#studntwrk {
	width:180px;
	height:130px;
	margin-top:105px;
	margin-left:8px;
	border:2px #CCCCCC solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#std-top {
background:url(../assets/std-top.jpg) no-repeat ;
height:30px;
}

/*------------ contact style starts here ----------*/
#cont-top {
background:url(../assets/cont-top.jpg) no-repeat;
height:30px;
border-bottom:2px #CCCCCC solid;
margin-bottom:10px;
}

#contact  {
	width:180px;
	height:130px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	margin-top:9px;
	border:2px #CCCCCC solid;
	margin-left:8px;

 }
 
.formbox { border:1px solid #003366; width:150px; }

/*------------ teacherresources ----------*/

#teacherresources {
	width:180px;
	height:130px;
	margin-top:10px;
	margin-left:8px;
	border:2px #CCCCCC solid;
}

#tec-top {
background:url(../assets/tec-top.jpg) no-repeat  ;
height:30px;
border-bottom:2px #CCCCCC solid;
}

#teacherreso { 
	width:150px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	}

#rules { 
	width:620px;
	margin-left:auto;
	margin-right:auto;
	margin-left:10px;
	font-size:11px;
	height:500px;
	overflow:auto;
	}




#teacherreso textarea:focus, #teacherreso input:focus  {
	border:2px solid #003366;}

#submit-button{
	border:1px solid #003366;
	font-size:11px;
	font-family:Verdana;
	color:#333333;
	}
	
#frame-i { 
	width:630px;
	height:600px;
	border:1px solid #FFF ;
	color:#000000;
	
	}
	
#upload-txt { font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:10px;}