body
{
font-size: .7em;
color:#000099;
background-color:#FFFFFF;
margin:0px;
overflow:auto;
}

body, p, h1, h2, h3, h4, table, td, th, ul, ol, textarea, input
{
font-family:verdana,helvetica,arial,sans-serif;
}

h1 {font-size:1.6em;    margin-top:0px;   font-weight:normal}
h2 {font-size:1.6em;  font-weight:normal}
h3 {font-size:1.2em;  font-weight:normal}
h4 {font-size:1em;}
h5 {font-size:0.9em; font-weight:normal}
h6 {font-size:0.8em; font-weight:normal}

h1, h2, h3, h4, h5, h6
{
background-color:transparent;
color:#000000;
}

a {
	color: #000099; font-weight:bold; text-decoration:none
}
a:hover {
	color: #0080FF; font-weight:bold; text-decoration:underline

}

h1, h2, h3
{
margin-top: 0px;
margin-bottom: 6px;
color:#ffa800;
font-weight:bold;
}

.main {
	font-size: 1em;
	color: #000099; 
	text-decoration:none; text-align:justify
}

.footnote {
	font-size: .8em;
	color: #000099; 
	text-decoration:none; text-align:right;
}


#bannerbox a
{
padding: 0;
 
font-family: tahoma;
font-size: 35px;
color: #000099;
font-weight: bold;
text-decoration: none;
}

TABLE.TABLE1 { 
	font-size: .9em;
    border-style:solid;
    border-width:1px;
}

TD.TableHeader {  
    border-style:solid; border-width:1px; font-weight:bold; background-color:#FFA800; text-align:center; padding:2px;
}

TR.TableHeader {  
    border-style:solid; border-width:1px; font-weight:bold; text-align:center; padding:2px;
}

TD.TABLE1 {  
    border-style:solid;
    border-width:1px;
    padding:2px;
}

TR.TABLE1 {  
    border-style:solid;
    border-width:1px;
	padding:2px;
}

#brickmenu{
clear: both; 
padding: 0;
width: 100%;
border-top: 2px solid #000099; /*Blue Line color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#brickmenu ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#brickmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#brickmenu a{
float: left;
display: block;
font-size: 10px; 
font-weight: bold;
color: white;
text-decoration: none;
/*Margin between each menu item*/
background-color: #ffa800; /*Orange*/ 
border-top: 1px solid white; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0; padding-left:6px; padding-right:6px; padding-top:5px; padding-bottom:5px;
}

#brickmenu a:hover{
background-color: #0080FF; /*Light blue color*/ 
color: white;
}

#brickmenu #current a{ /*currently selected tab*/
background-color: #000099; /*Blue color theme*/ 
color: white;
border-color: #000099; /*Blue color theme*/ 
}

#date{ /*date floated right*/
float: right; 
font-size: 12px; 
font-weight: bold;
color: #000099;
margin-top: 0px;
padding: 0;
border-top: 1px solid white; margin-left: 1px; margin-right: 0px; margin-top:0; margin-bottom:0; padding-left:6px; padding-right:1px; padding-top:4px; padding-bottom:4px;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: light yellow;
}

#leftnav h3
{
font-size:1.1em;
color:#ffa800;
margin-bottom:0px;
padding-bottom:6px;
margin-top:0px;
padding-top:0px;
font-weight:bold;
}

#leftnav a
{
margin-left:0px;
padding-left:0px;
font-size:1em;
line-height: 1.2em;
padding-top:.5em;
padding-bottom:.5em;
}

#leftnav ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

div#leftnav ul li li a{
margin-left: 10px; 
list-style: none;
}

#rightnav h3
{
text-align:center;
font-size:1.1em;
color: #ffa800;
margin-bottom:6px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
font-weight:bold;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
min-height: 300px;
overflow: visible;
}

h2 .gallerycontainer{
margin-top: 6px;
margin-bottom: 0px;
}

.gallerycontainer img{
border: 1px solid #000099;
margin-top: 6px;
max-width: 850px;
}

.norightnav img{
border: 1px solid #000099;
padding: 0px;
margin: 0 0px 6px 12px;
}

.singlecolumn img{
border: 1px solid #000099;
padding: 0px;
margin: 0 0 6px 12px;
}

.thumbnail img{
border: 1px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffa800;
padding: 0px;
left: -600px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
background-color: #ffa800;
top: 114px;
left: 10px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#gallery a
{
line-height: 1.4em;
}

#gallerylink
{
float: left; 
padding: 0;
width: 25%;
background: transparent;
}



#container	{ width: 890px; margin: 0 auto; text-align: left; background: #FFFFFF; overflow: visible; }
#kccheader	{ position: relative; width: 890px; height: 60px; margin-top: 6px; border-bottom:1px solid #cc9900; 
			  background-image: url('img/KCCBanner4.jpg');  }
#bannerbox	{ position: relative; float: left; margin-left: 5px; margin-top: 10px; width: 400px; height: 40px; z-index: 1; }			  
#searchbox	{ position: relative; float: left; text-align: right; vertical-align: text-bottom; margin-top: 5px; width: 475px; height: 10px; z-index: 1; }		  			  
#kccheaderdiv {border-bottom:1px solid #cc9900; 
			  background: #ffa800;  }			  
#kccheaderbottom	{ position: relative; width: 890px; height: 20px; margin-top: 0px; border-top:1px solid #ffcc00;
			  background: #ffa800; }
#kccheaderbottomdiv {border-top:1px solid #ffcc00;
			  background: #ffa800; }
	  
#leftnav	{ position: relative; float: left; width: 180px; margin-top: 6px; margin-bottom: 6px; overflow: visible; 
			  }
#leftnav div{ border: 1px solid #d4d4d4; padding: 6px; overflow: visible; 
			  }

#main		{ float: left; width: 560px; min-height: 70px; margin-top: 6px; margin-bottom: 6px; z-index: 0;  }
#main div	{ border: 1px solid #d4d4d4; margin-left: 6px; margin-right: 6px; padding: 6px; }
			  
#rightnav	{ float: right; width: 150px; margin-top: 6px; margin-bottom: 6px; }
#rightnav div { border: 1px solid #d4d4d4; padding: 6px; }

#norightnav		{ float: left; width: 710px; min-height: 70px; margin-top: 6px; margin-bottom: 6px; z-index: 0;  }
#norightnav div { border: 1px solid #d4d4d4; margin-left: 6px; padding: 6px; }

#singlecolumn	  { float: left; width: 890px; min-height: 70px; margin-top: 6px; margin-bottom: 6px; z-index: 0;  }
#singlecolumn div { border: 1px solid #d4d4d4; padding: 6px; }

#gallery		  { border: 0px; padding: 6px; }

#thumbnaillinks   { float: left; border: 0px; width: 862px; min-height: 70px; margin-top: 6px; margin-bottom: 6px; z-index: 0;  }
#thumbnaillinks div { border: 0px; padding: 0px; }


#footer 	{ position: relative; clear: both; width: 890px; height: 70px; margin-top: 0px; z-index: 0; }
#footer div { border: 1px solid #d4d4d4; border-bottom: none; padding: 6px; }