html { height: 100%; }
body { min-height: 100%; height: 100%; }

/* some global styles for the entire site */
body
{
	font-size: 100%;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	background-image: url(../images/rhoda_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: /*#cdcfaa;*/#a9d799;
	margin: 0px;
	border:0;			/* This removes the border around the viewport in old versions of IE */
}

a {
text-decoration: none;
color: #5d822c;
}

a:hover {
text-decoration: underline;
}

/*main container for the home page */
#main {
width: 840px;
border-bottom: 1px solid #b0b0b0;
margin-left: auto;
margin-right: auto;
width: 818px;
background-color: #80B756;

background-image: url(../images/side_bar.jpg);
background-repeat: repeat-x;
background-position: left top;

display: inline-block; /*sets hasLayout - required for IE*/
display: block; /*resets to proper property value without resetting layout*/
overflow: auto; /*causes modern browsers to enclose child floats*/ 
}

/* this is the div that houses all the goodies */
#inner
{
position: relative;
border-left: 1px solid #b0b0b0;
border-right: 1px solid #b0b0b0;
width: 800px;
padding: 0px;
overflow: auto;
background-color: white;
margin-left: 8px;
clear: both;
}

#header {
text-align: left;
background-image: url(../images/rhoda_header.jpg);
clear:both;
float:left;
width: 760px;
overflow: hidden;
border: 0px solid #000000;
padding-left: 40px;
padding-top: 20px;
padding-bottom: 5px;
}

/*formatting for the large text in the header */
.header_title {
font-size: 1.3em;
font-weight: 500;
margin-bottom: 0px;
}

#header pre {
font-family: "Times New Roman", Times, serif;
font-style: italic;
font-size: .9em;
margin-left: 20px;
}

/*grey menu bar formatting */
#menubar {
float: left;
position: relative;
width: 760px;
background-color: #514D54;
border-bottom: 0px dashed #87818C;
color: #FFFFFF;
text-align: left;
padding: 2px 0px 3px 40px;
font-size: .9em;
}

#menubar ul {
margin: 0px;
padding: 0px;
}

#menubar li {
list-style: none;
display:inline;
padding: 0px 7px 0px 0px;
/*background-color: red;*/
}

#menubar a {
text-decoration: none;
color: #FFFFFF;
}

#menubar a:hover {
text-decoration: none;
color: aqua;
}

#menubar a:visited {
text-decoration: none;
color: #999999;
}

.menu_divider {
color: aqua;
}


/* NEW grey menu bar formatting ADDED IN BY MS JUNE 2011 */
#menubar_lower {
float: left;
position: relative;
width: 760px;
background-color: #514D54;
border-bottom: 1px dotted #87818C;
color: #FFFFFF;
text-align: left;
padding: 2px 0px 4px 40px;
font-size: .9em;
}

#menubar_lower ul {
margin: 0px;
padding: 0px;
}

#menubar_lower li {
list-style: none;
display:inline;
padding: 0px 7px 0px 0px;
/*background-color: red;*/
}

#menubar_lower a {
text-decoration: none;
color: #FFFFFF;
}

#menubar_lower a:hover {
text-decoration: none;
color: aqua;
}

#menubar_lower a:visited {
text-decoration: none;
color: #999999;
}


/*second grey menu bar formatting */
#menubar_two {
float: left;
position: relative;
width: 760px;
background-color: #645f67;
border-bottom: 2px solid #87818C;
color: #FFFFFF;
text-align: left;
padding: 2px 0px 2px 40px;
font-size: .8em;
}

#menubar_two ul {
margin: 0px;
padding: 0px;
}

#menubar_two li {
list-style: none;
display:inline;
padding: 0px 7px 0px 0px;
/*background-color: red;*/
}

#menubar_two a {
text-decoration: none;
color: #FFFFFF;
}

#menubar_two a:hover {
text-decoration: none;
color: aqua;
}

#menubar_two a:visited {
text-decoration: none;
color: #999999;
}

/* the innermost div, which holds the body copy. This will be editable by the CMS */
#copy {
float: left;
width: 700px;
padding: 40px;
text-align: left;
color: #000000;
border: 0px solid black;
margin: 0px;
overflow: visible;
height: 100%;
}

#copy img {
margin-left: 20px;
margin-bottom: 20px;
border: 1px solid #b0b0b0;
}

#footer {
text-align: center;
float: left;
width: 100%;
border-top: 1px solid #b0b0b0;
padding: 0px;
padding-top: 10px;
margin-top: 20px;
color: #2d7f78;
}

/*transparent background goes around the "inner" div and creates the thick stripes on the left and right */
/*#stripe_background {
position: relative;
padding-left: 10px;
padding-right: 10px;
position: absolute;
border: 1px solid blue;
width: 818px;
overflow: auto;
background-color: #80B756;*/

/*filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
z-index: 1;*/
/*}*/