body {
	background-color: #A7A8A0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center; /* Necessary for IE, which non-standardly will center EVERY kind of xhtml element 
	                       inside the body tag if it has this parameter.  Other browsers only center
						   inline content when this tag is set this way.  */
}

#container {
	top: 0;
	border-top: solid 5px #2e3192;
	margin: 0 auto;  /* This creates a centered block within the body tag above for browsers that adhere to
	                    a strict DTD, like the one we use at the top of our xhtml pages.  IE 6+ will adhere
						to this margin rule if the DTD is strict, but IE 5.* and lower need the above fix
						in the body tag above for "text-align" .*/
	width: 980px;  /* width must be set to an absolute pixel value in order for the browser to be able to
	                  calculate the desired left and right margins */
	background: #fff;
	padding: 0;
	text-align: left;
	z-index: 0;
}

#container ul{
	margin-top: 0px;
	margin-bottom: 10px;
}

#header {
	position: relative;
	top: 0;
	border-left: solid 25px #B5111B;
	padding: 0;
	background-color: #6E6D64;
	background-repeat: no-repeat;
	background-position: top right;
	width: 955px;
	height: 70px;
	clear: both;
	z-index: 2;
}

#redmenu {
	position: relative;
	margin: 0;
	padding: 0;
	border-left: solid 25px #cb5a60;
	width: 955px;
	height: 45px;
	color:#ffffff;
	font-size: 11pt;
	background-color:#b5111a;
	z-index: 2000;
}


.redmenu2 {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	width:100%;         /* we always want our menu to fill the available space */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:11pt;         /* this (and also below) sets the menu's font size */
	color: #ffffff;
	clear: both;
}

.redmenu2 ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
}
.redsfumain {
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.redmenu2 .midspace {
	padding-left: 170px;
}

.redmenu2 li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	padding: 5px .2em 0 .2em;
	vertical-align:top;
	background:transparent;}

.redmenu2 li.homebutton {
	padding:4px 55px 0 30px;
}

.redmenu2 ul li a.homebuttn {                    /* unselected top-level menu items */
	display:block;
	float:left;
	margin: 0;
	text-decoration:none !important;
	vertical-align:top;
	color: #ffffff !important; 
}

.redmenu2 ul li a {                    /* unselected top-level menu items */
	display:block;
	float:left;
	padding-bottom: 5px;
	text-decoration:none !important;
	vertical-align:top;
	color: #ffffff !important; 
	border-bottom: solid 16px #b5111a;
}

.redmenu2 ul li a:visited {                    /* visited top-level menu items */
	display:block;
}

.redmenu2 ul li a:hover {                        /* selected top-level menu items for IE6 */
	border-bottom: solid 19px #CB5A60;
	text-decoration: none;
}

.redmenu2 ul li:hover a {                        /* selected top-level menu items for FF */
	border-bottom: solid 16px #CB5A60;
	text-decoration: none;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.redmenu2 ul li ul {
	display:none;                  /* initially hide the entire 2nd list hierarchy */
}

.redmenu2 ul li a:hover ul {                           /* 2nd level drop-down box (for IE6) */
	display:block;
	position:absolute;
	margin-top: -1px;
	top: 45px;              /* place us just up underneath the top-level images */
	left:3px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:15em;
	color: #ffffff;                        /* this sets the unselected-text color */
	z-index: 2000;
	line-height: 1em;
	background: #CB5A60;
	list-style-type: none;
}
.redmenu2 ul li:hover ul {                           /* 2nd level drop-down box (for FireFox 1.5) */
	display:block;
	position:absolute;
	margin:0;
	top: 43px;              /* place us just up underneath the top-level images */
	left: 3px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:15.1em;
	color: #ffffff;                        /* this sets the unselected-text color */
	z-index: 2000;
	line-height: 1em;
	background: #CB5A60;
	list-style-type: none;
}

.redmenu2 ul li a:hover ul.sfuonl {                           /* 2nd level drop-down box (for IE6) */
	line-height: 1.5em;
}
.redmenu2 ul li:hover ul.sfuonl {                           /* 2nd level drop-down box (for FireFox 1.5) */
	line-height: 1.5em;
}

.redmenu2 ul li:hover ul.leftbutton,
.redmenu2 ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.redmenu2 ul.rightmenu li:hover ul,
.redmenu2 ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
	background: #b5111a;
}

