/*
This CSS document contains the various CSS styles for the various menus on the site.
Including, but not limited to the top nav list, the leftside nav list, the right
side news and events list, etc..
*/

/* Leftside Nav menu, coudl also be used for other menus for consistency */
.leftsideNavbuttonscontainer {
	width: 145px; margin-top: -1px;
}

.leftsideNavbuttons a {
	color: #003366;
	background-color: #FFFFFF;
	padding: 2px;
	padding-left: 10px;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	font: 11px Arial,Helvetica,serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-top: 1px;
	line-height: 20px;
	width: 135px;
	/* border-left: 10px solid #666666; */
}
.leftsideNavbuttons a:visited {
	color: #003366;
}

.leftsideNavbuttons a:hover {
	/* border-left: 10px solid #CCCCCC; */
	text-decoration: none;
	color: #000000;
	background-color: #EEEEEE;
}


/* Top right navigation menu */
.topnavbuttonscontainer {
	/* width: 145px; */
	float: right;
}

.topnavbuttons a {
	color: #003366;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 15px;
	font: 11px Verdana, sans-serif;
	text-decoration: none;
	display: block;
	width: 130px; /* IE Width */
	text-align: center;
	/* line-height: 25px; */
}
.topnavbuttons a:visited {
	color: #003366;
}

.topnavbuttons a:hover {
	background-color: #eeeeee;
	color: #003366;
	text-decoration: none;
}
/* These hacks are for ALL other browsers besides IE to make sure the navigation menu shows correctly */
.topnavbuttonscontainer>.topnavbuttons a{
	width: 130px; /* FF/Netscape width */
}
#logoContainer>#logoDate>.topnavbuttonscontainer .topnavbuttons a {
	height: 15px;
}

.submenu {
	position: absolute;
	background-color: #EEEEEE;
	border: 2px solid #000000;
	font: 11px Arial,Helvetica,serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;	
	/* width: 100px; */
}
.submenu a{
	color: #003366;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	display: block;
	/* line-height: 20px; */
	border-bottom: 1px solid #000000;
	}
.submenu a:visited{
	color: #003366;
	}
.submenu a:hover {
	text-decoration: none;
	color: #000000;
	background-color: #CCCCCC;
	}


.smCommittee {
	margin-left: 260px;
	margin-top: -5px;
	color: #003366;
	z-index: 100;
	line-height: 20px;
	border-top: 3px solid #FFFFFF;
	}

.smPhotoGallery {
	border: 1px solid #CCCCCC;
	margin-top: -27px;
	margin-left: 145px;
	display: none;
	z-index: 101;
	}

.smPhotoGallery a{
	/* width: 200px; */
	border-bottom: 1px solid #CCCCCC;
}
.smPhotoGallery a:hover {
	background-color: #EEEEEE;
	}
























/* OLD CODE: LEFt Side navigation menu 
.leftsideNavbuttonscontainer {
width: 145px;
}
*/

/*
.leftsideNavbuttons a {
color: #003366;

padding: 3px;
padding-right: 0px;
padding-left: 10px;
display: block;
*/
/* border-left: 5px solid #666666; */
/*
border-bottom: 1px solid #ccc;
font: 11px Verdana,sans-serif,helvetica;
font-weight: normal;
text-decoration: none;
text-align: left;
margin: 0px;
margin-right: 0px;
width: 145px;
line-height: 15px;

}
*/

/*
.leftsideNavbuttons a:hover {
background-color: #eeeeee;
color: #003366;
text-decoration: none;}
*/

/* This hack is for ALL other browsers besides IE to make sure the navigation menu shows correctly */
/*
	.leftsideNavbuttonscontainer>.leftsideNavbuttons{ width: 143px;	}
 	.leftsideNavbuttonscontainer>.leftsideNavbuttons a{ width: 137px;}
*/