html, body{ scrollbar-face-color: #9b9c9b; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/BG.gif); background-repeat: repeat-x; margin:0px; padding:0px; background-color: #d1d1d1; }
a img { border:none; }


/*********Median Container CSS**********/
#medianleft {background-image:url(../images/median_left_bg.gif);background-repeat:repeat-x;width:480px;height:18px;padding-left:10px;float:left;text-align:left;}
#medianright {background-image:url(../images/median_right_bg.gif);background-repeat:repeat-x;width:auto;height:18px;float:right;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#666666;text-align:right;padding-right:5px;}
#mediancontainer {background-image:url(../images/median_right_bg.gif);background-repeat:repeat-x;width:auto;height:18px;padding-right:10px;}
.mediantxt a{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF;text-decoration:none;}
.mediantxt a:hover{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;text-decoration:underline}



/************Body - Global**************/
.level_0_Container { width:900px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px; }



/********Top and Bottom Containers**********/
.topimage { background-color:#FFFFFF; width:100%; height:9px; float:left; }
	.topimage_leftCor { width:9px; height:9px; float:left; margin-left:0px; margin-top:0px; background:url(../images/top_corner_left.gif) left no-repeat; }
	.topimage_rightCor { width:9px; height:9px; float:right; margin-left:0px; margin-top:0px; background:url(../images/top_corner_right.gif) right no-repeat; }
	
.bottomimage { background-color:#FFFFFF; width:100%; height:10px; float:left; margin-bottom:25px; }
	.bottomimage_leftCor { width:9px; height:10px; float:left; margin-left:0px; margin-top:0px; background:url(../images/bottom_corner_left.gif) left no-repeat; }
	.bottomimage_rightCor { width:9px; height:10px; float:right; margin-left:0px; margin-top:0px; background:url(../images/bottom_corner_right.gif) right no-repeat; }



/*********Main Body Container & Elements***********/
.level_1_Container { width:100%; height:auto; background-color:#FFFFFF; padding:0 10px; float:left; }

	/******** HEADER *********/
	.header_Container { width:100%; height:110px; float:left; }
        /* Logo used for Ateneo sesqui seal, renamed to ateneo_seal_150.gif
	.header_logo { width:182px; height:89px; float:left; padding-top:10px; padding-left:10px; padding-right:5px; }
        */
        .header_logo { width:89px; height:89px; float:left; padding-top:10px; padding-left:10px; padding-right:5px; }
        .header_title { font-size:50px; font-weight:normal; color:#362b2b; width:70%; text-align:left; float:left; padding:7px 5px 0 5px; }
        .header_subtitle { width:70%; font-family: Arial,Helvetica,sans-serif; font-size:20px; font-weight:lighter; color:#362b2b; text-align:left; float:left; padding-left:5px; }



	/******** NAVIGATIONS *********/
	.TopNav_1 { margin-left:0px; float:left; width:100%; height:22px; padding:5px 0; border-style:solid; border-color:#5a5a5a; border-width:1px 0px; text-align:center;}
		.TopNav_1 .navselect { list-style:none; list-style-position:inside; padding:0; margin:0; display:inline; }
		.TopNav_1 .navselect li, .TopNav_1 .navselect li a { display:inline; padding:3px; font-size:12px; font-weight:bold; color:#777777; text-decoration:none; }
		.TopNav_1 .navselect li a:link {}
		.TopNav_1 .navselect li a:visited {}
		.TopNav_1 .navselect li a:active { font-size:12px; font-weight:bolder; color:#000000; }
		.TopNav_1 .navselect li a:hover { font-size:12px; font-weight:bolder; color:#111111; }
		
	.TopNav_2 { margin:0px; float:left; width:100%; height:auto; padding:3px 0 0 0; background-color:#e7ecf5; text-align:center; }
		.TopNav_2 .navselect { list-style:none; list-style-position:inside; padding:0; margin:0; display:inline; }
		.TopNav_2 .navselect li, .TopNav_2 .navselect li a { display:inline; padding:0 3px; font-size:10px; font-weight:bold; color:#999999; text-decoration:none; vertical-align:text-top; }
		.TopNav_2 .navselect li a:link {}
		.TopNav_2 .navselect li a:visited {}
		.TopNav_2 .navselect li a:active { font-size:10px; font-weight:bold; color:#333333; }
		.TopNav_2 .navselect li a:hover { font-size:10px; font-weight:bold; color:#666666; }
		
	/********* CRUMBS *********/
	.crumbs { width:98%; float:left; padding:5px 0 5px 5px; font-size:9px; text-align:left; text-decoration:none; color:#333333; }
		.crumbs a:link { text-decoration:none; color:#333333; }
		.crumbs a:visited { text-decoration:none; color:#333333; }
		.crumbs a:active { text-decoration:underline; color:#333333; }
		.crumbs a:hover { text-decoration:underline; color:#333333; }
		
	/****** WELCOME AREA *******/
	.welcomeArea { float:left; width:100%; padding:0px; margin:0px; height:auto; background-color:#666666; font-size:11px; color:#FFFFFF; }
		.welcomeArea .mainImage { width:55%; height:230px; float:left; }
		.welcomeArea .textArea_container { width:44%; height:220px; padding:5px 0 5px 5px; float:left; }
		.welcomeArea .textArea_container .textArea_content { padding-right:5px; height:220px; overflow:scroll; overflow-y:auto; overflow-x:hidden; }
		.welcomeArea .textArea_container .textArea_content .headline, 
			.welcomeArea .textArea_container .textArea_content .headline a 
			{ color:#FFFFFF; font-size:18px; font-weight:bolder; padding-top:5px; padding-bottom:15px; text-decoration:none; }

		.welcomeArea .textArea_container .newsArea_content { padding-right:5px; height:190px; overflow:scroll; overflow-y:auto; overflow-x:hidden; }		
		.welcomeArea .textArea_container .newsArea_content .headline, 
		.welcomeArea .textArea_container .newsArea_content .headline a 
			{ color:#FFFFFF; font-size:18px; font-weight:bolder; padding-top:5px; padding-bottom:15px; text-decoration:none; }
		
		.welcomeArea .textArea_container .extraContent { padding:5px 10px 0 0; text-align:right; } 

	/*******TITLE ARE********/
	.titleArea { font-size:18px; font-weight:bold; padding:5px; }
	
	/****** STANDARD CONTENTS AREA *******/
	.contentArea { float:left; width:100%; padding:0px; margin:auto; height:auto; font-size:11px; color:#333333; text-align:justify }
		html>body .contentArea { margin-bottom:10px; }	
		.contentArea a:link { text-decoration:none; color:#121212  }		
		.contentArea a:visited { text-decoration:none; color:#666666 }
		.contentArea a:active { text-decoration:none; color:#121212; font-weight:bold }		
		.contentArea a:hover { text-decoration:none; color:#121212; font-weight:bold }		

		.contentArea .headline, .contentArea .headline a { font-size:16px; font-weight:bolder; padding:5px 0 10px 0;  text-decoration:none; width:98%; height:auto; }				
		.contentArea .headline .subText, .contentArea .headline .subText a { font-size:11px; font-weight:bold; text-decoration:none;  }
		.contentArea .formfield { width:400px; }
		.contentArea .textArea { width:400px; height:125px }
		.contentArea .Selection { width:auto; height:auto; margin:0; padding:5px 10px; }

		.contentArea .mainContent { padding:5px 0 25px 5px; text-decoration:none; width:65%; height:auto; float:left; display:inline; }
		.contentArea .mainContent .eventInfo { width:100%; height:auto; padding:0 10px 30px 0; }
			.contentArea .mainContent .eventInfo .section1 { width:29%; float:left; }
			.contentArea .mainContent .eventInfo .section2 { width:20%; float:left; }
			.contentArea .mainContent .eventInfo .section3 { widows:49%; float:left; }	
			.contentArea .Selection .formfield { width:120px; }
				
		.contentArea .leftContent { float:left; display:inline; width:30%; margin:0 10px 10px 0; }
		.contentArea .leftContent .highlightBoxMidGray { margin:10px; padding:10px; background-color:#dedede; }
		.contentArea .leftContent .highlightBoxMidGray .headline {height: auto; width:95%; font-size:14px; font-weight:bold; color:#333333; padding-bottom:3px; border-bottom:#999999 solid 1px; margin-left:0px; margin-bottom:7px; }
		.contentArea .leftContent .highlightBoxMidGray .contentBox {width:95%; height:auto; }
		.contentArea .leftContent .contentPadding { padding:0 0 5px 12px; }
		.contentArea .leftContent .contentPadding .formfield { width:200px; }
		.contentArea .leftContent .imageDepot {margin:auto; text-align:center; font-weight:bold;}
		.contentArea .leftContent .thumbnail { border:solid #FFFFFF thick; }
									
		.contentArea .rightContent { float:right; display:inline; width:32%; margin:0 10px 10px 0; }
		.contentArea .rightContent .highlightBoxMidGray { margin:10px; padding:15px; background-color:#dedede; }
		.contentArea .rightContent .highlightBoxMidGray .headline {height: auto; width:95%; font-size:14px; font-weight:bold; color:#333333; padding-bottom:3px; border-bottom:#999999 solid 1px; margin-left:0px; margin-bottom:7px; }
		.contentArea .rightContent .highlightBoxMidGray .contentBox {width:95%; height:auto; }
		.contentArea .rightContent .highlightBoxMidGray .scrollableContentBox {width:100%; height:180px; overflow:scroll; overflow-y:auto; overflow-x:hidden; }		
		.contentArea .rightContent .highlightBoxMidGray .scrollableContentBox ul{ list-style:none; list-style-position:inside; padding:0; margin:0; }	 	
		.contentArea .rightContent .highlightBoxMidGray .scrollableContentBox li{ padding-bottom:15px; }	
		.contentArea .rightContent .highlightBoxMidGray .contentBox ul{ list-style:none; list-style-position:inside; padding:0; margin:0; }	 	
		.contentArea .rightContent .highlightBoxMidGray .contentBox li{ padding-bottom:15px; font-weight:bold }	

		.contentArea .plainContent { padding:5px; text-decoration:none; width:98%; height:auto; }		
		.contentArea .threedivisions {padding:5px 0 5px 5px; margin:0; width:98%; text-align:left; }
		.contentArea .threedivisions td{ opacity:8; filter: alpha(opacity=80); width:33%  }
			html>body .contentArea .threedivisions td{ opacity:0.5; filter: alpha(opacity=50); width:33%  }
			html>body .contentArea .threedivisions td:hover{ opacity:1; filter: alpha(opacity=100); width:33% }

		.contentArea .twodivisions {padding:5px 5px 5px 5px; margin:0; width:98%; text-align:justify; vertical-align:top }
		.contentArea .twodivisions .headline { height:auto; padding:5px; font-size:12px; font-weight:bold; background-color:#dedede; }
		.contentArea .twodivisions .plainheadline { height:auto; padding:5px 0; font-size:14px; font-weight:bold; }		
		.contentArea .twodivisions td{ opacity:1; filter: alpha(opacity=100); width:48%; padding-bottom:20px  }
			html>body .contentArea .twodivisions td{ opacity:0.5; filter: alpha(opacity=50); width:45%  }
			html>body .contentArea .twodivisions td:hover{ opacity:1; filter: alpha(opacity=100); width:45%  }
		.contentArea .twodivisions ul{ list-style:none; list-style-position:inside; padding:5px 5px 0 10px; margin:0;  }
		
		.contentArea .subTitle { padding:5px; background-color:#efefef; font-size:12; color:#333333; width:98% }
		.contentArea .thumbnail { border:solid thick #000000; }
		.contentArea .imageDepot { padding:10px; margin:0; text-align:inherit; float:left; }

	/********BOTTOM HIGHLIGHT OF WELCOME PAGE**********/
	.welcomePageBottom { width: 100%; padding:10px 0; float:left; font-size:11px; color:#121212 }		
		.welcomePageBottom a:link { font-weight:bold; text-decoration:none; color:#121212 }
		.welcomePageBottom a:visited { font-weight:bold; text-decoration:none; color:#444444; }
		.welcomePageBottom a:active { font-weight:bold; text-decoration:none; color:#121212 }
		.welcomePageBottom a:hover { font-weight:bold; text-decoration:underline; color:#121212 } 		
		
		.welcomePageBottom .newsBox { width:40%; float:left; padding:5px 0 5px 5px; }
		.welcomePageBottom .newsBox .headline { font-size:16px; font-weight:bold; padding:5px 0; }
		.welcomePageBottom .newsBox .newsBoxContainer { width:94%; height:120px; background-color:#dedede; padding:10px; }
		.welcomePageBottom .newsBox .newsBoxContent { overflow:scroll; overflow-y:auto; overflow-x:hidden; height:120px; }
		.welcomePageBottom .newsBox .newsBoxContent ul { list-style:none; list-style-position:inside; padding:0; margin:0; }		
			.welcomePageBottom .newsBox .newsBoxContent li { padding-bottom:20px; }					
	
			
		.welcomePageBottom .announcementBox { width:58%; float:right; padding:5px 0; }	 				
		.welcomePageBottom .announcementBox .headline { font-size:16px; color:#121212; font-weight:bold; padding:5px 0; }
		.welcomePageBottom .announcementBox .announcementBoxContainer { width:94%; height:120px; background-color:#efefef; padding:10px; }	 	
		.welcomePageBottom .announcementBox .announcementBoxContent { overflow:scroll; overflow-y:auto; overflow-x:hidden; height:120px }	 					
		.welcomePageBottom .announcementBox .announcementBoxContent ul { list-style:none; list-style-position:inside; padding:0; margin:0; }	 	
			.welcomePageBottom .announcementBox .announcementBoxContent li { padding-bottom:15px; }	 	
		
	/****** BOTTOM HIGHLIGHTS AREA *******/
	.bottomHighlightsArea { width:100%; padding:5px 0; float:left; font-size:11px; color:#121212; }
		.bottomHighlightsArea a:link { font-weight:bold; text-decoration:none; color:#121212; }
		.bottomHighlightsArea a:visited { font-weight:bold; text-decoration:none; color:#444444; }
		.bottomHighlightsArea a:active { font-weight:bold; text-decoration:none; color:#121212; }
		.bottomHighlightsArea a:hover { font-weight:bold; text-decoration:underline; color:#121212; } 	

		.bottomHighlightsArea .newsBox { width:59%; float:left; padding:5px 0 5px 5px; }
		.bottomHighlightsArea .newsBox .headline { font-size:16px; font-weight:bold; padding:5px 0; }
		.bottomHighlightsArea .newsBox .newsBoxContainer { width:94%; background-color:#dedede; padding:10px; }
		.bottomHighlightsArea .newsBox .newsBoxContent ul { list-style:none; list-style-position:inside; padding:0; margin:0; }		
			.bottomHighlightsArea .newsBox .newsBoxContent li { padding-bottom:20px; }	
			.bottomHighlightsArea .newsBox .newsBoxContent td { padding:0 5px; }		
			
		.bottomHighlightsArea .announcementBox { width:40%; float:right; padding:5px 0; }	 				
		.bottomHighlightsArea .announcementBox .headline { font-size:16px; color:#121212; font-weight:bold; padding:5px 0; }
		.bottomHighlightsArea .announcementBox .announcementBoxContainer { width:94%; height:auto; background-color:#efefef; padding:10px; }	 	
		.bottomHighlightsArea .announcementBox .announcementBoxContent { overflow:scroll; overflow-y:auto; overflow-x:hidden; height:160px }	 	
		.bottomHighlightsArea .announcementBox .announcementBoxContent ul{ list-style:none; list-style-position:inside; padding:0; margin:0; }	 	
		.bottomHighlightsArea .announcementBox .announcementBoxContent li{ padding-bottom:15px; }		

		.bottomHighlightsArea .leftContent { width:65%; float:left; padding:5px 0 25px 5px; }
		.bottomHighlightsArea .leftContent .headline { font-size:16px; font-weight:bold; padding:5px 0; }
		.bottomHighlightsArea .leftContent .newsBoxContainer { width:94%; background-color:#efefef; padding:10px; }
		.bottomHighlightsArea .leftContent .newsBoxContent ul { list-style:none; list-style-position:inside; padding:0; margin:0; }		
			.bottomHighlightsArea .leftContent .newsBoxContent li { padding-bottom:20px; }	
			.bottomHighlightsArea .leftContent .newsBoxContent td { padding:0 5px; }		

		.bottomHighlightsArea .rightContent { float:right; display:inline; width:32%; margin:0 10px 10px 0; }
		.bottomHighlightsArea .rightContent .headline { font-size:16px; color:#121212; font-weight:bold; padding:5px 0; }
		.bottomHighlightsArea .rightContent .highlightBoxMidGray { margin:10px; padding:15px; background-color:#dedede; }
		.bottomHighlightsArea .rightContent .highlightBoxMidGray .contentBox {width:95%; height:auto; }	
		.bottomHighlightsArea .rightContent .highlightBoxMidGray .headline {height: auto; width:95%; font-size:12px; font-weight:bold; color:#333333; padding-bottom:3px; border-bottom:#999999 solid 1px; margin-left:0px; margin-bottom:7px; }		
		.bottomHighlightsArea .rightContent .highlightBoxMidGray .contentBox ul{ list-style:none; list-style-position:inside; padding:0; margin:0; }	 	
		.bottomHighlightsArea .rightContent .highlightBoxMidGray .contentBox li{ padding-bottom:15px; }	
		
		
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
b.niftycorners,b.niftyfill{ display:block; }
b.niftycorners *{ display:block; height: 1px; line-height:1px;font-size: 1px; overflow:hidden; border-style:solid; border-width: 0 1px; }
/*normal*/
b.r1 { margin: 0 3px;border-width: 0 2px; }
b.r2 { margin: 0 2px; }
b.r3 { margin: 0 1px; }
b.r4 { height: 2px; }
b.rb1 { margin: 0 8px; border-width:0 2px; }
b.rb2 { margin: 0 6px; border-width:0 2px; }
b.rb3 { margin: 0 5px; }
b.rb4 { margin: 0 4px; }
b.rb5 { margin: 0 3px; }
b.rb6 { margin: 0 2px; }
b.rb7 { margin: 0 1px; height:2px; }
b.rb8 { margin: 0; height:2px; }
b.rs1 { margin: 0 1px; }
/*transparent inside*/
b.t1 { border-width: 0 5px; }
b.t2 { border-width: 0 3px; }
b.t3 { border-width: 0 2px; }
b.t4 { height: 2px; }
b.tb1 { border-width: 0 10px; }
b.tb2 { border-width: 0 8px; }
b.tb3 { border-width: 0 6px; }
b.tb4 { border-width: 0 5px; }
b.tb5 { border-width: 0 4px; }
b.tb6 { border-width: 0 3px; }
b.tb7 { border-width: 0 2px; height:2px; }
b.tb8 { border-width: 0 1px; height:2px; }
b.ts1 { border-width: 0 2px}
/* Median (above header) */
.median {
	background-image:url(../images/median_right_bg.gif);
	background-repeat:repeat-x;
	width:100%;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-align:right;
}