html { font-size: 100%; }
body {
   text-align:center; 
   font-family: tahoma, arial, sans-serif; 
   font-size: 75%; }

#topcontainer {
 position: absolute; top: 185px; left: 25px;
  width: 100%; }



h1#header {
	margin: 0;
	height: 5px;
	padding-bottom: 50px;
	
}


/* The containing box for the gallery. */
#photos {
    position:absolute; 
    top: 200px; 
    left: 200px;
    width: 70%; 
     
   height:560px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    }
    
    

/* Removing the list bullets and indentation */
#photos ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

  /* Remove the images and text from sight */
#photos a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
    
    
     /* Adding the thumbnail images */
#photos a.gallery, #photos a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
    
    #photos a.slidea {
    background:url(newwebsite1thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slideb {
    background:url(newwebsite2thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slidec {
    background:url(newwebsite3thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slided {
    background:url(newwebsite4thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    * html #photos a.slided {
    width:91px; 
    w\idth:93px;
    }
    
    #photos a.slidee {
    background:url(newwebsite5thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slidef {
    background:url(newwebsite6thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #photos a.slidef {
    width:91px; 
    w\idth:93px;
    }
    
    #photos a.slideg {
    background:url(newwebsite7thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slideh {
    background:url(newwebsite8thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slidei {
    background:url(newwebsite9thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slidej {
    background:url(newwebsite10thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slidek {
    background:url(newwebsite11thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    * html #photos a.slidek {
    width:91px; 
    w\idth:93px;
    }
    
    #photos a.slidel {
    background:url(newwebsite12thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slidem {
    background:url(newwebsite13thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.sliden {
    background:url(newwebsite14thumb.jpg); 
    height:60px; 
    width:93px;
    }
    
    #photos a.slideo {
    background:url(newwebsite15thumb.jpg); 
    height:93px; 
    width:60px;
    }
    
    #photos a.slidep {
    background:url(newwebsite16thumb.jpg); 
    height:93px; 
    width:60px;
    }
    
    #photos a.slideq {
    background:url(newwebsite17thumb.jpg); 
    height:93px; 
    width:60px;
    }
    
      /* set the size of the unordered list to neatly house the thumbnails */
#photos ul {
    width:198px; 
    height:386px;
    }
    
    #photos li {
    float:left;
    }
    
    /* move the thumbnails into the correct position */
#photos ul {
    margin:5px; 
    float:right;
    }
    
    /* change the thumbnail border color */
#photos a.gallery:hover {
    border:1px solid #fff; 
    }
    
    /* styling the :hover span */
#photos a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:500px; 
    top:10px; 
    left:75px; 
    color:#000; 
    background:#fff;
    }
    
    #photos a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
    
     #photos a.slideb:hover img, #photos a.slidei:hover img {
    float:right;
    }
    
     #photos {
    background:#fff url(LA2.jpg) 75px 10px no-repeat;
    }
    
    
    #left .gradient {
	background: #00B2EE;
	padding: 5px 10px 0 20px; 
}




    
    
    

	

.clear {
	clear: both;
}
#content .gradient {
	height: 200px;
	border: 1px solid #457791;
	margin: 0;
}
#left .gradient {
	background: #00B2EE;
	padding: 10px 10px 0 20px;
	float: left;
}
#right .gradient {
	background: #00B2EE;
	padding: 5px 20px 0 10px;
}
#footer {

	border: 1px solid #457791;
	height: 24px;
	padding: 5px 10px 0 10px;
	background: #00B2EE;
	
}

  #sidebar
   {
    width: 8%; 
     
   height:20px; 
  float: left;
  left: 100px;
  top: 215px;
position: absolute;


 margin:20px auto 0 auto;
background: #CCC;
}



  
  
ul#menu {
	margin: 5px 0 5px 0;
	padding: 0;
	
}
ul#menu li {
	margin-bottom: 0px;
	list-style-type: none;
}
ul#menu li a {
	display: block;
	padding: 3px;
	text-decoration: none; color: #457791; font-size: 150%
}
ul#menu li a:hover {
	background-color: #00B2EE;
	color: #FFF;
}
ul#menu li.alt a:link, ul#menu li.alt a:visited {
	background: #CCC;
}
#right .box {
	margin-top: 3px;
	border: 1px solid #457791;
	background: #00B2EE;
	color: #fff;
	padding: 4px;
	font-size: 1.4em;
	text-decoration:none;
	text-align:center;
	}
	

	 

#content h1 {
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 2px dotted #457791;
}
#content h2 {
	font-size: 1.6em;
	font-weight: normal;
	border-bottom: 1px solid #457791;
}
#content h3 {
	font-size: 1.5em;
	font-weight: normal;
}


#content img {
	border: 1px dotted #CCC;
	padding: 4px;
	margin: 3px;
}
#main p {
	line-height: 1.8em;
}