img, div { behavior: url(iepngfix.htc) }

#header-section{
	background-image:url(../images/banner_top.jpg);
	height:266px;
	background-repeat:no-repeat;
}

#menu-section{
	background-image:url(../images/banner_bottom.jpg);
	background-repeat:no-repeat;
}

#menu-section ul{
	z-index:9999;
}

#sub-title{
	padding-top:55px;
	font-size:36px;
}

#login-set{
	width:200px;
	padding:3px;
	border:none;
}

#login-set label{
	color:#E41B24;
	font-size:12px;
	padding-bottom:2px;
	font-weight:normal;		
}

.login{
	border:1px solid #E41B24;
	padding:2px;
	width:200px;
}

.portalbutton{
	background-color:#E41B24;
	color:#FFF;
	font-size:12;
	font-weight:normal;
	border:1px solid #E41B24;
	margin:2px;
}

.content-title{
	font-size:16px;
	font-weight:bold;
	background-image:url(../images/star-red-blue.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
}

p{
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:12px;
	text-align:justify;
}

.bodyContent p{
	padding-right:80px;
}

.right-section{
	font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
	color:#014f80;
	font-size:12px;
}







.right-section lh{







	font-weight:bolder;







	font-size:12px;
}







.right-section blockquote{







	font-size:11px;







}







.right-section li{







	list-style-type:none;







	padding-left:20px;







	padding-top:3px;
}







.right-section a{







	text-decoration:none;







	color:#014f80;







}







.right-section a:hover{







	color:#E41B24;







}







.right-section a:active{







	color:#E41B24;







}







.img-left{







	float:left;







	padding-right:10px;







}







#footer{







	margin-top:100px;







	font-size:10px;
}

/* Moo tools style navigation */

.nav, .nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
}

.nav a{
display:block;
padding:0px 5px;
color:#000;
/*
border:1px solid #F54949;
color:#000;
background-color:#E41B24;/*red*/
text-decoration:none;
font-size:12px;
font-weight:bold;
}

.nav a:hover{
/*background-color:#fff;*/
color:#E41B24;
}

.nav li{
float:left;







position:relative;















}







.nav ul {







position:absolute;







display:none;







width:12em;







top:1.5em;







}















.nav li ul a{







width:18em;







height:auto;







float:left;







/*background-color:#E41B24; */







background-color:#EEF6FC;















/*background-image:url(../images/menu_bg.jpg);*/







/*background-repeat:repeat-x;*/







border:1px solid #74B2E2;







}







.nav li ul a:hover{







	color:#E41B24;







}







.nav ul ul{







top:auto;







}	















.nav li ul ul {







left:12em;







margin:0px 0 0 10px;







}















.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul{







display:none;







}







.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul{







display:block;







color:#FF0;







}







#accordion td{







	vertical-align:text-top;







}







.odd{







	background-color:#FFF;







}







.even{







	background-color:#F0F0F0;







}







.attendance_status{







	border:none;







	







}







#attendance_table{







	border-collapse:collapse;







	border:1px solid #333;







	font-size:12px;







}







#attendance_table td{







	border:1px solid #333;







	vertical-align:top;







}







#attendance_table tr:hover{







	background-color:#FF9;







}







.no-padd{







	padding:0;







}















.highlight{







	background-color:#0F3;







	padding:1px;







}







#attendance_classDetails{







	list-style-type:none;	















}







#attendance_classDetails li{







	display:inline;







	padding: 0 10px 0 0;







	font-weight:bold;	







}







#attendance_classDetails li label{







	font-weight:normal;	







	color:#00F;















}







.Attendance_report_table{







	border-collapse:collapse;







	border:1px solid #333;







	font-size:12px;















}







.Attendance_report_table td{







	border:1px;







	vertical-align:top;







}







#tabAttendance p{







	padding:5px;







}







.pTitle{







	text-align:center;







	color:#00F;







}















/* File Manager*/







/*.folder{







	list-style-type:none;







}







.tools  a{







	position:relative;







	padding-left:20px;







}















.tools li a span{







	position:absolute;







	top:50%;







	margin-top:-8px







}







*/















/* File Manager*/







.treeview, .treeview ul { 







	padding: 0;







	margin: 0;







	list-style: none;







		font-size:11px;







}















.treeview ul {







	







	margin-top: 4px;















}















.treeview .hitarea {







	background: url(images/treeview-default.gif) -64px -25px no-repeat;







	height: 16px;







	width: 16px;







	margin-left: -16px;







	float: left;







	cursor: pointer;







}







/* fix for IE6 */







* html .hitarea {







	display: inline;







	float:none;







}















.treeview li { 







	margin: 0;







	padding: 3px 0pt 3px 16px;







}















.treeview a.selected {







	background-color: #eee;







}















#treecontrol { margin: 1em 0; display: none; }















.treeview .hover { color: red; cursor: pointer; }















.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }







.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }















.treeview .expandable-hitarea { background-position: -80px -3px; }















.treeview li.last { background-position: 0 -1766px }







.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }  







.treeview li.lastCollapsable { background-position: 0 -111px }







.treeview li.lastExpandable { background-position: -32px -67px }















.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }















