/* 
  -----------------------------------
			elemenno
  ===================================
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	background-color: #FFFFFF;
	color: #333333;
	margin: 0 0 24px 0;
	padding: 0;
}
#masthead {
	width: 690px;
	margin: 0 auto;
	padding: 12px 0 0;
}
#wrapper {
	margin: 0 auto;
	width: 690px;
	padding: 16px 0 0 0;
	background: url(images/rhodo.jpg) no-repeat left 73px;
}

/*Position is set to relative to work around bugs in IE5 Mac and Firefox Mac.*/
#menubar {
	background-image: url(../images/elements/hmenContainer.jpg);
	background-repeat: repeat-x;
	border: 1px solid #000000;
	background-color: #404040;
	font-size: 0.85em;
	position: relative;
	color: #CCCCCC;
}

/*This style represents a special DIV placed just inside the closing DIV tag
of menubar. This style allows the menubar background to extend to the full height
of the menu. DO NOT EDIT or remove this style or the DIV it represents in the page.*/
.clearcontent {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

#mainbox {
	width: 403px;
	margin: 24px 11px 0 95px;
	float: left;
	font-size: 0.85em;
}

#mainbox p {
	margin: 6px 0 12px 0;
}

#sidebox p {
	margin: 6px 0 12px 0px;
}

.section {
	padding: 0px 16px 0 0;
	margin-bottom: 0px;
	line-height: 1.5em;
}
.section2 {
	margin-bottom: 0px;
	line-height: 1.5em;
}

.sectionimg {
	padding: 0px;
}

h1, h2, h3, h4 {
	margin: 0;
	line-height: normal;
}

h1 {
	font-size: 1.7em;
	padding: 8px 0;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.4em;
	color: #6F0011;
	margin: 8px 0 0 0;
	padding: 0 0 14px 0;
}
h6 {
	font-size: 1.4em;
	text-align: center;
	color: #1D4880;
	margin: 12px 0 0 0;
	padding: 0 0 14px 0;
}

#sidebox {
	width: 178px;
	margin: 16px 0 0 0;
	float: left;
	font-size: 0.75em;
	border: 1px solid #6A6A6A;
	background-image: url(../images/elements/bgbeige.gif);
	background-repeat: repeat-y;
	background-color: #CEC494;
}

.sidesection {
	padding: 12px 20px;
	color: #404040;
}
.sideimage {
	padding: 0;
	font-size: .85em;
	color: #404040;
	text-align: center;
}

/*Clearing the float allows the footer to span both floated DIVs above it.*/
#footer {
	font-size: .75em;
	clear: both;
	padding-top: 12px;
	border-top: thin solid #666666;

}

/*-------- ENLARGED IMAGE PAGES --------*/
#bigpic {
	font-size: 0.9em;
	color: #404040;
	text-align: center;
	background: #FFFFFF;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
}

/*.bigpic {
	font-size: .9em;
	color: #333333;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
*/
#bigpic a:link {
	color: #666699;
}
#bigpic a:visited {
	color: #6666CC;
}
#bigpic a:hover, #bigpic a:active, #bigpic a:focus {
	color: #000000;
}


/*-----PAGE LINK STYLES --------*/
/*We assign specific link styles for links based upon the element that contains them.*/
#mainbox a:link, #footer a:link {
	color: #1D4880;
}
#mainbox a:visited, #footer a:visited {
	color: #6666CC;
}
#mainbox a:hover, #mainbox a:active, #mainbox a:focus,
#footer a:hover, #footer a:active, #footer a:focus {
	color: #000000;
}
.sidesection a:link, .sidesection2 a:link, .sideimage a:link {
	color: #000000;
}
.sidesection a:visited, .sidesection2 a:visited, .sideimage a:visited {
	color: #666666;
}
.sidesection a:hover, .sidesection a:active, .sidesection a:focus,
.sidesection2 a:hover, .sidesection2 a:active, .sidesection2 a:focus,
.sideimage a:hover, .sideimage a:active, .sideimage a:focus {
	color: #003399;
}


#p7PMnav a {border-right: 1px solid #777777;}

/*IE5 hack (MAC ONLY) The single backslash \ character inside this
comment causes IE5 Mac to ignore the following rule, which allows other browsers
to render top-level menu items at their natural widths.
DO NOT EDIT THIS COMMENT or the following rule. This rule should remain last in
this style sheet.*/
#p7PMnav li {
	width: auto;
}