
body {font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 90%;
       color: #333333;     
       
       margin-left: auto;
       margin-right: auto;
}



h1 {font-size: 100%; 
font-weight: normal;}



h2 {font-size: 100%; 
font-weight: normal;
margin-top: 3em;}



img {border: 0;margin: 10;}



a {text-decoration: underline;
 color: #333333;}



a:visited {color: #333333;
}



a:hover {
font-weight: bold;
color: #F52525;
text-decoration: underline;
}


a:active {
font-weight: bold;
 color: #F52525;
 text-decoration: underline;
}


#box {width: 900px; position: relative; margin-top: 20px; margin-left: 180px;}
#outer {position: absolute; z-index: 1; margin-left: 50px; background: #000000 url('images/image_1.jpg') top left no-repeat;
	width: 800px; height: 600px;}
#navbarbox {position: absolute; z-index: 2; background: #333333; opacity:0.75;filter:alpha(opacity=75); width: 250px; margin-right: 50px; margin-left: 600px;}
#navbar {opacity:1;filter:alpha (opacity=100);font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps; letter-spacing:0.2em;}
#navbar a {color: #ffffff; text-decoration: none;}
#navbar a:hover {color: #ffffff; text-decoration: none;}
#navbar ul {margin-left: 8px;
padding-left: 0;}
#navbar li {list-style-type: none;
margin-left: 0; margin-top:6px;
padding: 6px;}


#bigtextbox {position: absolute; z-index: 3; float: left; background: #333333; opacity:0.75;filter:alpha(opacity=75); width: 675px; height: 100px; margin-left: 50px; margin-top: 500px;}
#bigtext {font-family: Georgia, "Garamond", serif; font-size: 200%; letter-spacing: 0.1em; color: #ffffff;margin-left: 0.3em;margin-top: 0.3em; filter: none; opacity: alpha(opacity=100);}

#footer {font-family: Arial, Helvetica, sans-serif;
 color: #000000;
 margin-right: 190;
font-size: 70%;
clear: both;}



#container {position:relative; width:770px; height:396px; margin:20px auto 0 auto; border:1px solid #aaa;} 

#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;font-family: Verdana, Arial, Helvetica, sans-serif;
 
font-size: 70%; 
font-weight: normal;} 

#navigation {font-family: Georgia, "Times New Roman", Times, serif;
font-variant: small-caps;
color: #333333;
	text-decoration: none;
	letter-spacing: 0.2em;
float: left; 
width: 16em;}


#navigation {font-size: 95%;}


#navigation a {text-decoration: none;}



#navigation ul {margin-left: 8px;
padding-left: 0;}



#navigation li {list-style-type: none;
margin-left: 0; margin-top:6px;
padding: 6px;}


#banner {height: 150px; clear: both;}



#maincontent {margin-left: 18em;
line-height: 150%; font-size: 85%}



#maincontent ul {margin-left: 0; padding-left: 0}



#maincontent li {margin-left: 0;
 list-style-type: none; padding: 6px;}



#footer a {text-decoration: none;}


#clear {clear: both;}

.leftpic {float: left; margin-right: 3em;}


.centred {text-align: center;}


.rightpic {float: right; margin-left: 3em;}


.headerpic {float: center; clear: both;}



.caption {font-family: Verdana, Arial, Helvetica, sans-serif;
 
font-size: 70%;}

#mapcolumn {float: right; width: 225;font-style: italic; text-align: left;
 margin-left: 3em;}
#rightcolumn {float: right; width="300"; font-style: italic; text-align: right;
 margin-left: 3em;}
#textjustify {text-align: justify;}



#navigationsmall {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
	font-variant: normal;
	color: #F52525;

	padding-left: 22px;

}



#left column {float: left; width: 225; font-style: italic; text-align: center;}
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; 
	    border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;} 

	#container a.slidea { background:url(images/p1_t.jpg); height:93px; width:60px;} 
	#container a.slideb { background:url(images/p2_t.jpg); height:93px; width:60px;} 
	#container a.slidec { background:url(images/p3_t.jpg); height:93px; width:60px;} 
	#container a.slided { background:url(images/p4_t.jpg); height:60px; width:93px;} 
	#container a.slided {width:91px; width:93px;} 
	#container a.slidee { background:url(images/p5_t.jpg); height:60px; width:93px;} 
	#container a.slidef { background:url(images/p6_t.jpg);height:60px; width:93px;} 
	#container a.slidef { width:91px; width:93px; } 
	#container a.slideg { background:url(images/p7_t.jpg); height:60px; width:93px;} 
	#container a.slideh { background:url(images/p8_t.jpg); height:93px; width:60px;} 
	#container a.slidei { background:url(images/p9_t.jpg); height:93px; width:60px;} 
	#container a.slidej { background:url(images/p10_t.jpg); height:93px; width:60px;} 
#container ul {width:260px; height:386px; } 
#container li {float:left;} 
#container ul {margin:5px; float:right;} 
#container a.gallery:hover {border:1px solid #fff;} 
#container a.gallery:hover span {position:absolute; width:372px; height:372px; top:10px; left:75px; color:#000;    background:#fff;} 
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;} 
#container a.slideb:hover img, #container a.slidei:hover img {float:right;} 
#container {background:#fff url(images/back.jpg) 75px 10px no-repeat;} 
