body {background-image: url(images/bg.jpg);
	  text-align: center;
	  min-width: 900px;
	  font: 12px "Gill Sans","Gill Sans MT",Arial,sans-serif;}

div#container{position: relative;
				height: 600px;
				width: 900px;
				text-align: center;
				background-image: url(images/bg.jpg);
				margin:20px auto;}
				
div#border{position: relative;
				height: 570px;
				width: 870px;
				left: 13px;
				text-align: left;
				background-image: url(images/bg.jpg);
				border:3px solid #ffffff;}

div#logo{float: left;
			margin-left: 33px;
			margin-top: 66px;
			height: 52px;
			width: 587px;
			
/*
			height: 66px;
			width: 591px;
*/
			background-image: url(images/kps3logo.jpg);
			background-repeat: no-repeat;}
			
div#navigation{text-align: left;
				position: absolute;
				top: 0px;
				left: 46px;}
				
div#nav_ill{position: absolute;
			top: 129px;
			}
			
div#nav_ske{position: absolute;
			top: 157px;
			}
			
div#nav_rec{position: absolute;
			top: 185px;
			}
			
div#nav_new{position: absolute;
			top: 213px;
			}
			
div#nav_abo{position: absolute;
			top: 241px;
			}
			
div#nav_con{position: absolute;
			top: 269px;
			}
			
a.kps3link:link{color: #b1b0b0;
					text-decoration: none;}
a.kps3link:hover{color: white;
					text-decoration: none;}
a.kps3link:visited{color: #b1b0b0;
					text-decoration: none;}
						
#navigation a:link{color: #b1b0b0;
					text-decoration: none;}
#navigation a:hover{color: white;
					 text-decoration: none;
					 font-style: italic;}
#navigation a:visited{color: #b1b0b0;
						text-decoration: none;}
						
div#arrow1{background-image: url(images/arrow.jpg);
			background-repeat: no-repeat;
			position: absolute;
			height: 17px;
			width: 17px;
			top: 129px;
			left: 26px;}

div#arrow2{background-image: url(images/arrow.jpg);
			background-repeat: no-repeat;
			position: absolute;
			height: 17px;
			width: 17px;
			top: 157px;
			left: 26px;}

div#arrow3{background-image: url(images/arrow.jpg);
			background-repeat: no-repeat;
			position: absolute;
			height: 17px;
			width: 17px;
			top: 185px;
			left: 26px;}

div#arrow4{background-image: url(images/arrow.jpg);
			background-repeat: no-repeat;
			position: absolute;
			height: 17px;
			width: 17px;
			top: 213px;
			left: 26px;}

div#arrow5{background-image: url(images/arrow.jpg);
			background-repeat: no-repeat;
			position: absolute;
			height: 17px;
			width: 17px;
			top: 241px;
			left: 26px;}

div#arrow6{background-image: url(images/arrow.jpg);
			background-repeat: no-repeat;
			position: absolute;
			height: 17px;
			width: 17px;
			top: 269px;
			left: 26px;}

span#locationtext{color: #832c06;}

span#locationtextsub{color: white;
					 font-style: italic;}

div#update{
	        text-align: left;
			position: absolute;
			top: 538px;
			left: 654px;
			color: #b1b0b0;
			font-size: 10px;
		   }

div#contactph{
	        text-align: left;
			position: absolute;
			top: 80px;
			left: 723px;
			color: #b1b0b0;
			font-size: 12px;
		   }
		   
div#contactem{
	        text-align: left;
			position: absolute;
			top: 100px;
			left: 672px;
			color: #b1552d;
			font-size: 12px;
		   }
		   
a.em3link:link{color: #b1552d;
					text-decoration: none;}
a.em3link:hover{color: #b1552d;
					text-decoration: none;}
a.em3link:visited{color: #b1552d;
					text-decoration: none;}

div#indeximage{background-image: url(images/indeximage.jpg);
				background-repeat: no-repeat;
				position: absolute;
				height: 400px;
				width: 650px;
				top: 129px;
				left: 145px;}

div#newscontent{width: 50%;
				position: absolute;
				top: 130px;
				left: 156px;
				color: white;}
				
div#newsimage{}

div#aboutcontent{width: 43%;
				 position: absolute;
				 top: 117px;
				 left: 156px;
				 color: white;
				 font-size: 11px;}

div#aboutimage{background-image: url(images/aboutimage.jpg);
				background-repeat: no-repeat;
				position: absolute;
				height: 400px;
				width: 254px;
				top: 129px;
				left: 543px;}
				
div#contactinfo{background-image: url(images/contactme.jpg);
				background-repeat: no-repeat;
				position: absolute;
				height: 372px;
				width: 601px;
				top: 120px;
				left: 170px;
				color: white;}
				
div#contactlink{position: absolute;
				top: 180px;
				left: 300px;
				font-family: Courier;}
				
div#contacttext{position: absolute;
				top: 370px;}

div#layout{
	        width: 80%;
			position: absolute;
			top: 126px;
			left: 156px;
		   }
						
.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
         }

.gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:74px;
            margin:0 0 1px 1%; padding:4px 0;
            height:78px; /* Height of img (72) + 2 times 3px padding = 78px */
            position:relative; /* This is the key */
           }

.gallery a,
.gallery img{
	          display:block;
              width:100%;
            }

a img{ border:none; } /* A small fix */

.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{ 
                   padding:0px;
                   background:#eeefef;
                   width:72px; height:72px;
                   position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
                   margin:-36px 0 0 -36px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
                 }

.gallery a:hover{ border-color:#dfdfdf; }