/* version 3 (MRB 27May10: styling changes, tables changed to divs) */

/* basic layout */

html             {overflow-x: auto; overflow-y: scroll}
body             {width: 762px; margin: 0 auto; padding: 0; background-color: #FFFAF4} /* cream */
body             {font-family: arial,tahoma,verdana,helvetica; font-size: 12px}
div#topbar       {padding: 20px 0 25px}
img#slogan       {float: right}
div#breadcrumbs  {margin-top: 10px}
div#sidebar      {width: 158px; float: left}
img#est1894      {margin: 10px}
div#body-content {width: 584px; float: left; padding-left: 20px}
div#footer       {clear: both; padding: 10px 0 5px; text-align: center}
div#backtotop    {text-align: right}
div#footer2      {margin: 5px 0}

/* other template features */

img#banner        {border: 1px solid #BDB76B} /* yellow/green */
div#backtotop img {vertical-align: bottom; margin-right: 10px}
div#footer a      {font-weight: bold}
div#backtotop a   {color:red; text-decoration:none}

/* body content */

#body-content {
	line-height: 18px;
	text-align:justify;
	overflow: visible; /* this shouldn't be necessary but stops IE6 wrongly sizing justified paragraphs containing bold or italics - MB */
	}
.body-content H1 {
	color:#006600; /* dark green */
	font-size: medium;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	}
.body-content H2 {
	font-size: medium;
	color: black;
	text-align: left;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}	
.body-content H3 {
	font-size: small;
	color: #006600; /* dark green */
	text-align: left;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	}
.imgRight {
	float: right;
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #009900; /* bright green */
	border: 2px solid #006600; /* dark green */
	margin: 10px 10px 10px 10px;
	font-weight: bolder;
}
.imgfloatleft {
	float: left;
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #009900; /* bright green */
	border: 2px solid #006600; /* dark green */
	margin: 10px 10px 10px 10px;
	font-weight: bolder;
}
.imgLeft {
	padding: 5px 5px 5px 5px;
	text-align: center;
	color: #009900; /* bright green */
	border: 2px solid #006400;  /* dark green */
	margin: 10px 10px 10px 10px;
	font-weight: bolder;
}
a {
  color:#006600;  /* dark green */
	}
.footer {
	color:#006600; /* dark green */
	}
.bullet {
	padding-left: 20px;
	background-image:url("/images/bullet.jpg");
	background-repeat:no-repeat;	
	}
.nobullet {
	padding-left: 20px;
	}

#body-content a:visited {color: #501414} /* dark brown */

body.contentonly                  {width: auto}
body.contentonly div#topbar       {display: none}
body.contentonly div#sidebar      {display: none}
body.contentonly div#footer       {display: none}
body.contentonly div#body-content {width: auto}