a {
	color: #024AA6;
	text-decoration: none;
}

a.sublevel {
	padding-left: 3px;
}

a.sublevel#active_menu {
	color: #FF6633;
	text-decoration: none;
}

a:hover, a:active {
	color: #EF9403;
	text-decoration: underline;
}

a.pagenav {
	font-weight: normal;
}

a.readon {
	padding: 2px 12px 1px 0;
	display: block;
	color: #FFFFFF;
	background: url(../images/readon-bg.gif) no-repeat bottom right;
	text-decoration: none;
	text-align: right;
	text-transform: lowercase;
	line-height: normal;
}

a.readon:hover, a.readon:active {
	color: #FFFFFF;
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	color: #353535;
	background: #ffcc00;
	font: 11px Tahoma, Arial, sans-serif;
}

body#bd {
	margin: 0px 0;
	background: #ffcc00;
	text-align: center;
}

body.contentpane {
	margin: 3px;
}

iau_div.moduletable {
/*	width: auto!important; */
	width: 85%;
	margin-bottom: 4px;
	border: 1px solid #E6E6E6;
	padding: 0px;
	background-color: #FFFFFD;
}

div.moduletable h3 {
margin: 0px 0px 0px 0px;
/*	margin: -4px -19px 4px -2px; */
	padding: 4px 4px 4px 6px;
	color: #666666;
	background: url(../images/h3-bg.gif) #F7F7F7;
	font-size: 11px;
	font-weight: bold;
	text-transform: UPPERCASE;
}

div.moduletable td {
	padding: 3px 0!important;
}

div.moduletable-blue {
	background: #024AA6;
}

div.moduletable-blue h3 {
	background: url(../images/h3-blue-bg.gif) #024AA6;
}

div.moduletable-green {
	background: #62AC02;
}

div.moduletable-green h3 {
	background: url(../images/h3-green-bg.gif) #62AC02;
}

div.moduletable-orange {
	background: #EF9403;
}

div.moduletable-orange .article_seperator {
	display: none;
}

div.moduletable-orange a, div.moduletable-green a, div.moduletable-blue a {
	color: #FFFFFF;
}

div.moduletable-orange h3 {
	background: url(../images/h3-orange-bg.gif) #EF9403;
}

div.moduletable-orange h3, div.moduletable-green h3, div.moduletable-blue h3 {
	margin: -6px -6px 6px -6px;
	padding: 4px 4px 4px 6px;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: UPPERCASE;
}

div.moduletable-orange td, div.moduletable-blue td, div.moduletable-green td {
	color: #FFFFFF;
}

div.moduletable-orange, div.moduletable-blue, div.moduletable-green {
	width: auto!important;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #E6E6E6;
	padding: 6px;
}

#spotlight-orange, #spotlight-green, #spotlight-blue {
	float: left;
	width: 243px!important;
	width: 242px;
	display: inline;
}

#spotlight-orange, #spotlight-green {
	margin-right: 11px;
}

#spotlight-orange div.moduletable-orange, #spotlight-green div.moduletable-green, #spotlight-blue div.moduletable-blue {
	height: 100px!important;
	height: 120px;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

fieldset a {
	font-weight: bold;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 10px 0;
	color: #EF9C10;
	font-size: 16px;
}

h1.header-logo {
	margin: 0;
	padding: 0 0px;
	font-size: 20px;
	z-index: 1;
}

h2 {
	margin: 10px 0;
	color: #EF9C10;
	font-size: 14px;
}

h4 {
	margin: 10px 0;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}

