/* CSS Document */

body { top-margin: 5px;
	   background-color: #333333; }
	
#page { width: 800px;
		height: 600px;
		margin: 10px auto;
		border: solid 1px #000000;
		background-color: #FFFFFF; }  
		
#title { width: 225px;
		 height: 600px;
		 z-index: 0;
		 float: left;
		 background-image:url(images/lf_title.gif);
		 /*border: 3px #FF0000 solid;*/ } 
		 
#hdr { width: 575px;
	   height: 126px;
	   /* background-color:#0000FF; */
	   float: right; }

#content {
	height: 470px;
	width: 575px;
	position: relative;
	margin-top: 4px;
	/*background-color: #990099;*/ }
	
#banner { width: 575px;
		  height: 100px;
		  /* background-color:#000000;*/
		  left: 230px;
		}
	
#flash { width:300px;
		height:198px;
		top:3em;
		left:-5em;
		position:relative;
		/* background-color:#000000; */
		z-index:100;
		border: 1px solid #000000;
	}
	
#indcon { width: 350px;
		  height: 300px;
		  top: -12em;
		  left: 0em;
		  float:right;
		  vertical-align: top; 
		  position: relative;}

#undcon {
	width: 315px;
	height: 121px;
	top: 323px;
	left: 12px;
	vertical-align: middle;
	position: absolute;
}
	
#menu { left:5px;
		position: relative;
		width: 571px;
		height: 26px;
		background:url(images/mnu_bar.gif); 
		z-index: 100;
		/*border: 3px #FF00FF solid;*/ }

#secmenu { width: 150px;
		   height: 200px;
		   position: relative;
		   /*border: 3px #FF00FF solid;*/
		   top: 8em;
		   left: 2.5em;
		    }

a.mnulnk:link { font-family: Verdana, Arial, Helvetica, sans-serif;
         		 color: #000000; 
		 		 text-decoration: none; }
				 
a.mnulnk:visited { font-family:Verdana, Arial, Helvetica, sans-serif;
         		    color: #000000; 
		 		    text-decoration: none; }
				 
a.mnulnk:hover { font-family: Verdana, Arial, Helvetica, sans-serif;
         		  color: #FFFFFF; 
		 		  text-decoration: none; }
				  
a.secmnulnk:link { font-family: Verdana, Arial, Helvetica, sans-serif;
         		 color: #FFFFFF; 
		 		 text-decoration: none; }
				 
a.secmnulnk:visited { font-family:Verdana, Arial, Helvetica, sans-serif;
         		    color: #FFFFFF; 
		 		    text-decoration: none; }
				 
a.secmnulnk:hover { font-family: Verdana, Arial, Helvetica, sans-serif;
         		  color: #000000; 
		 		  text-decoration: none; }
				  
a.cntlnk:link { font-family: Verdana, Arial, Helvetica, sans-serif;
         		 color: #66CC00; 
		 		 text-decoration: underline }
				 
a.cntlnk:visited { font-family:Verdana, Arial, Helvetica, sans-serif;
         		    color: #66CC00; 
		 		    text-decoration: underline }
				 
a.cntlnk:hover { font-family: Verdana, Arial, Helvetica, sans-serif;
         		  color: #66CC00; 
		 		  text-decoration: none }

.mainhd { font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14pt;
		font-weight: bold;
        color: #66CC00;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 10px; }

.main { font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px; 
        font-style: normal;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 10px; }

.mainmnu { font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small; 
        font-weight: bold;
        color: #000000;
        margin-top: 2px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 10px; }

.mnu { font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: xx-small; 
        font-style: normal;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 5px;
        margin-left: 20px; }

.mnutx { font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9pt; 
        font-style: normal;
        color: #FFFFFF;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 10px;
        margin-left: 10px; }
		
		
		
		
		


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

#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: transparent url(http://www.streckergraphics.com/Strecker/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.streckergraphics.com/Strecker/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.streckergraphics.com/Strecker/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* End Lightbox */