/*
    'Fixed' layout
	author:   stu nicholls (www.cssplay.co.uk)
	edit:     karl geluykens (www.crashtestdummie.be)
*/
html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#ffcc33;
	font-size:76%; 
	font-family:verdana, arial, sans-serif; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background:#ffcc33;
	}

#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:150px; 
	bottom:22px; 
	width:640px; 
	margin-left:-321px; 
	left:50%; 
	border-top:2px solid #000;
	background:#ccc;
	}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:642px;
	}

#header {
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:640px; 
	min-width:640px; 
	height:150px; 
	background:#ffcc33; 
	font-size:1em; 
	z-index:5; 
	border:0;
	}

* html #header {
	top:2px; width:642px; height:148px;
	}

a {	color: #990000;	background: inherit; text-decoration: none; font-weight:bold;}
a:hover { text-decoration:underline;}

a.nav1, a.nav2, a.nav3, a.nav4, a.nav5, a.nav6, a.nav7, a.nav8 {width:80px; height:150px; display:block; float:left; background:url(header.gif); text-align:center; font-size:1em; font-weight:bold; color:#000; text-decoration:none; line-height:25px; overflow:hidden;}
#header a .pad {display:block; width:80px; height:125px;background:transparent; border-bottom:2px solid #000;}

a.nav1 {background-position:0 150px;}
a.nav2 {background-position:-80px 150px;}
a.nav3 {background-position:-160px 150px;}
a.nav4 {background-position:-240px 150px;}
a.nav5 {background-position:-320px 150px;}
a.nav6 {background-position:-400px 150px;}
a.nav7 {background-position:-480px 150px;}
a.nav8 {background-position:-560px 150px;}

a.nav1:hover {background-position:0 0;}
a.nav1:hover .button {background:#000; color:#ffcc33; cursor:pointer; display:block; width:80px; height:25px;}
a.nav2:hover {background-position:-80px 0;}
a.nav2:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33; cursor:pointer;}
a.nav3:hover {background-position:-160px 0;}
a.nav3:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33; cursor:pointer;}
a.nav4:hover {background-position:-240px 0;}
a.nav4:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33; cursor:pointer;}
a.nav5:hover {background-position:-320px 0;}
a.nav5:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33; cursor:pointer;}
a.nav6:hover {background-position:-400px 0;}
a.nav6:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33; cursor:pointer;}
a.nav7:hover {background-position:-480px 0;}
a.nav7:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33;; cursor:pointer;}
a.nav8:hover {background-position:-560px 0;}
a.nav8:hover .button {display:block; width:80px; height:25px; background:#000; color:#ffcc33; cursor:pointer;}


#foot {
	text-align:right;
	position:absolute; 
	margin-left:-321px;
	left:50%; 
	bottom:0; 
	width:640px; 
	min-width:640px; 
	height:20px; 
	font-size:xx-small; 
	z-index:5; 
	border-top:2px solid #000;
	color:#000;
	}

* html #foot {
	bottom:2px; width:642px; height:18px;
	}


#content p {
	padding:5px; text-align:justify; margin:5px;
	}
.boldhead {
	font-size:1.5em; 
	font-weight:bold;
	}
.bold {font-weight:bold;}
.left {float:left; margin:10px; border:2px solid #000;}
.right {float:right; margin:10px; border:2px solid #000;}
.lefttext {float:left; padding:5px; width:285px; border-right:2px solid #000; text-align:justify; background-color:#999;}
.righttext {float:right; padding:5px; width:285px; border-left:2px solid #000; text-align:justify; background-color:#666;}
.fototext {float:left; color:#ccc; padding:20px; width:480px; border-right:2px solid #000; text-align:justify; background-color:#666;}

* html .lefttext {float:left; padding:5px; width:295px; border-right:2px solid #000; text-align:justify; background-color:#999;}
* html .righttext {float:right; padding:5px; width:295px; border-left:2px solid #000; text-align:justify; background-color:#666;}
* html .fotottext {float:left; color:#ccc; margin:20px; width:410px; border-right:2px solid #000; text-align:justify; background-color:#666;}

ul { list-style-image: url("bull.gif") }
/*
    Simplest photograph gallery
	author:   stu nicholls (www.cssplay.co.uk)
	edit:     karl geluykens (www.crashtestdummie.be)
*/
#gallery ul {list-style:none; padding:0; margin:0; width:120px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:5px 0 0 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:2px solid #fff;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#fff; background-color: #ffcc33;}
#gallery ul li a:hover img {position:absolute; right:130px; top:0; width:auto; height:auto; border:5px solid #fff;}