body,html{
	padding:0;
	margin:0;
	background:url(../images/bg.gif) repeat-x #bfcfc2;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.container{
	width:825px;
	padding:0;
	margin:0 auto
}

.sleft{
	width:12px;
	background: url(../images/sLeft2.gif)
}

.contentContainer{
	background:#fff
}

.topnav{
	padding:0 0 5px 123px;
	/*padding:0 0 5px 0;*/
	text-align:center;
	margin:0;
	width:678px;
	/*width:801px;*/
	height:24px;
	background:#5471b6;
	border-bottom:4px solid #193992;
	list-style:none
}

.topnav li{
	padding:8px 0 0 0;
	margin:0;
	float:left;
	border-right:1px solid #b5c2e3
}

.topnav li.last{
	border-right:none
}

.topnav li a{
	padding:0 8px;
	display:block;
	font:normal 14px "Times New Roman";
	color:#b5c2e3;
	text-decoration:none;
	text-transform: capitalize
}

.topnav li a:hover{
	color:#fff
}

.topnav li a.active{
	color:#fff
}

.mastheadConatainer{
	border-bottom:1px solid #eaeaea;
	clear:both;
	padding:0;
	margin:0
}

.masthead{
	border-bottom:1px solid #c4c4c4;
	padding:0 8px 8px 0;
	margin:0
}

.logoContainer{
	float:left;
	width:420px;
	height:288px;
	background:url(../images/topLeft.jpg) 0 64px no-repeat
}

.logo{
	float:left;
	width:165px
}

.joji-ilagan{
	float:right;
	width:250px;
	font:bold 22px "Times New Roman";
	padding:10px 0 0 0;
	margin:0
}

.tagline{
	clear:both;
	padding:35px 0 0 0;
	font:normal 14pt Verdana;
	text-align:center
}

.green{
	color:#0c6e14
}

.mastheadPics{
	float:right;
	width:358px;
	padding:9px 0 0 0
}

.clear{
	clear:both
}

.content{
	background:url(../images/watermark.jpg) bottom left no-repeat;
 	padding:15px 30px 15px 210px
}

.content h1{
	font:bold 20px Arial;
	color:#193992;
	padding:0;
	margin:0
}

.content p, li{
	font-size:10pt;
	text-transform: capitalize;
}

.sidenav{
	background:#ededed;
	width:170px;
	padding:10px
}

.affiliations{
	background:url(../images/dots.gif) top repeat-x;
	padding:15px 0 0 0;
	margin:15px 0 0 0;
	font:italic 12px "Times New Roman"
}

.affiliations img{
	padding:10px 5px 0 5px;
	border:none
}

.courses, .faqs, .contact, .portal{
	margin:0 0 10px 0
}

.courses a{
	padding:3px;
	display:block;
	background:#5a782d;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.courses a:hover{
	background:#3e5f0d
}

.faqs a{
	padding:3px;
	display:block;
	background:#d88e23;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.faqs a:hover{
	background:#c37a10
}

.contact a{
	padding:3px;
	display:block;
	background:#6a8fed;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.contact a:hover{
	background:#4770d7
}

.portal a{
	padding:3px;
	display:block;
	background:#2959c5;
	text-decoration:none;
	text-align:right;
	font:bold 12px Verdana;
	color:#fff
}

.portal a:hover{
	background:#234ba4
}

.courses img, .faqs img, .contact img, .portal img{
	border:none;
	padding:3px 0 0 0
}

.contactInfo{
	padding:7px;
	background:#dcdcdc;
	font:normal 11px Arial
}

.footer{
	background:#a3b8a6;
	padding:10px;
	color:#4a534b;
	font:normal 10px Arial
}

.footer a{
	color:#4a534b;
	text-decoration:none
}

.footer a:hover{
	text-decoration:underline
}

.footerLogo{
	float:left;
	width:174px
}

.footerLogo img{
	border:none
}

.footernav{
	padding:0;
	margin:0;
	list-style:none
}

.footernav li{
	padding:0;
	margin:0;
	float:right
}

.footernav li a{
	padding:0 5px;
	font:normal 10px Arial;
	color:#313731;
	text-decoration:none;
	text-transform: capitalize
}

.footernav li a:hover{
	text-decoration:underline
}

.copyright{
	clear:right;
	text-align:right
}

.sRight{
	width:12px;
	background: url(../images/sRight2.gif)
}

a{
	color:#193992
}

a:hover{
	text-decoration:none
}

/*for javascript*/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
} 

.contactForm {
	padding:0 50px
}

.contactForm td{
	font-size:10pt;
	padding:0 0 7px 0
}

.contactForm .inputFields{
	border:1px solid #e1d7d6;
	width:200px
}

.slideshowContainer{
	text-align:center
}

.facilities{
	list-style: url();	
}

.btntop{
	border:1px solid #1755a5;
	background:url(../images/btn_bg.jpg) repeat-x;
	padding:2px 3px;
	float:left;
	font:normal 11px "arial";
	color:#fff;
	margin:4px 30px 2px 18px;
	width:105px;	
}

.btntop:hover{
	color:#f2f2f2
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}