html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%;
text-decoration:none; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; font:11px verdana, arial, helvetica, sans-serif;}
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:160px; position:relative; font :14px verdana, arial, helvetica, sans-serif; z-index:3;}
#head {position:fixed; margin:0; top:0; right:18px; display:block; width:100%; height:100px; background:#39f right; font-size:4em; z-index:5; color:#363;}
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:25px; background:#39f ; text-align:centre; font-size:1em; z-index:4; color#fff;}

#left {position:fixed; left:0; top:0; height:100%; width:150px; background:#39f; background-position:0 100px;; font-size:1em; color:#fff;z-index:4;}

a:text-decoration:none;
a:link {color: #00c}
a:visited {color: #33c}
a:hover {color: #f30}
a:active {color: #900}

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:60px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(mini1.jpg);}
a.slideb {background:url(mini2.jpg);}
a.slidec {background:url(mini3.jpg);}
a.slided {background:url(mini4.jpg);}
a.slidee {background:url(mini5.jpg);}
a.slidef {background:url(mini6.jpg);}
a.slideg {background:url(mini7.jpg);}
a.slideh {background:url(mini8.jpg);}
a.slidei {background:url(mini9.jpg);}
a.slidej {background:url(mini10.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
a.gallery:hover span {visibility:visible; z-index:100;}

/* alternative gallery for larger thumbs */
a, a:visited {color:#000;}
a.galleryb, a.galleryb:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:90px; height:90px; float:left; margin:4px; z-index:50;}
a.slidek {background:url(mini11.jpg);}
a.slidel {background:url(mini13.jpg);}
a.slidem {background:url(mini15.jpg);}
a.sliden {background:url(mini16.jpg);}
a.slideo{background:url(mini17.jpg);}
a.slidep {background:url(mini18.jpg);}
a.galleryb em, a.galleryb span {display:none;}
a.galleryb:hover {border:1px solid #fff;}
a.galleryb:hover span {visibility:visible; z-index:100;}

/* styling for LEFT gallery */
#container_left {position:relative; width:700px; height:360px; background:#d1c8c3; border:1px solid #a49188; margin:1em auto;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:5px; left:175px; padding:5px; color:#fff;  z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #000;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}

/* styling for LEFT galleryb */

#container_left a.galleryb:hover span {display:block; position:absolute; width:402px; height:50px; top:5px; left:175px; padding:5px; color:#fff;  z-index:100;}
#container_left a.galleryb:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.galleryb:active, #container_left a.galleryb:focus {border:1px solid #000;}
#container_left a.galleryb:active em, #container_left a.galleryb:focus em {display:block; position:absolute; width:402px; height:250px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}



* html #head, * html #foot,* html #left {position:absolute;}

div#articles { width: 90%; height: 700px; font: 18px Verdana, sans-serif; z-index: 100;}
div#articles a {display: block; text-align: left; font: 12px Verdana, sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #963; background: #fff;
   }
div#articles a:hover {color: #411; background: #AAA;
   }
div#articles a span {display: none;}
div#articles a:hover span {display: block;
   padding: 5px; margin: 10px; 
   font: 12px Verdana, sans-serif; float: right;}
   
#pad1 {display:block; width:18px; height:80px; float:left;}
#pad3 {display:block; width:18px; height:25px; float:left;}
.pad2 {display:block; height:50px;}
.pad4 {display:block; height: 25px;}
#content p {padding:5px;}
h1 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#006;
	}
h2 {
	font: verdana, arial, helvetica, sans-serif;
	font-size:20px;
	font-weight:900;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#006;
	}
h3 {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:15px;
	font-weight:900;
	color:#006;
	}
h4 {
margin:0px 0px 0px 0px;
	padding:0px;
	font:14px Verdana, sans-serif;
	text-decoration:none;
	}
.bold {font-size:1.2em; font-weight:bold;}
.archboxl {
	border:1px ;
	background-color:white;
	padding:5px;
	text-decoration:none;
	font: 12px Verdana, sans-serif;
	text-align: left;
	}
	.archboxr {
	border:1px ;
	background-color:white;
	padding:5px;
	text-decoration:none;
	font: 12px Verdana, sans-serif;
	text-align: right;
	}
	
.hereweare {
	color:#000;
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	}
.picturel {float:left; margin:5px 5px 5px 5px;}
.picturer {float:right; margin:5px 5px 5px 5px;}
.picturec {align:center; margin:5px 5px 5px 5px;}
.pictureabsolute {position:absolute; margin:5px 5px 5px 5px; }
.picturerelative {position:relative; margin:5px 5px 5px 5px; }

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}