﻿*
{
	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:105px;	
}

#teamProfile, #teamProfile a:link, #teamProfile a:visited
{
	background:url(../Images/Header/TeamProfile.png) no-repeat center top;	
	width:122px;}
	
#theDesign, #theDesign a:link, #theDesign a:visited{
	background:url(../Images/Header/TheDesign.png) no-repeat center top;	
	width:112px;}

#communicationsPlan,#communicationsPlan a:link, #communicationsPlan a:visited{
	background:url(../Images/Header/CommunicationsPlan.png) no-repeat center top;	
	width:139px;}

#sponsors, #sponsors a:link, #sponsors a:visited{
	background:url(../Images/Header/Sponsors.png) no-repeat center top;	
	width:112px;}

#aboutUs a:hover,#aboutUs a:active,
#teamProfile a:hover,#teamProfile a:active,
#theDesign a:hover,#theDesign a:active,
#sponsors a:hover,#sponsors a:active,
#communicationsPlan a:hover,#communicationsPlan a:active
{
	background-position:center center;		
}
	

#aboutUs,#teamProfile,#theDesign,#communicationsPlan,#sponsors,#aboutUs a,#teamProfile a,#theDesign a,#communicationsPlan a,#sponsors 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 #teamProfile, .highlight #theDesign,.highlight #communicationsPlan, .highlight #sponsors  /*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;	}
	

.img-wrapper{
background:url(../Images/Body/shadow.gif) no-repeat right bottom;
float:left;
margin:0 auto;
}
.img-wrapper div{
background:url(../Images/Body/mask.png) no-repeat left top !important;
background:url(../Images/Body/mask.gif) no-repeat left top;
padding:0 5px 3px 0;
float:left;
}

.img-wrapper img{
background-color:#fff;
border:1px solid #a9a9a9;
padding:4px;
}
	
#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 *****************/