.treeview-red li { background-image: url(images/treeview-red-line.gif); }







.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); } 















.treeview-black li { background-image: url(images/treeview-black-line.gif); }







.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }  















.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }







.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); } 















.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }







.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); } 























.filetree li { padding: 3px 0 2px 16px; }







.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }







.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }







.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }







.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }















#myFiles{







	width:400px;







}







#selectedFiles{







	font-size:11px;







	font-family:Arial;







}







#selectedFiles li{







	list-style-type:none;







}















.buttons{







	padding: .4em 1em .4em 20px;







	text-decoration: none;







	position: relative;







	font-size:10px;







}







.buttons span.ui-icon {







	margin: 0 5px 0 0;







	position: absolute;







	left: .2em;







	top: 50%;







	margin-top: -8px;







}







.buttons:hover{







	cursor:pointer;







}







.toogle_link{







	font-size:9px;	







}







.toogle_link:hover{







	cursor:pointer;







}







.permissionListTable td{







	vertical-align:top;







}







.permissionList,permissionList li{







	font-family:Arial;







	font-size:11px;







	list-style-type:none;







}







.permissionList li{







		padding:0 0 10px 0;







}







.txtLink{







	padding: .4em 1em .4em 20px;







	text-decoration: none;







	position: relative;







	font-size:8px;







}







.txtLink span.ui-icon {







	margin: 0 0 0 0;







	position: absolute;







	left: .2em;







	top: 50%;







	margin-top: -8px;







}







.txtLink:hover{







	cursor:pointer;







}







#consolidatedMarks{







	width:100%;







	height:400px;







	overflow:auto;







	border:1px solid #333;







	







}







#consolidatedMarks td{







	border:1px solid #000;















}







#spellcheckresults { position: absolute; background: #fff; margin: 0; border: 1px solid #000; padding: 5px; }







				#spellcheckresults dl { margin: 0; padding: 0; }







					#spellcheckresults dl dt { float: left; clear: left; margin: 3px 0; padding: 0; font-weight: bold; }







					#spellcheckresults dl dd { float: left; margin: 3px 10px; padding: 0; cursor: pointer; color: green; }







					#spellcheckresults dl dd.ignore { color: red; font-style: italic; }







			







			a.checkspelling {  }







				a.checkspelling img { margin: 0 5px; border: 0; }























/* callouts*/







.calloutUp







    {







        height: 0;







        width: 0;







        border-bottom: 12px solid #ffffff;







        border-left: 12px dotted transparent;







        border-right: 12px dotted transparent;







        left: 0px;







        top: 0px;







        margin-left: 20px;







        z-index: 10;







    }







    .calloutUp2







    {







        position: relative;







        left: -10px;







        top: 2px;







        height: 0;







        width: 0;







        border-bottom: 10px solid #9999ff;







        border-left: 10px dotted transparent;







        border-right: 10px dotted transparent;







        z-index: 11;







    }







    .calloutDown







    {







        height: 0;







        width: 0;







        border-top: 12px solid #ffffff;







        border-left: 12px dotted transparent;







        border-right: 12px dotted transparent;







        left: 0px;







        top: 0px;







        margin-left: 20px;







        z-index: 11;







    }







    .calloutDown2







    {







        position: relative;







        left: -10px;







        top: -12px;







        height: 0;







        width: 0;







        border-top: 10px solid #9999ff;







        border-left: 10px dotted transparent;







        border-right: 10px dotted transparent;







        z-index: 10;







    }







    .divContainerUp







    {







        background-color: #9999ff;







        border: solid 1px #ffffff;







        position: relative;







        top: -1px;







        z-index: 9;







        width: 500px;







        padding: 4px;







		







    }







	.divContainerUp blockquote{







		font-weight:normal;







		color:#000;







	}







    .divContainerDown







    {







        background-color: #9999ff;







        border: solid 1px #ffffff;







        position: relative;







        top: 1px;







        z-index: 3;







        width: 500px;







        padding: 4px;







    }







    .divContainerMain







    {







        background-color: #ccccff;







        padding: 8px;







		







    }







.link {



	padding: .4em 1em .4em 20px;



	text-decoration: none;



	position: relative;



}



.link span.ui-icon {



	margin: 0 5px 0 0;



	position: absolute;



	left: .2em;



	top: 50%;



	margin-top: -8px;



	zoom: 1;







}







/* end call outs*/







/*SHOWCASE*/

.clear {

	clear:both

}



#showcase {

	position:relative;

	height:360px

}

	#showcase a {

		float:left;

		position:absolute;

	}

	

	#showcase a img {

		border:none;

	}

	

	#showcase a.show {

		z-index:500

	}



	#showcase .caption {

		z-index:600; 

		background-color:#000; 

		color:#ffffff; 

		height:100px; 

		width:100%; 

		position:absolute;

		bottom:0;

	}



	#showcase .caption .content {

		margin:5px

	}

	

	#showcase .caption .content h3 {

		margin:0;

		padding:0;

		color:#1DCCEF;

	}



/*END SHOWCASE*/



/* ARTS SHOWCASE */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
	padding:10px;
	border:1px solid rgb(100,100,100);
	background-color:rgb(230,230,230);
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* END ARTS SHOWCASE */