/* 	CSS Document 														*/
/* 	Particular Style for index.html 									*/
/*	Written by: Cristofer Atiencia (atiencia@hotmail.com)				*/
/*				July 2003 												*/
/* 	Items are categorize into TAGS, IDs and CLASSES and are oredered	*/
/*	alphabetically withing these categories.							*/
/*																		*/
/********************************* IDs **********************************/

#citiesBox	{
			position: absolute;
			top: 195;
			left: 2;
			width: 235;
			height: 200;
			color: white;
			font-size: 11;
			}

/*	The contentBox holds as children, some layers (for text) and some
	images in index.html. It is useful to group them in this way so that if
	they need to be moved as a group, you only need change two numbers,
	nambely the top and left attributes of the contentBox. ContentBox is
	a child layer of mainBox.											*/
#contentBox	{
			position: absolute;
			top: 24px;
			left: 60px;			
			}

#home01Pic	{
			position: absolute;
			top: 0;
			left: 210;
			}
			
#home02Pic	{
			position: absolute;
			top: 87;
			left: 210;
			}
			
#home03Pic	{
			position: absolute;
			top: 203;
			left: 210;
			}

#home04Pic	{
			position: absolute;
			top: 239;
			left: 0;
			}

/*	The linksBox is the only layer in this file which is not a child
	layer of the contentBox.  It IS however a child of mainBox.	*/			
#linksBox	{
			position: absolute;
			top: 25;
			left: 400;
			color: white;
			font-size: 25;
			font-family: Arial, Helvetica, sans-serif;
			}

#logoPic	{
			position: absolute;
			top: 0px;
			left: 0px;
			}
			
#logoPrflPic{
			visibility: hidden;
			position: absolute;
			top: 139px;
			left: 40px;
			}
			
#logoOffcPic{
			visibility: hidden;
			position: absolute;
			top: 139px;
			left: 40px;
			}
			
#logoCntcPic{
			visibility: hidden;
			position: absolute;
			top: 139px;
			left: 40px;
			}
			
#logoMapPic	{
			visibility: hidden;
			position: absolute;
			top: 139px;
			left: 40px;
			}
/******************************* END IDs *********************************/



/****************************** CLASSES **********************************/
.indxLink	{
			display: block;
			color: white;
			margin-top: 25px;
			text-decoration: none;
			}
			
/**************************** END CLASSES ********************************/