﻿*
{
	margin:0;
	padding:0;}

/******** HEADER ********/

/*****Upper Navigation Header****/
#header ul li
{
display: inline;
list-style-type: none;
}

#headerTop1{
	background:url(../../Images/Header/HeaderTop1.png) no-repeat;
	width:113px;
	height:27px;}

#headerTop2{
	background:url(../../Images/Header/HeaderTop2.png) no-repeat;
	width:81px;
	height:27px;}
	


#home  /* home image on default, unvisited and visited link*/
{
	background:url(../../Images/Header/home.png) no-repeat center top;	
	width:53px;
}

#aboutMIT{
	background:url(../../Images/Header/AboutMIT.png) no-repeat center top;
	width:83px;}

#admissions{
	background:url(../../Images/Header/Admissions.png) no-repeat center top;
	width:90px;}

#studentServices{
	background:url(../../Images/Header/StudentServices.png) no-repeat center top;
	width:126px;}

#academics{
	background:url(../../Images/Header/Academics.png) no-repeat center top;
	width:89px;}

#topNavAlumni{
	background:url(../../Images/Header/TopNavAlumni.png) no-repeat center top;
	width:64px;}

#campusTour{
	background:url(../../Images/Header/CampusTour.png) no-repeat center top;
	width:101px;}

	
#home,#aboutMIT,#admissions,#studentServices,#academics,#topNavAlumni,#campusTour /* shared property of main navigation*/
{	
	height:27px;	
}

a:hover#home,a:link#home, a:hover#aboutMIT, a:active#aboutMIT, a:hover#admissions, a:active#admissions, a:hover#studentServices, a:active#studentServices, a:hover#academics, a:active#academics, a:hover#topNavAlumni, a:active#topNavAlumni, a:hover#campusTour, a:active#campusTour  /* shared property of main navigation */
{	
	background-position:center bottom;		
}

/****End of Upper Navigation Header****/

/****Middle Header****/
#headerMid1{
	background:url(../../Images/Header/HeaderMid1.png) no-repeat;
	width:113px;}

#headerMid2{
	background:url(../../Images/Header/HeaderMid2.jpg) no-repeat;
	width:254px;}

#headerMid3{
	background:url(../../Images/Header/HeaderMid3.jpg) no-repeat;
	width:192px;}

#headerMid4{
	background:url(../../Images/Header/HeaderMid4.jpg) no-repeat;
	width:203px;}

#headerMid5{
	background:url(../../Images/Header/HeaderMid5.png) no-repeat;
	width:38px;}
	
	
#headerMid1,#headerMid2,#headerMid3,#headerMid4,#headerMid5{
	height:130px;} /*Middle Nav Height*/
/****End of Middle Header****/

/****Lower Navigation Header****/	
#headerBottom1{
	background:url(../../Images/Header/HeaderBottom1.png) no-repeat;
	width:210px;
	height:23px;}
	
#aboutUs, #aboutUs a:link, #aboutUs a:visited 
{
	background:url(../../Images/Header/AboutUs.png) no-repeat center top;			
	width:77px;	
}

#administration, #administration a:link, #administration a:visited
{
	background:url(../../Images/Header/Administration.png) no-repeat center top;	
	width:120px;}
	
#faculty, #faculty a:link, #faculty a:visited{
	background:url(../../Images/Header/Faculty.png) no-repeat center top;	
	width:67px;}

#academicProgram,#academicProgram a:link, #academicProgram a:visited{
	background:url(../../Images/Header/AcademicProgram.png) no-repeat center top;	
	width:154px;}

#contactUs, #contactUs a:link, #contactUs a:visited{
	background:url(../../Images/Header/ContactUs.png) no-repeat center top;	
	width:95px;}

#alumni, #alumni a:link, #alumni a:visited{
	background:url(../../Images/Header/Alumni.png) no-repeat center top;	
	width:77px;}