* html .redmenu2 ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.redmenu2 ul li a:hover ul li a {                   /* 2nd level unselected items (for IE6) */
	border:0;
	margin:0 0 0 0;
	padding:0 .5em;
	font-size: 8pt;
	color: #ffffff;               /* this sets the unselected drop-down text color */
	background:transparent;       /* this sets the drop-down menu background color */
}

.redmenu2 ul li:hover ul li a {                   /* 2nd level unselected items (for FireFox 1.5) */
	border:0;
	margin:0 0 0 0;
	padding:0 .5em;
	font-size: 8pt;
	color: #ffffff;               /* this sets the unselected drop-down text color */
	background:transparent;       /* this sets the drop-down menu background color */
}

.redmenu2 ul li a:hover ul li a.sfuonline {                   /* 2nd level unselected items (for IE6) */
	width:12.4em;
	font-size: 11pt;
}

.redmenu2 ul li:hover ul li a.sfuonline {                   /* 2nd level unselected items (for FireFox 1.5) */
	width:12.4em;
	font-size: 11pt;
}

.redmenu2 ul li:hover ul li:hover a,
.redmenu2 ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color: #ffffff;
	background: #b5111a;
}

#two_col_container {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	height: auto;
	/*background: #fff url(../images/lhsMenuBackground.gif) repeat-y; */
	margin: 0;
	z-index:0;
}

#two_col_container #single_col_container {
	position: relative;
	top: 0;
	width: 930px;
	padding: 0 0 0 25px;
	background-color: #ffffff;
	margin: 0;
	z-index:0;
}

#two_col_container #single_col_container p {
	padding: 0 1em 1em 0;
}

#two_col_container #left_col_container {
	position: relative;
	width: 590px;
	float: left;
	padding: 0;
	margin: 0;
}

#two_col_container #left_col_menu_container {
	position: relative;
	width: 170px;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 500;
	height: 110%;
	height: auto;
}

#two_col_container #right_col_container_with_lhs_menu a { /* This is required to fix a bug in Mozilla/FF where block level
												items within a div need to be positioned relative to the
												containing div and put above the z-index of the div */
	position: relative;
	z-index:2
}

#two_col_container #right_col_container_with_lhs_menu #upcoming_events {
	position: relative;
	float: left;
	width: 590px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

#two_col_container #right_col_container_with_lhs_menu #upcoming_events td {
	padding: 0 0 0 5px;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-left: 25px solid #ffffff; 
}

#two_col_container #right_col_container_with_lhs_menu #upcoming_events #upcoming_title {
	text-transform: uppercase;
	color: #ffffff; 
	background-color: #0054A6; 
	padding: 0;
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-left: 25px solid #4D88C1; 
}

.ue_date{
	color: #b5111a; 
	width: 80px;
	padding-right: 5px;
	vertical-align: top;
}

#two_col_container #right_col_container_with_lhs_menu #upcoming_events a{
	font-size: 9pt;
	line-height: 2;
	color: #0054A6;
	text-decoration: none;
}

#two_col_container #right_col_container {
	position: relative;
	top: 0;
	padding: 0;
	margin: 0;
}

#two_col_container #right_col_container_with_lhs_menu {
	position: relative;
	top: 0;
	padding: 0;
	margin: 0 0 0 200px;
	min-height: 0;
	height: auto;
	z-index:2
}


#two_col_container #right_col_container_with_lhs_menu p
{
	padding: 0 1em 1em 0;
}
#footer {
	/* A little trick I learned - makes the background color/image of the containing region repeat to include this item.*/
	position: relative;
	clear: both;
	width: 980px;
	margin-top: 0em;
	background-color: #bbbbbb;
	color: #ffffff;
	text-align: center;
	padding: 2px 0 5px 0;
	font-size: .85em;
	z-index: 0;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

.print_friendly {
	text-align:right; 
	font-size:9pt; 
	font-weight:normal; 
	padding:0 1em 2em 0;
	margin:0;
}
.page_heading1 {
	font-size:14pt; 
	color:#b5111a; 
	font-weight:bold; 
	float:left;
}
.page_heading2 {
	font-size:12pt; 
	color:#b5111a; 
	font-weight:bold; 
	float:left;
}
.blueheading {
	text-transform: uppercase;
	color: #ffffff; 
	background-color: #0054A6; 
	margin-right: 10px !important;
	padding: 0 10px 0 15px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5em !important;
	border-left: 25px solid #4D88C1; 
}