/* ! MENU & TABS STYLESHEET */
/* ! MENU : main section choices, left column */
/* ! TABS : sub section choices, across top */


/* ! MENU STYLING */

/* styles the menu list box (on the left) */
ul#sidenav {
	margin: 0 0 6px 2px;
}

/* styles individual side button boxes */
#sidenav li {
	display: block;
	margin: 0 auto 5px;
	padding: 0px 0 0px 0; /* MOVES TEXT AROUND IN BUTTONS! */
	border: 1px solid #999999;
	border-right-color: #4c4c4c;
	border-bottom-color: #4c4c4c;
	background-color: #faeaee; /* was light gray #ebecec */
}

#sidenav li:hover {
	border: 1px solid #4c4c4c;
	border-right-color: #999999;
	border-bottom-color: #999999;
/* 	background-color: silver; */
/* 	background: silver url(/css_img/layout/cornerstripe_tiny_fade.gif) no-repeat top left; */
}

/* styles the individual side button text */
#sidenav li a {
	display: block;
	text-transform: uppercase; 
	font-size: 1.05em;
	line-height: 1.85em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-shadow: 0px 2px 3px white;
	color: #3c3c3c;
	background: url(/css_img/layout/grad_black_left_15.png);
}

/* rollover styling */
#sidenav a:hover {
	/* color: #000040; */ /* #000040 one down from midnight */
	background: url(/css_img/layout/grad_black_right_7p5.png);
	background: url(/css_img/layout/cornerstripe_tiny_fademore.gif) no-repeat top left;
}

/* the "here" class puts a corner stripe in the current menuitem */
#sidenav li.here {
	background: url(/css_img/layout/cornerstripe_tiny.gif) no-repeat top left;
	background-color: #fff472;
}

/* the "here" class also colors the text in the current menuitem */
#sidenav li.here a {
	color: #000040; /* one down from midnight */
/* 	font-size: 1.05em; */
}



/* ! TABS STYLING */

/* centers & styles the tabs list */
ul#tabnav {
	text-align: center;
	padding: 7px 0 6px;
}

/* styles each tab box */
#tabnav li {
	display: inline;
	padding: 6px 0 4px 0; /* MOVES TEXT AROUND IN TABS! */
}

/* styles the tab fonts */
#tabnav li a {
	font-variant: small-caps;
	font-style: italic;
	padding: 5px 9px;
	font-size: 1.1em; /* adjusts the size of the tab font */
	font-weight: bold;
	color: #3c3c3c;
	text-shadow: 0px 2px 3px white;
}

#tabnav li:hover {
	background: url(/css_img/layout/cornerstripe_tiny_fademore.gif) no-repeat top left;
}

/* rollover styling */
#tabnav a:hover {
	color: #000040; /* one down from midnight */
}

/* the "here" class puts a color stripe in the current menuitem */
#tabnav li.here {
	background: url(/css_img/layout/cornerstripe_tiny.gif) no-repeat top left;
}

/* the "here" class also styles the text of the current menuitem*/
#tabnav li.here a {
	color: #000040; /* one down from midnight */
/* 	text-transform: uppercase; */
/* font-size: 1.1em; */
}