/* CSS Document */



html{
		margin:0px;
		padding:0px;
	}
		
body {
		min-width:750px; /* Prevent content from becoming unreachable in Gecko */
		margin:0;
		padding:0;
		color:#000;																				/* BODY BAR COLOR*/		
		background-color:#FFCC66;
		/* background-image: url(../imgs/palm.gif); */
		background-repeat:none;
		background-attachment:fixed;
		font-family: 'Verdana','Arial', 'Helvetica','Geneva', 'Lucida Grande', 'sans-serif';
		
	}

img {border:none;}
	
p {margin:8px;}

div#main {
	width:750px;
	height:600px;
	margin:auto;
	border:solid 0px;
	border-color:#000000;
	background-color:#990000;
	background-image:url(../imgs/bknd.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:top;
	}

div.testdiv {
	
	}

div#header {
	height:64px;
	background-color:#FFCC66;
	background-image:url(../../gfx/trnsprntfirelogo.gif);
	background-repeat:no-repeat;
	background-position:center;

	}

div#content {
	overflow:auto;
	float:right;
	width:612px;
	height:494px;
	margin:18px 0px 9px 0px;
	font-size:0.75em;	
	border:solid 0px;
	border-color:#7777AA;
	background-color:#FFF;
	background-image:url(../imgs/bknd_2.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:top;
	
	}
	
div.context {
	padding:1px 4px;
	text-align:justify;
	
	}
	
div#extras {
	float:left;
	overflow:hidden;
	width:138px;
	height:494px;
	margin:18px 0px 9px 0px;
	border:solid 0px;
	border-color:#7777AA;
	background-color:#FFCC66;
	background-image:url(../imgs/bknd_2.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top;
	text-align:center;
	}
	
div#extras img {
	
	width:130px;
	border:none;
	}
	
div#footer {
	width:746px;
	height:35px;
	margin:auto;
	padding:2px;
	background-color:#990000;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:top;
	
	}
	
div#footer_stop {
	display:none;
	width:750px;
	height:10px;
	margin:auto;
	padding:0px;
	background-color:;
	background-repeat: no-repeat;
	
	}

div#extras a div#thm1 {display:block;
	overflow:hidden;
	width:220px;
	height:220px;}

div#extras a:hover div#thm1 {

	display: block;
	position: relative; 
	top: -308px; left: 25px; 
	width: 0px;
	margin:0px; 
	padding-top:20px;
	border:0px;
}



.mainimage {
	width:220px;
	padding:30px 0px;
	
	}
	
.thumbnail {
	width:134px;
	padding:2px 8px 0px 0px;
	}


.centred {
	text-align:center;
	margin:auto;
	
	}

h2,
h3,
h4 {
	
	padding:2px;
	text-transform:uppercase;
	margin:auto;
	padding: 2px 0px;
}

h2 {
	padding:2px;
	text-align:center;
	color:#000;
	/* text-shadow: #000 3px 2px 4px; */
	
	}
	
h1 {
	
	padding:2px;
	text-align:center;
	background-color:#8888FF;
	color:#000;
	text-transform:capitalize;
	/* text-shadow: #000 3px 2px 4px; */
	
	}
		

			/* START OF CODE FOR MENU BAR!!! */
 
.menu {
font-family: verdana, sans-serif;
font-weight:bold;
width:750px;
position:relative; 
font-size:0.70em;
z-index:100;
margin:auto;
text-transform:none;
padding:5px 5px 0px 5px;

}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:135px;															/* MENU ITEM WIDTH NOT IE */
margin:0px;
padding:0px 5px;
height:2em; 
color:#FFF; 
border:1px solid #000; 

background:#990000; 															/* MENU ITEM COLOR */
padding-left:6px; 
line-height:2em;
text-align:left;
}
* html .menu ul li a, .menu ul li a:visited {
width:146px;
w\idth:128px;																	/* IE ONLY MENU ITEM WIDTH */
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
background:#FFF;																/* MENU ITEM HOVER COLOR */
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2em;
margin-top:1px;
left:0; 
width:150px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background:#000;																/* DROP MENU ITEM COLOR */
color:#FFF; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:126px
}
* html .menu ul li a:hover ul li a {
width:148px;
w\idth:126px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#000 url(../../graphics/drop.gif) bottom right no-repeat;			/* DROP MENU ITEM COLOR */
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#FFF; 															/* DROP MENU ITEM HOVER COLOR */
color:#000;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:147px; 
top:-1px;
width:126px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-147px;
}

			/* END OF CODE FOR MENU BAR!!! */