@charset "utf-8";
/* CSS Document */


			

body{
					background:url(images/BGredblack.gif) center top repeat;
					margin:50px 0px 0px 0px;/*this is giving me space from top of graphic to top of screen*/
					background-color:#000000;
}



#outside_wrapper{ /*this is the  bevel edge repeated 750px wide */
		   			 margin:auto;						
					 width:750px;			
					 background:url(images/sidebevel750.png) repeat; 
}			
			
			
#topbevel{  /*this is the top bevel edge 750px wide*/
					/*margin:auto;*/
					width:750px;
					height:20px;
					background:url(images/topbevel.png) no-repeat;
}
			

			

#wrapper{
					margin:auto;
					border-color:#000000;
					border-style:solid;
					border-width:4px;						
					width:700px;			
}



#header{
					height:200px;			
					margin:0px 0px 0px 0px;/*put this in to center header on 700px wide frame*/		
}
				 	

#navbar{	/*this is area holding the border for the nav bar*/					
					border-top:#000000;
					border-bottom:#000000;
		 			border-bottom-style:solid;
		 			border-top-style:solid;
		 			margin:0px 0px 0px 0px;
		 			padding:0px 0px 0px 0px;			
}

#navbar li{ 		display:inline;
					color:#FFFFFF;
					font-weight:bold;
}
#navbar ul{ 		margin:0;
					padding: 10px 0px 10px 0px;
					text-align:center;
}

#navbar li a{     /*underneath header*/ 
					text-decoration:underline;		
					color:#ffffff;
}	


#navbar li a:hover{
					text-decoration:underline;
					color:#CCCCCC;
}

#middleContent {	/*top scroll bars*/		
					background:url(images/topscrolls700.png) no-repeat;	
					padding: 60px 80px 60px 80px;		
}
#middleContent a{
					text-decoration:underline;
					color:#FFFFFF;
}

#middleContent a:hover{
					text-decoration:underline;
					color:#CCCCCC;				
}
					
#middleContent h1{font-family:Verdana, Arial, Helvetica, sans-serif;
					text-align:center;
					color:#ffffff;
					font-family:Verdana, Arial, Helvetica, sans-serif;
				
}

#middleContent h2{/*Thank you for visiting us on the Web*/
		 			font-family:Verdana, Arial, Helvetica, sans-serif;
					text-align:center;
					color:#ffffff;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:18px;}

#middleContent h3{/*We welcome you*/
					font-size:15px;
					text-align:center;
					color:#ffffff;
					font-family:Verdana, Arial, Helvetica, sans-serif;
}


#middleContent p{
					font-family:Verdana, Arial, Helvetica, sans-serif;
				 	color:#FFFFFF;
				 	font-size:12px;
					line-height:20px;
				 	padding:0px 0px 0px 0px;
				 
}
#middleContent .leftbox {/*this is the left picture */
					background-color:#ffffff;
					width:140px; height:140px;
					margin:10px 5px 20px 25px;/*this margin is pushing them to the center*/
					float:left;}
				
#middleContent .middlebox {/*this is the middle picture*/
					background-color:#ffffff;
					width:140px; height:140px;					
					margin:10px 5px 20px 20px;
					float:left;
}
#middleContent .rightbox {/*this is the right side picture*/
					background-color:#ffffff;
					width:140px; height:140px;										
					margin:10px 30px 20px 20px;
					float:left;}
				

#bottomScrolls{
					margin:0px 0px 0px 0px;
}

.indimage {/*this is individual pix*/
					margin:0px 10px 0px 0px;
					padding: 0px 0px 0px 0px;
					border:solid;
					border-width:1px;
					color:#FFFFFF;
			
            }

.rollOverimage a:link {
						display:block;
						width:200px;
						height:150px; 
						}
						
.rollOverimage a: hover {border:20px;
						background-color:#000000;
}

#footer{				
					color:#999999;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:12px;	
					text-align: center;	
}

#okietop{
				    position:absolute;
				    left:0px;
				    top:25px; 	
		
}

#okiebottom{
					position:absolute;
					right:0px;
					top:620px;
}