body { 
font-family :  Verdana, Helvetica, sans-serif;
font-size : 100.1%;
text-align : center;
color: #000066; 
background-color: #000;
}
a {

height:100%
font-size:1.0em;
color:#fff;
}
#container { 
position : relative;
top: 0px;
width : 818px;
height: 600px;
margin : auto;
padding-top: 0px;
text-align : left; 
font-size : 90%;
background-color:#000;
}
#footer{
position:absolute;
top:495px;
left:0px;
height:34px;
width:818px;
font-size:.7em;
text-align:center;
color#fff;
padding-top:7px;

}
#image1{
position:absolute;
top:10px;
left:0px;
height:250px;
width:200px;
}
#image2{
position:absolute;
top:10px;
left:206px;
height:250px;
width:200px;
}
#image3{
position:absolute;
top:10px;
left:412px;
height:250px;
width:200px;
}
#image4{
position:absolute;
top:10px;
left:618px;
height:250px;
width:200px;
}
#image5{
position:absolute;
top:10px;
left:0px;
height:400px;
width:818px;
}
#image5{
position:absolute;
top:10px;
left:0px;
height:400px;
width:818px;
}




.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
width: 900px;
margin-top: 6px;
margin-left: 0px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: black; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.cssbuttonstogglerh a{ /*style for every navigational link within toggler */
background-color:#000;
display: block;
float: left;
margin-right: 0px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 0px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 0px; /* Height of button background height */
padding-left: -200px; /* Width of left menu image */
text-decoration: none;
}

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
background: transparent url('kiblackbgkilogo.jpg') no-repeat top left;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 100px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 100px; /* Height of button background height */
padding-left: 200px; /* Width of left menu image */
text-decoration: none;
}
.cssbuttonstoggler2 a{ /*style for every navigational link within toggler */
background: transparent url('kiblackbgslogo.jpg') no-repeat top left;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 100px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 100px; /* Height of button background height */
padding-left: 200px; /* Width of left menu image */
text-decoration: none;
}
.cssbuttonstoggler3 a{ /*style for every navigational link within toggler */
background: transparent url('kiblackbgmel.jpg') no-repeat top left;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 100px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 100px; /* Height of button background height */
padding-left: 200px; /* Width of left menu image */
text-decoration: none;
}
.cssbuttonstoggler4 a{ /*style for every navigational link within toggler */
background: transparent url('kiblackbgpic.jpg') no-repeat top left;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 100px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 100px; /* Height of button background height */
padding-left: 200px; /* Width of left menu image */
text-decoration: none;
}