#aboutUs a:hover,#aboutUs a:active,
#administration a:hover,#administration a:active,
#faculty a:hover,#faculty a:active,
#contactUs a:hover,#contactUs a:active,
#alumni a:hover,#alumni a:active,
#academicProgram a:hover,#academicProgram a:active
{
	background-position:center center;		
}
	

#aboutUs,#administration,#faculty,#academicProgram,#contactUs,#alumni,#aboutUs a,#administration a,#faculty a,#academicProgram a,#contactUs a,#alumni a
{
	height:23px;
	float:left}
	
/****End Lower Navigation Header****/	
	
#headerTop1, #headerTop2, #home, #aboutMIT, #admissions,#studentServices, #academics, #topNavAlumni, #campusTour, #headerMid1, #headerMid2, #headerMid3, #headerMid4, #headerMid5, #headerBottom1{
	float:left;} /*Header Images are floated left*/


.highlight #aboutUs, .highlight #administration, .highlight #faculty,.highlight #academicProgram, .highlight #contactUs,.highlight #alumni  /*shared property of sub navigation on highlight the current page */
{
background-position:center bottom;		
}
/******END OF HEADER *************************/

/****************** MAIN SIDELINK LAYOUT *****************/

/******* ANNOUNCEMENT *************/
/*announcements div*/
#announcements
{
	background:url(../../Images/Body/AnnouncementBg.png) no-repeat;
	width:210px;
	height:195px;
	float:left;}				
	
#announcementsContent
{	
	text-align:left;		
	padding:0px 10px}

#announcementsContent h2
{
	font-size:13px;
	text-align:left;
	text-transform:uppercase;}

#announcementsContent a
{
	color:#980202;
	display:inline;	
	line-height:40px;}

.mainPageContentTitle
{
	font-size:16px;
	color:#980202;
	text-align:center;
	font-family:Arial;
}
/********** END OF ANNOUNCEMENT***************/

/****************** SUB SIDELINK LAYOUT, aboutus, etc *****************/
#subMainSideLink
{
	float:left;
	width:210px;	
	}

#subSideLinkBody
{
	background:url(../../Images/subPageTemplate/subSideLinkBody.png) repeat-y ;	
}

#subSideLinkBottom
{
	background:url(../../Images/subPageTemplate/subSideLinkBottom.png) no-repeat;	
	height:8px;
	margin-bottom:10px;}
	

/****************** SUB SIDELINK LAYOUT END *****************/

/****************** MAIN SIDELINK LAYOUT*****************/
#search
{
	background-image:url(../../Images/Navigation/Search.png);
	background-repeat:no-repeat;	
	width:210px;
	height:26px;
	margin-bottom:10px;
	float:left;}

#searchBox
{
	width:150;
	height:33px;
	float:left;
	margin-left:5px;}
	
#searchButton
{
	background-image:url(../../Images/Navigation/searchButton.png);
	background-repeat:no-repeat;
	width:44px;
	height:33px;
	float:left;}

#quickLinkImg
{
	background-image:url(../../Images/Navigation/QuickLinks.png);
	background-repeat:no-repeat;	
	width:210px;
	height:25px;
	float:left;
	margin-top:10px;}

#quickLinks
{
	display:block;
	list-style:none;/*Removing the bullets*/
	margin:0px;/*Making the text centered*/
	padding:0px;/*Making the text centered*/}

#cardinalMail, #cardinalMail a:link, #cardinalMail a:visited
{
	background-image:url(../../Images/Navigation/cardinalMail.png);	
	width:200px;
}

#myMapua, #myMapua a:link, #myMapua a:visited
{
	background-image:url(../../Images/Navigation/myMapua.png);
	width:114px;}

#careerLink, #careerLink a:link, #careerLink a:visited
{
	background-image:url(../../Images/Navigation/careerLink.png);
	width:143px;}

#faqs, #faqs a:link, #faqs a:visited
{
	background-image:url(../../Images/Navigation/faqs.png);
	width:91px;}

