body {
	margin: 0 0 1em 0;
	padding: 0;
	color: black;
	background-color: #E6E9F4;
	line-height: 130%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	text-align: center;
}

#outerheader {background: #041424; } 

#header {
	background: url('Images/MtClements.jpg') right no-repeat;
	width: 75%;
	height: 125px;
	line-height: 125px;
	margin: 0 auto;
	text-align: left;
	font-size: 18px
}

#header h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 100%;
	padding-left: 10px;
	letter-spacing: -1px;
}

#outermenu {
   	float: left;
	width: 100%;
}

#menu {
	width: 75%;
	background:  url('Images/menu-background2.png') top left repeat-x;
	height:30px;
	margin: 0 auto;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #2C62DC;
	border-right: 1px solid #2C62DC;
	width: 100%;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
    background: #0D44D2 url('Images/menu-background2.png') top left repeat-x;
	padding: 0.25em 1em;
		color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #0D44D2;
}

#menu a:hover {
	background:  url('Images/menu-hover2.png') repeat-x;
	color: #ffac06;
}

.content {
	width: 73%; /* 73% because it has 1% padding on each side, which brings it to 75% wide */
	margin: 0 auto;
	padding: 3.5em 1% 20px 1%;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background: white;
	font-size: 90%;
	text-align: left;
}

.content p{  
   margin-left: 24pt;
   margin-right: 32pt;
 }
 
 .content h2 {
    margin-left: 20pt;
    margin-right: 12pt;
	color: #000000;
	padding-bottom: 3px;
	border-bottom: 1px solid #a0c80e;
	font-size: 120%;
	letter-spacing: -1px;
}

.content h4 {
   margin-left:20pt;
   margin-right:12pt;
   color: #000000;
   padding-bottom: 3px;
   border-bottom: 1px solid #a0c80e;
   font-size: 100%;
   letter-spacing: -1px;

}

.content h5 {
   margin-left:20pt;
   margin-right:12pt;
   color: #000000;
   font-size: 100%;
   letter-spacing: -1px;
   margin-bottom: -12px;
}


.content ul
  {
    margin-left:6pt;
  }
  
.content form
{
   margin-left: 24pt;
} 

.content a:link, a:visited {
	color: #0000FF;
	text-decoration: none;
}

.content a:hover {
	color: #8DAE16;
	text-decoration: underline;
}

#news {
   color: #000000;
   font-size: 10pt;
   font-weight:bold;
   letter-spacing: -1px;
  }
* html #content { padding-top: 1.8em; } /* Set padding top in IE to 20px */

#footer {
	margin: 0 auto;
	width: 80%;
	text-align: center;
	color: black;
	font-family:verdana,arial,sans-serif;
	font-size:8pt;
	padding-bottom: 1px;
	border-top: 1px solid #a0c80e;
	padding-top: 3px;
	margin-bottom:-12px;
}

.share.{
text-align: right;
}