/* CSS Document */

html {
	height:100%; 
	max-height:100%;  
	padding:0; 
	margin:0; 
	border:0; 
	font-size:76%; 
	font-family: verdana, arial, sans-serif; 
	background:#fff url(clown.jpg) -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;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */
	}

#content {
	display:block; 
	height:100%;
	max-height:100%; 
	overflow:auto; 
	padding-left:120px; 
	position:relative; 
	z-index:3; 
	text-align:justify; 	
	border-top:1px solid #000; 
	padding-right:18px;
	}

#header {
	position:fixed;
	margin:0;
	top:0;
	right:18px;
	display:block;
	width:100%;
	height:130px;
	background:url(images/header/IMG_0811_r2_c1.jpg) #fff;
	font-size:4em;
	color:#fff;
	background-position:left;
	z-index:5;
	background-repeat: repeat;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

#footer {
	position:fixed; 
	margin:0; 
	bottom:-1px; 
	right:18px; 
	display:block; 
	width:100%; height:65px; 
	background-color:#FFFFFF; 
	text-align:right; 
	text-decoration:none; 
	z-index:5; 
	border-top:4px solid #ccc
	}

#leftnav {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:120px;
	background:#fff;
	background-position:0 120px;
	font-size:1em;
	font-weight:bold;
	color:#000;
	z-index:4;
	}

* html #header, * html #footer,* html #leftnav {position:absolute;}

#pad1 {display:block; width:18px; height:130px; float:left; padding-left:120px;}
#pad3 {display:block; width:18px; height:65px; float:left;}
.pad2 {display:block; height:150px;}

#content p {padding:5px;}

#footpicleft p {text-align:center; font:Verdana; font-size:10px; padding:0px}

#picsleftp {float:left; top:100px; left:150px; height:200px; width:150px; background:#fff; border:1px solid #000; margin:5px;}

#picsleftl {float:left; top:100px; left:150px; height:150px; width:200px; background:#fff; border:1px solid #000; margin:5px;}

#picsrightp {float:right; top:100px; right:150px; height:200px; width:150px; background:#fff; border:1px solid #000; margin:5px;}

#picsrightl {float:right; top:100px; right:200px; height:150px; width:200px; background:#fff; border:1px solid #000; margin:5px;}

#footpicleft {float:left; top:100px; left:150px; height:85px; width:50px; background:#fff; margin:5px; padding:0px; font:Verdana; text-decoration:none;}

#backpic {float:left; background:#fff; text-align:center; text-decoration:none; padding-left:50px;}

#nextpic {float:left; background:#fff; text-align:center; text-decoration:none; padding-left:50px;}

#headerlogo {
	float:left; 
	background:transparent; 
	margin:0px; 
	padding:0px; 
	height:130px; 
	width:140px; 
	z-index:6;/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}




/* Menu */

/* common styling
ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:hidden; background:#ffffff; width:9em; text-align:left; color:#fff;}
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:9em; height:2em; line-height:1.9em; text-decoration:none; color:#606;}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:9em; height:10em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; color:#00c; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:12em; width:7em; margin-top:-1px; background:#fff;}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; background:#fff; color:#00c; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {background:#fff; color:#00c;}
 */




<style type="text/css"> 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.ukimages/menusimages/menu.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}

/* Changed to allow for width restrictions*/
 #positioner {position:relative; width:160px; height:160px; margin-left:10px;z-index:100;}
/* Changed to allow for width restrictions for drop downs and borders  -- Want to change the background GIFs also to lighter shades*/
 
 #holder {position:absolute; width:75px; background:url(images/menu/tab_0.gif) repeat-x left top; overflow:hidden; border:3px solid #CCC;}
 dl.menu {width:150px; float:left; margin:-32700px -75px 0 0; background:url(images/menu/tab_0.gif) no-repeat left bottom;}
 dl.menu a {display:block; height:30px; color:#fff; font:normal 11px/28px verdana, sans-serif; text-decoration:none; text-align:center;}

 dl.menu dt {float:left; padding:0; margin:32700px 0 0 0; position:relative; z-index:50;}
/* Changed to allow for width restrictions*/
 dl.menu dt a {background:transparent; width:75px;}
 dl.menu dt a:hover,
 dl.menu dt a:focus,
 dl.menu dt a:active
 {margin-right:1px; background:url(images/menu/tab_1.gif) no-repeat left top;}

 dl.menu dd {float:left; padding:30px 0 0 0; margin:-30px 0 0 0; position:relative; z-index:10; background:url(images/menu/tab_1.gif) no-repeat left top;}
/* Changed to allow for width restrictions*/
 dl.menu dd a {background:#666;width:75px;}
 dl.menu dd a.last1 {border-bottom:30px solid #666;}
 dl.menu dd a.last2 {border-bottom:60px solid #666;}

 dl.menu dd a:hover,
 dl.menu dd a:focus,
 dl.menu dd a:active
 {margin-right:1px; background:#ccc; color:#000;}
</style>