#cardinalMail,#myMapua,#careerLink,#faqs, #cardinalMail a,#myMapua a,#careerLink a,#faqs a
{ /* shared property of side navigation*/
	background-repeat:no-repeat; 
	height:38px;
	float:right;}

#cardinalMail a:hover, #cardinalMail a:active,
#myMapua a:hover, #myMapua a:active,
#careerLink a:hover, #cardinalMail a:active,
#faqs a:hover, #faqs a:active /* image position on mouse over and selected link. Image is in horizontal position. Change the horizontal value if you want to replace image */
{
	background-position:right center;}


#infoTechImg
{
	background-image:url(../../Images/Navigation/infoTech.png);}	


#communityImg
{
	background-image:url(../../Images/Navigation/community.png);}	

#infoTechImg, #communityImg
{
	background-repeat:no-repeat;
	width:208px;
	height:33px;
	float:right;
	padding-right:1px;	
	margin-top:10px;
	margin-bottom:5px;}

#infoTech, #community
{
	list-style:none;
	margin:0;
	padding-right:18px;
	text-align:right;
	float:right;
	color:White;
	line-height: 15px; /*added to fix the difference in height rendered in firefox*/}

#lowerLink
{
	float:left;
	background-image:url(../../Images/Navigation/FooterNavi.png);
	background-repeat:no-repeat;
	width:210px;
	height:126px;}

#mainSideLink
{
	background:url(../../Images/Navigation/NavigationBg.png) repeat-y;	
	width:210px;
	float:left;}
	
/****************** MAIN SIDELINK LAYOUT END **************/

/****************** CONTENT LAYOUT **************/
#contentUpper
{
	background:url(../../Images/Body/UpperGradient.png) no-repeat;	
	width:590px;
	height:57px;
	float:left;}
	

#siteMapNode
{
	margin:0;
	background-image:url(../../Images/Body/UpperGradient.png);
	text-align:justify;
	padding:0 15px;
	float:left;
	width:560px;
	font-family:Verdana;
	font-size:.8em;	
	color:gray;
	height:57px;		
}

#siteMapNode a:link,#siteMapNode a:visited
{
	text-decoration:underline;
	color:gray;
}

#siteMapNode a:hover,#siteMapNode a:active
{
	text-decoration:underline;
	color:Red;	
}

#contentBody
{
background:url(../../Images/Body/contentBG1.png) repeat-y;
background-repeat:repeat-y;
	padding:10px 10px 10px 15px;
	line-height:1.5em;
	text-align:justify;
	width:565px;	
	float:left;	}
	
#contentFooter
{
	background:url(../../Images/Body/contentFooter.png) no-repeat;	
	width:590px;
	height:70px;
	float:left;}
/****************** CONTENT LAYOUT END **************/



/****************** FOOTER LAYOUT *****************/

#footer
{
	float:left;
	width:800px;
	height:242px;
	text-align:center;
}

#upperFooter
{
	background-image:url(../../Images/Footer/upperFooter.png);
	background-repeat:no-repeat;
	float:left;
	width:800px;
	height:5px;	
}

#scrollLink1
{
	background-image:url(../../Images/Footer/scroll1.png);
	background-repeat:no-repeat;
	float:left;
	width:92px;
	height:83px;	
}

#scrollerDiv /*added - jamedina*/
{
	float:left;
	background-image:url(../../Images/Footer/scroll3.png);
	height:83px;
}

#scrollLink5
{
	background-image:url(../../Images/Footer/scroll5.png);
	background-repeat:no-repeat;
	float:left;
	width:95px;
	height:83px;
}

#allRights
{
	background-image:url(../../Images/Footer/Lowerfooter.png); /*allRights.png*/
	background-repeat:no-repeat;
	float:left;
	width:800px;
	height:94px;
	padding-top:60px;
	color:black;
}

/****************** FOOTER LAYOUT END *****************/