hr {
	border-top: 2px solid #D3CCC2;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

html {
	height: 100%;
}

input {
	margin-bottom: -1px;
	font: 11px Arial, sans-serif;
}

ol {
	margin: 12px auto;
}

iau_p {
	margin: 10px 0;
}

select {
	font: 11px Arial, sans-serif;
}

table.contentpaneopen td, table.contentpane td {
	padding: 0;
	line-height: 140%;
}

table.contentpaneopen, table.contentpane, table.blog {
	width: auto!important;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.contenttoc {
	border: 1px solid #EFEFEF;
	margin: 0 0 10px 10px;
	width: 180px;
	background: #F7F7F7;
}

table.contenttoc td {
	padding: 1px 6px 1px 16px;
	background: url(../images/arrow.png) no-repeat 5px 7px;
}

table.contenttoc th {
	padding: 4px 6px;
	color: #024AA6;
}

table.moduletable {
	width: 100%;
	background: #FFFFFF;
}

table.polls {
	padding: 0;
	width: 100%;
	text-align: left;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	text-align: left;
}

table.pollstableborder img {
	margin: 4px 4px 4px 0;
	vertical-align: middle;
}

table.pollstableborder td {
	padding: 2px 4px!important;
}

table.searchintro {
	margin: 10px 0;
	padding: 10px 0!important;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

table.searchintro td {
	padding: 0 2px!important;
}

td {
	font-size: 11px;
}

td.buttonheading {
	padding-left: 5px!important;
}

textarea {
	padding-left: 2px;
	font: 11px/1.3em Arial, sans-serif;
}

th {
	font-weight: bold;
	font-size: 11px;
	text-align: left;
}

tr.sectiontableentry1 td {
	padding: 3px 4px;
	border-bottom: 1px solid #EFEFEF;
}

tr.sectiontableentry2 td {
	padding: 3px 4px;
	border-bottom: 1px solid #EFEFEF;
	background: #F7F7F7;
}

ul {
	margin: 10px;
	padding: 0;
	list-style: none;
}

ul li {
	padding-left: 12px;
	background: url(../images/arrow.png) no-repeat 0 6px;
	line-height: 140%;
}

ul#mainlevel li, ul#mainlevel-nav li {
	padding: 0;
	margin: 0;
	background: none;
}

.adminform textarea {
	width: 540px!important; /*Control the Frontend Editor area width*/
}

.adminform textarea.inputbox {
	width: 440px!important; /*Control the Frontend Editor area width*/
}

.article_seperator {
	display: block;
	background: url(../images/seperator.gif) repeat-x top left;
}

.back_button {
	margin-top: 12px;
	width: 100%;
	display: block;
	text-align: right;
}

.back_button a {
	color: #666666;
}

.banner {
	float: right;
	position: absolute;
	top: 12px;
	right: 12px;
}

.barshadow {
	padding: 2px;
	margin: 0;
	background: url(../images/shadow.gif);
}

.blog_more {
	margin: 10px 0;
	padding: 3px;
}

.button {
	padding: 0 3px 0 3px;
	border: 1px solid #999999;
	margin-bottom: 2px;
	background: url(../images/but-bg.gif) bottom #EFEFEF;
	color: #FFFFFF;
	font: 11px Arial, sans-serif;
}

.category {
	font-weight: bold;
	font-size: 12px;
}

.code, pre {
	border: 1px solid #F0EEDE;
	width: auto;
	padding: 6px;
	background: #F7F6EE;
	font: 11px Arial, sans-serif;
}

.componentheading {
	padding: 5px 6px;
	margin-bottom: 12px;
	color: #FFFFFF;
	background: url(../images/navbar-bg.gif) #024AA6;
	font-weight: bold;
	text-transform: UPPERCASE;
}

.contentdescription {
	padding: 0 0 12px!important;
	height: auto;
}

.contentheading {
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}

.createdate {
	padding-bottom: 10px!important;
	color: #666666;
	font-weight: bold;
}

.error {
	color: #B91919;
}

.highlight {
	font-weight: bold;
}

.inputbox {
	padding-left: 2px;
	margin-bottom: 1px;
	font: 11px Arial, sans-serif;
}

.message {
	color: #EF9C10;
	font-weight: bold;
	font-size: 11px;
}

.modifydate {
	color: #666666;
	height: 20px;
}

.mosimage {
	padding: 0;
	margin-right: 5px;
}

.mosimage img {
	margin: 0 6px 0 0!important;
	margin: 0 0 0 -6px;
}

.mosimage_caption {
	margin-top: 2px;
	color: #999999;
}

.pagenav {
	padding: 2px;
}

.pagenav_prev a, .pagenav_next a {
	color: #666666;
}

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_next a:hover, .pagenav_next a:active {
	color: #B91919;
	text-decoration: none;
}

.pagenavbar {
	padding-left: 16px;
	background: url(../images/pages-icon.gif) no-repeat center left;
	font-weight: bold;
}

.pagenavcounter {
	padding: 0 16px 10px 16px;
	color: #666666;
	background: url(../images/pages-icon.gif) no-repeat 0 3px;
	font-weight: bold;
}

.search input {
	width: 98%;
}

.sectiontablefooter {
	padding-bottom: 3px!important;
	height: 20px;
}

.sectiontableheader {
	padding: 3px 4px!important;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	background: url(../images/h3-bg.gif) #666666;
	color: #666666;
	font-weight: bold;
}

.sectiontableheader a, .sectiontableheader a:hover {
	color: #FFFFFF;
}

.small {
	color: #666666;
}

#container {
	width: 800px;	
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid #217EB6;
	border-right: 1px solid #217EB6;
	border-top: 1px solid #217EB6;
	border-bottom: 1px solid #217EB6;
	/* border: 1px solid #217EB6; */
	background: #99CCFF;
	text-align: left;
}
#content {
	float: left;
	width: 545px!important;
	width: 600px;
	padding: 0px 0px;
	border-top: 0px solid #EFEFEF;
	border-right: 0px solid #DDDDDD;
	border-bottom: 0px solid #DDDDDD;
	border-left: 0px solid #EFEFEF;
	display: inline;
	background: #99CCFF;
}
#content table.pollstableborder {
	width: 540px!important;
	border: none;
	text-align: left;
}

