a {
	text-decoration: none;
	text-align:inherit
}
a img {
	border: 0px;	/* to eliminate the ugly 2px blue border around img inside a tags */
}
xmp {
	display: none;
}
/****************************************************
 **  HEADER *********************
 ****************************************************/
/*Menu1*/
#menu {
	width:100%;
	height:30px;
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
	padding: 0;
	z-index:2;
}


#menu ul {
	list-style: none; /* gets rid of bullets */
	margin: 0 auto;
	padding: 0;
	float: inherit; /* determines where to align the menu. also to stretch to contain the floating children */
	cursor: default;  /* instead of text select cursor */
	width:520px;
	z-index:2;
	}
/* begin first level unselected */
#menu ul li { /* makes the main menu horizontal */
	z-index:100%;
	position: relative;  /* to contain the dropdown menu */
	margin: 3px 10px 0 10px;
	text-decoration: none;
	float: left;
	text-align:left;
	z-index:2;
}
#menu ul li:hover, /* creates mouseover color change on main menu */
#menu ul li.hover {
text-align:left;
	background-color: #669933;
	background-image: url(../images/corners-menu-hover.gif); /* ****** that round corner on the top left of the main menu ****** */
	background-repeat: no-repeat;
	z-index:2;
}
#menu ul li a { /* to make the main menu font size consistent */
	display: block;
	font-size: 100%;	/* to override the browser default */
	font-weight: bold;
	color: #FFFFFF; /* font color of the main menu santosh */
	padding: 0 0.6em;
	line-height: 21px;
	padding-bottom: 3px;
	z-index:2;
}
#menu ul li a:hover,
#menu ul li:hover a,
#menu ul li.sfhover a {
	color: #FFFFFF; /* font color of main menu when mouse over */
	background-image: url(../images/corners-menu-hover.gif); /* ****** that round corner on the top right of the main menu ****** */
	background-position: right top;
	background-repeat: no-repeat;
	z-index:2;
}

/* end first level selected */
/* begin drop down menu with son of a gun */
#menu ul li ul.dropmenu {
	position: absolute;
	display: block;
	left: -999em;
	width: 1%;
	border: 1px solid #336633; /* color of the borders of submenu santosh */
	padding: 0.3em 0.3em 0.3em 0.3em; /* top padding, right padding, bottom padding, left padding */
	text-indent: 8px;
	background-color: #fff; /* it needs to have a white background to cover what is underneath */
	background-image: none;
	z-index:2;
}
#menu ul li:hover ul.dropmenu, /* creates dropdown */
#menu ul li.sfhover ul.dropmenu {
	left: auto;
	left: -1px;
	z-index: 100%; /* place it above the page content */
	width: 137px;
}
#menu ul li ul.dropmenu li { /* makes vertical submenu */
	display: block;	
	color: #567a95;
	text-decoration: none;
	line-height: 2em;
	border-bottom: 1px dotted #E6E9EC; /* makes separator between submenus */
	margin: 0;
	width: 100%;
	background-image: none;
	background-color: #FFFFFF;
}
#menu ul li ul.dropmenu li a {
	display: block;
	width: 100%;	
	cursor: pointer;
	color: #567a95; /* font color of the submenu santosh */
	font-size: 100%;
	font-weight: normal;
	line-height: 2em;
	height: 2em;
	background-image: none;
	padding: 0;
	z-index:2;
}
#menu ul li ul.dropmenu li a:hover { /* creates mouseover color swap on submenus santosh*/
	background-color: #669933;
	color: #FFFFFF; /* font color of the submenus on mouseover santosh */
	z-index:2;
}
/* end drop down menu with son of a gun. Not used in this menu santosh */
#menu ul li ul.dropmenu li.separator {
	/*border-top: 2px dotted #B5BFCA;*/
	height: 0px;
	margin: 1px 0px;
	padding: 0pt;
	cursor: default;
} 
#menu ul li ul.dropmenu li.separator:hover {
	background-color: inherit; /* avoid separator changing color on hover. Not used in this menu santosh */
}
#main {
	position: relative; /* to contain the navigation pane */
	margin-top: 30px;    /* to allow space for the menu bar */
	height: 100%;
	background-image: url(../images/navigation.gif);
	/* example of url SANTOSH background-image: url(../images/gradient-menu.gif)*/
	background-repeat: repeat-y;
}
/* has no navigation line. use for front page */
#main2 {
	position: relative; /* to contain the navigation pane */
	margin-top: 30px;    /* to allow space for the menu bar */
	height: 100%;
	z-index:1;
}
/* clearfix */
.clear { 
	display: block;
	clear: both; 
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*Menu2*/
#menu2 ul {
	list-style: none; /* gets rid of bullets */
	margin: 0 auto;
	padding: 0;
	float: inherit; /* determines where to align the menu2 . also to stretch to contain the floating children */
	cursor: default;  /* instead of text select cursor */
	width:610px;
	z-index:1;
}
/* begin first level unselected */
#menu2 ul li { /* makes the main menu2 horizontal */
	z-index:100%;
	position: relative;  /* to contain the dropdown menu2 */
	margin: 3px 10px 0 10px;
	text-decoration: none;
	float: left;
	text-align:left;
	z-index:1;
}
#menu2 ul li:hover, /* creates mouseover color change on main menu2 */
#menu2 ul li.hover {
	text-align:left;
	background-color: #669933;
	background-image: url(../images/corners-menu2 -hover.gif); /* ****** that round corner on the top left of the main menu2 ****** */
	z-index:1;
	background-repeat: no-repeat;
}
#menu2 ul li a { /* to make the main menu2 font size consistent */
	display: block;
	font-size: 100%;	/* to override the browser default */
	font-weight: bold;
	color: #FFFFFF; /* font color of the main menu2 santosh */
	padding: 0 0.6em;
	line-height: 21px;
	padding-bottom: 3px;
	z-index:1;
}
#menu2 ul li a:hover,
#menu2 ul li:hover a,
#menu2 ul li.sfhover a {
	color: #FFFFFF; /* font color of main menu2 when mouse over */
	background-image: url(../images/corners-menu2 -hover.gif); /* ****** that round corner on the top right of the main menu2 ****** */
	background-position: right top;
	background-repeat: no-repeat;
	z-index:1;
}