* {margin: 0; padding: 0; border: 0;}


/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/

/* Don't underline links */
a:link {text-decoration: none; color:#ffffff;}
a:visited {text-decoration: none; color:#ffffff;}
    
/* Add Hover with color to links */
a:hover {text-decoration: underline; color:#536f70;}

body 
{
	font-family: tahoma; arial, sans-serif; 
	font-size:85%; 
	letter-spacing:0.05em;
	background: #172b32; 
	color: #ffffff; 
}




p.normal {font-weight: normal}
p.small {font-size: "-1"}
p.white {color: #ffffff}p.darkblue {color: #172b32}
p.lightblue {color: #536f70}



  
  
/* Other Styling
----------------------------------------------------------------------*/

#container
{
	width: 804px;
	height: 604px;
	border: 2px solid #ffffff;
	Z-INDEX: 1;
	background: #536f70;
	LEFT: 40px; 
	POSITION: absolute; 
	TOP: 49px;
	}


#container a:link {text-decoration: none; color:#ffffff;}
#container a:visited {text-decoration: none; color:#ffffff;}
#container a:hover {text-decoration: none; color:#172b32;}

#left 
	{
		float: left;
		margin-left: 40px;
		margin-top: 60px;
		text-align: right;
		Z-INDEX: 2;
	}

a.rollover { 
   display: block; 
   width: 418px; 
   height: 418px; 
   text-decoration: none; 
   background: url(img/map00.jpg);
   Z-INDEX: 101;
   border:1px solid #172b32;	  
} 

a.rollover:hover { 
   background-position: -418px 0; 
   border:1px solid #ffffff;
} 
#right 
	{
		position:relative;
		margin-top:60px;
        left:40px;
		width: 300px;
        overflow:auto;
	}



#inactive a:link {text-decoration: none; color:#536f70;}
#inactive a:visited {text-decoration: none; color:#536f70;}
#inactive a:hover {text-decoration: none; color:#ffffff;}

p.active{text-decoration:underline; color:#172b32; cursor: pointer;}
p.active1{text-decoration:underline; color:#536f70; cursor: pointer;}
p.active2{text-decoration:underline; font-size:80%; color:#536f70; cursor: pointer;}

p.title 
{
font-weight: bold;
margin-bottom: 20px;
}


p.description 
{
text-align: justify;
margin-right: 40px;
margin-bottom: 40px;
float: right;
}

p.description2 
{
text-align: justify;
vertical-align: bottom;
margin-right: 40px;
margin-bottom: 40px;
float: right;
width: 250px;
}

#menu {
width : 150px;
height : 604px;
position : absolute;
top : 50px;
left : 844px;
text-align : right;
padding-right : 7px;
}


p.menu2 
{
font-size:80%; 
}


#logo
{
border: 0;
Z-INDEX: 10;
LEFT: 101px; 
POSITION: absolute; 
TOP: 9px;
height: 64;
width: 172px;
}

#footer {
font-size : 85%;
color : #536f70;
text-align : right;
width : 804px;
height : 49px;
position : absolute;
top : 654px;
left : 41px;
padding-top : 5px;
}



/* The containing box for the gallery. */
#gallery {
    position:absolute; 
	Z-INDEX: 101;
	TOP: 40px;
	LEFT: 50px;
    width:800px; 
    height:600px; 
    margin:10px auto 0 auto; 
    border:0; 
	background: url(img/p_00.jpg) 135px 80px no-repeat;
    }
	
/* Removing the list bullets and indentation */
#gallery ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Turn link text white */
#gallery a:link {color:#ffffff;}

/* Remove the images and text from sight */
#gallery a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:-1px; 
    left:-1px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#gallery a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #fff; 
    margin:2px 2px 2px 2px; 
    text-align:left; 
    }

#gallery a.slidea {
    background:url(img/p_01_t.jpg); 
    height:60px; 
    width:60px;
    title:Click to see more
    overflow: hidden;
    repeat: no-repeat;
    }
#gallery a.slideb {
    background:url(img/image_t.jpg); 
    height:60px; 
    width:60px;
    }
#gallery a.slidec {
    background:url(img/p_03_t.jpg); 
    height:60px; 
    width:60px;
    }
#gallery a.slided {
    background:url(img/image_t.jpg); 
    height:60px; 
    width:60px;
    }
* html #gallery a.slided {
    width:91px; 
    w\idth:93px;
    }
#gallery a.slidee {
    background:url(img/p_05_t.jpg); 
    height:60px; 
    width:60px;
    }
#gallery a.slidef {
    background:url(img/p_06f_t.jpg); 
    height:60px; 
    width:60px;
    }
* html #gallery a.slidef {
    width:91px; 
    w\idth:93px;
    }	
#gallery a.slideg {
    background:url(img/image_t.jpg); 
    height:60px; 
    width:60px;
    }
#gallery a.slideh {
    background:url(img/image_t.jpg); 
    height:60px; 
    width:60px;
    }	
/* set the size of the unordered list to neatly house the thumbnails */
#gallery ul {
    width:264px; 
    height:200px;
    margin:420px 135px; 
    float:left;

    }
#gallery li {
    float:left;
    }
	
/* change the thumbnail border color */
#gallery a.gallery:hover {
    border:1px solid #172b32;; 
    }

/* styling the :hover span */
#gallery a.gallery:hover span {
    position:absolute; 
    width:625px; 
    height:264px; 
    top:80px; 
    left:135px; 
    color:#fff; 
    background:#536f70;
    }
	
#gallery a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:121px;
    }