#copyright {
	padding: 5px 10px 5px;
	margin: 0 auto;
	width: 800px;
	text-align: left;
}

#copyright a {
	color: #222222;
}

#footer {	
	clear: both;
	margin-top: 1px;
	color: #ABABAB;
	background: #022a70;
	text-align: left;
}

#footer a {
	padding: 0 10px;
	border-right: 1px solid #1A5CB1;
	color: #B0CAEB;
	background: #022a70;
}

#footer a:hover, #footer a:active {
	color: #FFFFFF;	
}

#footer li {
	padding: 0;
	display: inline;
	background: none;
	line-height: normal;
}

#header {
	width: 100%;
	background: #024AA6;
	height: 70px;
	position: relative;
}

#main {
	width: 100%;
	margin: 0px;
}

#pathway {
	margin: 0;
	/* padding: 5px 6px 3px 12px; */
	border-bottom: 0px solid #CCCCCC;
	/* background: url(../images/subnav_bg.gif) #024AA6; */
	color: #222222;
	font-size: 11px;
}

#pathway a {
	padding-right: 13px;
	background: url(../images/arrow-off.gif) no-repeat 100% 60%;
	color: #666666;
}

#pathway a:hover, #pathway a:active {
	background: url(../images/arrow-on.gif) no-repeat 100% 60%;
	color: #222222;
	text-decoration: none;
}

#pathway img {
	visibility: hidden; /* DO NOT SHOW PATHWAY DEFAULT ARROW */
}

#rightcol {
	width: 100%;
	float: left;
	margin-right: 0px;
}

#rightcol a.mainlevel {
	padding-left: 12px;
	background: url(../images/arrow.png) no-repeat 0 5px;
}

#rightcol ul, div.moduletable-orange ul, div.moduletable-green ul, div.moduletable-blue ul {
	padding: 0;
	margin: 0;
}

#topnav {
	border-top:01px solid #1A5CB1;
	padding: 4px 0;
	background: /* url(../images/navbar-bg.gif) repeat-x top */ #024AA6;
	font-size: 11px;
	text-align: left;
}

#topnav a {
	border-right: 1px solid #1A5CB1;
	padding: 6px 12px 5px 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: UPPERCASE;
}

#topnav a#active_menu-top {
	color: #EF9403;
	text-decoration: none;
}

#topnav a:hover, #topnav a:active {
	color: #EF9C10;
	text-decoration: none;
}

#topnav li {
	padding: 0;
	display: inline;
	background: none;
}

#topnav ul, #footer ul {
	margin: 0;
	padding: 0;
}

#overDiv {
	border: 1px solid #C64934;
}

#user-bar {
	float: right;
}

#user-bar a {
	background-image: none;
	padding: 0;
	margin-right: 8px;
}

#user-bar a:hover, #user-bar a:active {
	background-image: none;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */  


#boxway {
	margin: 0;
	/* padding: 5px 6px 3px 12px; */
	border-bottom: 0px solid #CCCCCC;
	background: /* url(../images/subnav_bg.gif)*/ #024AA6; 
	color: #222222;
	font-size: 12px;
}
#boxway a {
	padding-right: 13px;
	background: url(../images/arrow-off.gif) no-repeat 100% 60%;
	color: #FFFACD;
}

#boxway a:hover, #pathway a:active {
	background: url(../images/arrow-on.gif) no-repeat 100% 60%;
	color: #222222;
	text-decoration: none;
}

#boxway img {
	visibility: hidden; /* DO NOT SHOW PATHWAY DEFAULT ARROW */
}
.invis {
color: #FFFDC7;
text-decoration: none;
}

