.kmctxt2
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:Black;
	text-decoration:none;	
}
.kmctxt2:hover 
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:Black;
	text-decoration:None;	

}
.button{
color:black;padding:2px;font-family: Arial;font-size:11px;text-decoration:none;text-align:left;height:29px;width:208px;line-height:29px;	
}
.button:hover{
padding:2px;font-family: Arial;font-size:11px;text-decoration:none;text-align:left;height:29px;width:150px;line-height:25px;	
}


.Cluster8
{
position:relative;z-index:99;float:left;width:207px;height:33px;font-family:Arial;font-size:11px;cursor:pointer;background-image: url('images/side_but.gif');
color:black;text-decoration:none;
}

.Cluster8:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/side_but_over.gif');
width:207px;height:33px;font-family:Arial;font-size:12px; cursor:pointer;color:black;text-decoration:none; 
}

.MOStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/side_but.jpg');
color:black;text-decoration:none;
}

.MOStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/side_but_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}

.PRStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/resume.jpg');
color:black;text-decoration:none;
}

.PRStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/resume_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.BSStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/book.jpg');
color:black;text-decoration:none;
}

.BSStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/book_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.HStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/event.jpg');
color:black;text-decoration:none;
}

.HStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/event_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.HMStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/home.jpg');
color:black;text-decoration:none;
}

.HMStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/home_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.PGStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/gallery.jpg');
color:black;text-decoration:none;
}

.PGStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/gallery_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.PSStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/Press.jpg');
color:black;text-decoration:none;
}

.PSStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/Press_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.BStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/brochure.jpg');
color:black;text-decoration:none;
}

.BStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/brochure_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.PMStyle
{
position:relative;z-index:99;float:left;width:183px;height:33px;font-family:Tahoma;font-size:13px;cursor:pointer;background-image: url('images/promo.jpg');
color:black;text-decoration:none;
}

.PMStyle:hover 
{
position:relative;z-index:99;float:left;background-image: url('images/promo_over.jpg');
width:183px;height:33px;font-family:Tahoma;font-size:13px; cursor:pointer;color:black;text-decoration:none; 
}
.sidehead
{
position:relative;z-index:99;float:left;width:200px;height:33px;font-family:Arial;font-size:12px;cursor:pointer;background-image: url('images/side_but.gif');
color:black;
}

.sidehead1
{
clear:both;position:relative;z-index:99;float:left;font-family:Arial;font-size:12px;height:47px;width:192px;
cursor:pointer;background-image: url('images/menu2.gif');color:black;font-weight:bold;text-decoration: none;overflow: hidden;
}


.kmctxt1
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;	
	color:#11495e;
}
.kmctxt1:hover
{
	font-family:Arial;
	font-size:11px;
    font-weight:bold;
	text-decoration:none;
	color:#11495e;
}

.kmchead
 {
	FONT-FAMILY: arial;
	FONT-SIZE: 12px; 
	line-height: 17px;
	text-decoration:none;
	color: #0055cc
}




body {
	font: 11px Arial, Helvetica, sans-serif;
	background: #ffffff url(images2/main_bg_chrst.jpg);
	padding: 0;
	margin: 0;
}
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
h2
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(gradient_1.png) repeat-x;
}








/* Suresh     Chumma*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('media/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/

-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}




/* Suresh - 2 - Vertical */



.arrowgreen{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(KMCWebsite\Images\arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #5E7830;
}

.arrowgreen li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #26370A;
	background-position: 100% -64px;
}






 
h1 {
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
h1 span {
background: url(gradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}





.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}


/* Suresh - For Grid */

TABLE.GridView

{
font-family: Arial, Helvetica, sans-serif;

font-size: 10pt;
font-weight: normal;

font-variant: normal;
text-transform: none;

color: #0000FF;
border: 1px solid #0000FF;

top: 155px;
left: 11px;

height: 250px;
width: 700px;

float: left;
position: fixed;

}
TABLE.GridView TR {

BACKGROUND-COLOR: white;
font-family: Arial, Helvetica, sans-serif;

font-size: 12px;
PADDING: 5px;

color: #0000FF;
position: fixed;

}
TABLE.GridView TH {

BACKGROUND-COLOR: #009999;
PADDING: 5px;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

color: #0000FF;

}
TABLE.GridView TD {

PADDING: 4px;
font-family: Arial, Helvetica, sans-serif;

font-size: 12px;
color: #0000FF;

position: fixed;

}