@media screen, projection, print {
.BeNiceToMacIE5 {  /* reveal @media rules to MacIE */
	font-family: "\"}\"";
	font-family: inherit;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 100%; /* avoids em sizing problems with IE */
}

/* default link colors */
a {
	background: #fff;
	color: #0000CC;
}
a:visited {
	background: #fff;
	color: #0000CC;
}
a:focus,
a:active,
a:hover {
	background: #fff;
	color: #32A347;
}

/*  Container centered in viewport */
#wrapper {
	position: relative;
	width: 766px;
	margin: auto;
	background: #32A347; /* green behind content area */
	color: #000;
	border-bottom: 5px solid #E8CB29; /* gold border */
	padding-bottom: 1px; /* avoid margin collapse */
}


/*  BEGIN Header */

#header {
	position: relative;
	width: 100%;
	background-color: #8AC752;
	color: #fff;
	border-bottom: 5px solid #E8CB29; /* gold border */
	margin-bottom: 5px;
	padding-bottom: 42px;
	min-height: 110px;   /* ~ banner images height */
}
#header h1 {
	margin: 0;
	padding: 0;
}

/*  Current Date in Header */
#todaysdate {
	position: absolute;
	width: 165px;
	right: 20px;
	bottom: 52px; /* next to "ONLINE" */
	font-size: 90%;
	background: #fff;
	color: #999;
}

/* top-level horizontal navigation (see also drop-down_menus.css) */
#headernav {
	position: absolute;
	top: 106px;   /* under banner images -- DD changed from 110px to 106px to tighten it up, 03-04-08 */
	left: 21px;   /* align left edge with banner */
	width: 730px;
	margin: 0;
	padding: 5px 0;
	height: 33px; /* height of button images */
	zoom: 1;      /* helps IE styling */
}


/* container for 2-column middle section */
#midsection {
	clear: both;
	width: 730px; /* bg img width */
	margin: auto;
	background: #fff url(images/midsection-bg-middle.gif) repeat-y;
	color: #000;
}
/* extra container for bg img across the top */
#midsection .inner {
	width: 100%;
	padding-top: 11px; /* bg img height */
	background-image: url(images/midsection-bg-top4.gif);
	background-repeat: no-repeat;
	overflow: hidden;  /* auto stretches float container */
	zoom: 1; /* auto stretch for IE */
}



/* left column */

#menubox .announcement {
	margin-left: 20px;
	margin-top:5px;
	font-weight:bold;
	font-size:18px;
}
#menubox .announcement a {
	color: #E60000;
	text-decoration: underline;
	display: block;
	padding: 5px 0;
	zoom: 1; /* helps IE styling */
}
#menubox .announcement a:hover {
	color: #FFFFFF;
}

#menubox {
	float: left;
	width: 205px; /* stay within left col */
}
#menubox h2 {
	position: absolute;
	top: -1px;
	left: -10px;
	width: 1px;   /* hide from view, but stay accessible */
	height: 1px;
	overflow: hidden;
	margin: 0;
}
#menubox ul {
	margin-top: 0;
	margin-left: 15px;  /* clear white border */
	padding-left: 15px; /* space for bullet marker */
	background-color: #B5CF30;
	color: #000;
	list-style-image: url(images/arrow_white.gif);
	margin-bottom: 10px;
}
#menubox li {
	margin-left: 0;
	padding-left: 0;
	border-top: 1px dotted #000;
	font-size: 85%;
	text-transform: uppercase;
	zoom: 1; /* for IE */
}
#menubox li.first {
	border-width: 0;  /* no border on 1st one */
}
#menubox li.normalCase {
	text-transform: none;
}

#menubox a {
	background-color: #B5CF30;
	color: #000;
	text-decoration:  none;
	display: block;
	padding: 5px 0;
	zoom: 1; /* helps IE styling */
}
#menubox a:hover {
	background-color: #B5CF30;
	color: #fff;
}


/* right column */
#pagebody {
	width: 507px; /* width of title area bg images */
	float: right;
}
#pagetitlebox {
	background-image: url(images/midsection-bg-header-middle4.gif);
	background-repeat: repeat-y;
	overflow: hidden; /* auto stretch float container */
	zoom: 1; /* auto stretch for IE */
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 6px 0px;
}
#dayshoursbox {
	float: right;
	margin-right: 6px; /* clear right purple border */
	width: 194px;
	display: inline;   /* for IE double margin bug */
}
#telfax,
#dayshoursemail {
	padding: 10px 0 10px 10px;
	font-weight: bold;
	font-size:85%;
}
#telfax span {
	background: #fff;
	color: #0584BB;  /* blue */
}
#dayshoursemail {
	border-top: 5px solid #841C75; /* purple divider */
}
#pagetitle {	
	float: left;	
	width: 275px;	
	margin: 0 10px 0 15px; /* space for day/hrs box */	
	padding: 0px 0px;	
	background: #E48229; /* orange */	
	color: #fff;
}
#pagetitle h2 {
	margin: 2px 0px 0px 0px;
	color: #fff;
/* uncomment this line to force lower case ->	text-transform: lowercase; */
	font-size: 150%;  /* change page title font size */
	font-weight: normal;
}

/* main content area */
#pagecontents {
	margin: -6px 0px 0px 0px;
	padding: 20px 15px 5px 15px; /* space for borders */
	background-image: url(images/midsection-bg-content-top4.gif);
	background-repeat: no-repeat;
	font-size: 85%;  /* Added by DD 03-04-08 to reduce content font size - was too big at 100% */
	overflow: hidden;
}



#footer {
	clear: both;  /* below longest column */
	width: 730px; /* bg img width */
	margin: 0 auto 15px auto;
	background: #fff url(images/midsection-bg-bottom.gif) left top no-repeat;
	color: #000;
	padding: 15px 0 1px 0; /* keep clear of bg image */
	font-size: 80%;
}
#footer ul {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
#footer li {
	display: inline;
}
#footer li a {
	padding: 0 10px;
	border-left: 1px solid #000;
}
#footer li.first a {
	border-width: 0;
	padding-left: 0;
}
#footer p {
	margin: 1em 10px;
	font-size: 85%; /* Added by DD 03-04-08 to reduce coopyright line */
}

#skiplinks {
	position: absolute;
	top: -10em;
	left: 0;
}


} /* end screen rules */


/* print only rules */
@media print {
#headernav,
#skiplinks {
	display: none;
}
#header {
	padding-bottom: 0; /* remove space reserved for navbar */
}
#todaysdate {
	bottom: 10px; /* reposition */
}

} /* end print only rules */