/*
div {
border: 1px dashed white;
}

*/



body {
color: #EEEEEE;
background-image: url("images/firstbg-big.jpg");
background-repeat: norepeat;
margin-left: 0;
margin-right: 0;
background-color: #000000;
	}
	
p 	{
font-family:"Verdana,Geneva,sans-serif";



}
	
	
a {
text-decoration: none;
color: orange;

}
a:special:hover{
text-decoration: underline;

}

table {
border-collapse: collapse;
caption-side: top;
}

td {
padding: .5em;

}



.tborder {
border-bottom: thin dashed white;
border-collapse: collapse;
}
	
.center {
text-align: center;

}


	
h3, h4 {
width: 100%;

}
	
#wholepage {
width: 800px;
margin: 25px auto 0 auto;
background: #004400; 
/*background-image: url('images/pagebg.png'); */
-moz-border-radius: 15px;
height: 3330px;
display: block;
}

div#navdiv {
margin-left: 15%;
margin-right: 15%;
margin-top: 0;

}


/* start of navbar */



li {
list-style-type: none;
height: 10%;
}


ul#navbar {
width: 40em;
height: 1em;
margin: auto;
text-align: center;
margin-top: 15px;



}

ul#navbar li {
background-color: #005500;
color: #EEEEEE;
position: relative;
float: left;
width: 8em;
background: #212121;

color: #00ff00;


}

ul#navbar li:hover {
background-color: #005500;
color: #EEEEEE;
border: 2px #FFFFFF;
background: #212121;
color: #00ff00;

}

ul#navbar li a {
background: #212121;
color: #00ff00;
display: block;
float: left;
width: 100%;

padding-top: 0.3em;

}

.tier1 {
height: 5em;

}




ul#navbar li a:hover {
background: #212140;

color:#EEEEEE;


}



/* 2nd row */

ul#navbar li ul {


display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0;
margin: 0;
 

}

ul#navbar li:hover ul {
display: block;
float: left;
height: auto;
margin: 0;
padding: 0;
margin-top: 1.3em;

border: none;
/* border: 2px solid white; */  /* alt color */
border-top: none;
background: #212121;

}

ul#navbar li ul li{
position: relative;
float: left;
width: 8em;



}


ul#navbar li ul li a{
position: relative;
float: left;
width: 8em;
display: inline;


}



/*   3rd row    */


/*    new    */




ul#navbar li ul li ul {
display: none;

}

ul#navbar li ul li:hover ul {
display: block;
float: left;
height: auto;
margin: 0;
margin-left: 8em;
margin-top: -5em;
padding: 0;




border: 1px solid #212121;
/* border: 2px solid #white; */  /* alt color */

background: #212121;
}






							/*
								ul#navbar li:hover ul li:hover {
								background-color: #005500;
								color: #EEEEEE;
								border: 2px #FFFFFF;
								background: #212121;
								color: #00ff00;


								}

								ul#navbar li ul ul li {
								display: none;

								}

								ul#navbar li:hover ul li:hover ul {
								background: #212121;
								color: #00ff00;
								display: block;
								float: left;
								width: 100%;
								margin-left: 5em;
								background-color: red;
								}


								ul#navbar li:hover ul li:hover ul{
								display: inline;
								float: left;
								height: auto;
								margin-left: 5em;
								padding: 0;
								}


								border: 1px solid white;
								/* border: 2px solid #212121; */  /* alt color */
							/*	border-top: none;
							background: #212121;
								}

								*/
/*

	
ul#navbar	{
margin: 25px;
padding: 0px;
list-style:none;
color: #000000;
text-align:center;
}
ul#navbar li {
	display:inline
	}
ul#navbar li a {
text-decoration:none;
padding: 5px 0;
width: 100px;
background: #212121;
color: #00ff00;
float: left;

}

ul#navbar li a:hover {
background:#005500;
color:#eeeeee;
border:  2px #FFFFFF

}


*/





#maincontent {
float: left;
margin-top: 50px;
margin: 2em 3em auto 3em;
}



#rightside {
float: right;
margin-top: 50px;
}

footer {
font-weight: lighter;
font-size: .8em;
font-style: oblique;
line-height: 90%;
letter-spacing: -.01em;
display: inline;
width: 100%;
margin-left: 2em;
}

li.customlist {
list-style-image: url(images/bullet.jpg);

}


a.sorrykristhisisbackwardsbutithinkyouwillunderstand:hover {
text-decoration: underline;

}


/* Lightbox code start */


#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox img{
width: auto;
height: auto;
border-style: none;
}

#lightbox a img{ 
border: none;
}

#outerImageContainer{ 
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{
left: 0;
}

#hoverNav a{
outline: none;
}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */
display: block;
}

#prevLink {
left: 0;
float: left;
}

#nextLink {
right: 0;
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	;
}

#imageData{
padding:0 10px;
color: #666;
}

#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}	

#imageData #caption{
font-weight: bold;
}
#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}	 	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

/* Lightbox code end */


img {
border-style: none;

}

img a:active {
border-style: none;

}

img a:visited {
border-style: none;

}

#footer{
font-weight: lighter;
font-size: .8em;
font-style: oblique;
line-height: 90%;
letter-spacing: -.01em;
display: inline;
width: 100%;
margin-left: 10em;
}