/*Added by Rodnie Amadeo*/

	#table {border-style:none; name:table; border-width:thin; border-color:#b9c9ef; font: normal 12px Tahoma;  color:black}	input {font: normal 12px Tahoma}	
	#spc {height:8; background:#ffffff}	#bchange {width:100; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#lchange {width:100; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#echange {width:100; height:20; background:#17DD8B; border:1px solid #a2cee0}    
	#bt11 {width:100; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#check1 {width:20; height:20; background:#17DD8B }	
	#bt1 {width:90; height:20; background:#33ccff; border:1px solid #0066ff}		
	#bt2 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#bt3 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#bt4 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#bt5 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#bt6 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#bt7 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#bt8 {width:120; height:20; background:#33ccff; border:1px solid #0066ff}	
	#changesize1{width:50; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#changesize2{width:50; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#colorb {width:15; height:15; border:1px solid #a2cee0}	
	#bchangepass {width:122; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#commonbutton {width:122; height:20; background:#17DD8B; border:1px solid #a2cee0}	
	#postpaymentbutton {width:90; height:20; background:#17DD8B; border:1px solid #a2cee0}		
	#backbutton {width:100; height:20; background:#17DD8B; border:1px solid #a2cee0}
	#login {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#password {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#txtmenu1 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#txtmenu2 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#txtmenu3 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data1 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data2 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data3 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data4 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data5 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data6 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data7 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data8 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data9 {font: normal 12px Tahoma; height:20; border:1px solid #17DD8B}	
	#data10 {font: normal 12px Tahoma; height:20; width:350; border:1px solid #FFFFFF}    
	#strsql {font: normal 12px Tahoma; height:20; width:400; border:1px solid #17DD8B}	
	#nPassword {font: normal 12px Tahoma; height:20; width:180; border:1px solid #17DD8B}		/*
	a:link {color:white}          a:visited {color:white}	a:hover {color:white}	a:active {color:white}	*/	
	span#alink:link {color:#027202}	
	span#alink:visited {color:#FF42FF}    
	span#alink:hover {color:#FF0245}	
	span#alink:active {color:#027202}		
	#headfont {font-size: 18px; font-family: Tahoma; color:blue }	
	#ordinaryfont {font-size: 14px; font-family: Tahoma; color:#024202 }			 
	/*DIV.classStatusBar    
	{    
	BORDER-RIGHT: black;    
	BORDER-TOP: black;    
	BORDER-LEFT: black;    
	BORDER-BOTTOM: black;    
	OVERFLOW: auto;    scroll-color: red;    
	WIDTH: 200px;    
	HEIGHT: 150px;    
	border-style: Ridge;    
	border-width: 0px;    
	border-COLOR: darkblue;    
	scrollbar-arrow-color: #0202B4;    
	scrollbar-3d-light-color : #020290;    
	scrollbar-base-color: #020290;    
	scrollbar-face-color: #02D5FF;    
	scrollbar-dark-shadow-color : #020290;    
	scrollbar-highlight-color: #02F9FF;    
	scrollbar-shadow-color: #026FFF;    
	}
  DIV.classContact
    {
    BORDER-RIGHT: black;
    BORDER-TOP: black;
    BORDER-LEFT: black;
    BORDER-BOTTOM: black;
    OVERFLOW: auto;
    scroll-color: red;
    WIDTH: 100%;
    HEIGHT: 100%;
    border-style: Ridge;
    border-width: 0px;
    border-COLOR: darkblue;
    scrollbar-arrow-color: blue;
    scrollbar-3d-light-color : teal;
    scrollbar-base-color: #305FF8;
    scrollbar-face-color: ;
    scrollbar-dark-shadow-color : ;
    scrollbar-highlight-color: ;
    scrollbar-shadow-color: ;
  }*/
	
.tdleft { background-image: url(nleft.gif);width:7}
.tdcenter { background-image: url(ncenter.gif);}
.tdright { background-image: url(nright.gif); width:13}
.myrow{line-height:1.35;}

.trInfo { background-color: #5C80F7; line-height:1.3}
.tdTitle { background-color: #214EE2; line-height:1.7}
.trSubject { background-color: #06397E; line-height:1.7}
.trSemester { background-color: #557BF6; line-height:1.3}
.trDetail1 { background-color: #5A7FF5;line-height:1.5}
.trDetail2 { background-color: #6C8CF4;line-height:1.5}

BODY1 { background: url("clouds.jpg") }

#fWeather     {  font-size: 14px;  font-family: Tahoma;  color:#330099;   font-weight: normal;  }
#fLabel     {  font-size: 14px;  font-family: Tahoma;  color:#330099;   font-weight: normal;  }
#fHead     {  font-size: 16px;  font-family: Tahoma;  color:#FFFFFF;   font-weight: bold;  }
#fInfo     {  font-size: 12px;  font-family: Tahoma;  color:#330099;   font-weight: bold;  }
#fWarning     {  font-size: 12px;  font-family: Tahoma;  color:#330099;   font-weight: bold;  }
#fGrade     {  font-size: 11px;  font-family: Tahoma;  color:#330099;   font-weight: bold;  }
#fSubject     {  font-size: 12px;  font-family: Tahoma;  color:#072177;   font-weight: normal;  }
#fGHeader     {  font-size: 12px;  font-family: Tahoma;  color:#DCE2F8;   font-weight: bold;  }
#fTitle     {  font-size: 20px;  font-family: Tahoma;  color:#DCE2F8;   font-weight: bold;  }
#tdHead{background-color:#728DF2; align:center;}
#trHead{background-color:#0C3BD1;}