body {
	font-size: 100%;
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #FFF;/*shorthand has been used where possible this is equivalent to #FFFFFF*/
	margin: 0;/*units are not necessary for 0 values, though Dreamweaver would insert units.*/
	padding: 0;
	text-align: center;
	color: #000;/*default text colour for all pages*/
}

a {	color: #000;/*default text colour for all pages*/
	}

#container {/*applies to container div to give width and dotted margin*/
	width: 776px;
	margin: 0 auto 0; 
	padding: 0;
	text-align: left;
	border: 1px #BCD dotted;
}
img {/*to set the default for images to have no border*/
	border: 0px none;
}
#searchForm {
	text-align: center;
	margin-bottom: 89px;
}
#layoutTable {
	width: 776px;
}
td { /*default for all table cells*/
	text-align: left;
	margin: 0;
	padding: 0;
}
td#searchArea {/*to force the width*/
	width: 213px;
}
td#header {/*to force the width*/
	width: 525px;
}
td#rightSpacer {/*to force the width*/
	width: 36px;
}
#logoCell {/*to force the height, for the cell with the MM&S logo*/
	height: 63px;
}
#navigation {
	font-size: 75%;
	padding-top: 24px;
}
#navigation li a:hover {/*Gives the highlight to the menu items on rollover*/
	color: #000;
	background-color: #8DE;
}
#navigation a, #navigation a:visited, #navigation a:active {/*keeps the colour, and removes the underline*/
	color: #000;
	text-decoration: none;
}
ul#sectionList  {/* used in departments list */
	padding: 0;
	margin: 0;
}
#sectionList li {/* used in departments list */
	list-style: none;
	font-size: 75%;
	padding: 0;
	margin: 0;
	line-height: 170%;
}
#logo {/*to position the logo within its table cell*/
	margin: 11px 0 0 17px;
}
#searchArea {
	background:  url('http://client.mms.co.uk/images/leftImageArrow.gif') no-repeat top right;/*for the arrow in the box*/
	width: 215px
}
#header {
	height: 110px;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 145%;
	font-weight: normal;
	padding-left: 27px;
	padding-top: 78px;/*top padding and line height are BOTH required to set positioning of heading*/
	line-height: 1;
	color: #555;
}
#mainContentCell {/*to maintain a space below the content, before the links at the bottom, this is applied to the main content cell*/
	padding-bottom: 17px;
}
#mainContentWrapper {/*for the border round the maintent cell*/
	display: block;
	border: dotted 1px #BCD;
	border-top: none;
}
#footer {/*the bootom panel with light blue background*/
	height: 46px;
	background-color: #8DE;
	margin-top: 18px;
}
#footer p {
	font-size: 75%; /*was 60%*/
	color: #000;
	text-align: center;
	padding-top: 16px;
}
#footer a, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #000;
}
#footer a:hover {
	text-decoration: underline;
}
#mainContent {/*the main content div of the table*/
padding: 11px 20px 12px 27px;
	color: #000;
}
#mainContent p.intro {/*this is intro paragraph*/
	font-size: 75%;
	color: #002569;
}
#mainContent p.clientquote {/*this is client quote paragraph*/
	font-size: 75%;
	padding: 0;
	margin: 0;
	color: #002569;
	font-style: oblique;
	padding-left: 20px;
	padding-right: 50px;
}
#mainContent p.clientname {/*this is client name paragraph*/
	font-size: 80%;
	padding: 0;
	margin: 0;
	color: #002569;
	text-align: right;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 40px;
	padding-right: 60px;
}
#mainContent h2 {/*this is effectively the title of the article*/
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #002569;
}

#mainContent h3 {/*this is effectively the title of the article*/
	font-size: 85%;
	padding: 0;
	margin: 0;
	color: #000;
}
#mainContent h4 {/*this is effectively the title of the article*/
	font-size: 75%;
	padding: 0;
	margin: 0;
	color: #000;
}
#mainContent h5 {/*this is effectively the title of the article*/
	font-size: 75%;
	padding: 0;
	margin: 0;
	color: #000;
}

#mainContent h6 {/*this is effectively the title of the article*/
	font-size: 75%;
	padding: 0;
	margin: 0;
	color: #000;
}
#mainContent p, .panel p, #logoCell p {/*the main body text of the page and the body text on the home page*/
	font-size: 75%;/*was 70%*/
	margin: 3px 0 0 0;
}
#searchArea p {/*really only used for text within the search area*/
	font-size: 75%;
	/*margin: 3px 3px 0 15px;*/
	color: #000;
}
#searchArea h2 {
	font-size: 75%;
	margin-left: 15px;
	color: #000;
}
#mainContent li {
	font-size: 75%;
}
#mainContent li p {
	font-size: 100%; /*otherwise it comes out at 75% of 75% */
}

#mainContent p {
    padding-bottom: 1em;
}

#mainContent li li{
	font-size: 100%; /*otherwise it comes out at 75% of 75% */
}

#mainContent li li li{
	font-size: 100%; /*otherwise it comes out at 75% of 75% */
}

#mainContent li h3{
	font-size: 100%; /*otherwise it comes out at 75% of 75% */
}

#mainContent li h4{
	font-size: 100%; /*otherwise it comes out at 75% of 75% */
}

#mainContent li li h3{
	font-size: 100%; /*otherwise it comes out at 75% of 75% */
}

#mainContent hr
{
    color: #BCD;
    height: 1pt;
}

#mainContent a {
	color: #3333CC;
	text-decoration: none;
}

#mainContent span {
	color: #000;
	text-decoration: none;
}

#mainContent a:hover {
	text-decoration: underline;
}

#mainContentFooter {/*for the area with print, email links etc.*/
	height: 34px;
	border-right: dotted 1px #BCD;
	border-bottom: dotted 1px #BCD;
	border-left: dotted 1px #BCD;
	/*Note no top border*/
	padding-top: 9px;
}


#dataTable {
	font-size: 75%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;/*units are not necessary for 0 values, though Dreamweaver would insert units.*/
	padding: 0;
	text-align: left;
	color: #000;/*default text colour for all pages*/
	width: 89%;
	valign: top;
}

#dataTable td {
	text-align: center;
	border-right: dotted 1px #BCD;
	border-bottom: dotted 1px #BCD;
	border-left: dotted 1px #BCD;
	border-top: dotted 1px #BCD;
	}	

#dataTable th {
	border-right: dotted 1px #BCD;
	border-bottom: dotted 1px #BCD;
	border-left: dotted 1px #BCD;
	border-top: dotted 1px #BCD;
	color: #FFF;
	background-color: #1F4A82;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}	

#dataTable th#blank {
	border-right: dotted 1px #BCD;
	border-bottom: dotted 1px #BCD;
	border-left: dotted 0px #BCD;
	border-top: dotted 0px #BCD;
	background-color: #FFF
	}	

#dataTable p {
	text-align: left;
	font-size: 100%
	}	

#dataTable caption { caption-side: bottom; 
    width: auto;
    font-weight: bold;
    font-size: 145%;
	font-weight: normal;
	padding-bottom: 17px;
	line-height: 1;
	color: #555; }

#mainContentFooter ul {/*used since the navigation is inside a list*/
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainContentFooter li {/*used since the navigation is inside a list*/
	display: inline;
	padding: 0;
	font-size: 75%;
}
#mainContentFooter img {
	vertical-align: middle;
}
#mainContentFooter a {
	text-decoration: none;
}
#mainContentFooter a:hover {
	text-decoration: underline;
}
#home {/*to get the spacing of the links correct*/
	margin-left: 14px;
}
#print {/*to get the spacing of the links correct*/
	margin-left: 126px;
}
#printArticle {/*to get the spacing of the links correct*/
	margin-left: 89px;
}
#email {/*to get the spacing of the links correct*/
	margin-left: 12px;
	margin-right: 120px;
}
#emailArticle {/*to get the spacing of the links correct*/
	margin-left: 12px;
	margin-right: 68px;
}
#back {/*to get the spacing of the links correct*/
	margin-left: 0;
}
#searchArea ul {/*For a list of links within the area on the left, as in graduates page*/
	list-style: none;
	margin-left: 17px;
}
#searchArea ul li {/*For a list of links within the area on the left, as in graduates page*/
	font-size: 75%;
	padding-top: 1em;
}
#searchArea li img{/*applies to the arrows which come after the link title*/
	vertical-align: baseline;
}
#searchArea a, #searchArea a:visited {/*For a list of links within the area on the left, as in graduates page*/
	text-decoration: none;
	color: #000;
}
#searchArea a:hover{/*For a list of links within the area on the left, as in graduates page*/
	text-decoration: underline;
}
#searchArea p {
	font-size: 75%;
}
#leftText {
	padding: 20px 20px 0px 20px;
	margin: 0px;
}
#searchText {/*the input box for the search form*/
	width: 98px;
	height: 15px;
	border: 1px solid #DDD;
	font-size: 90%;
}
#btnGo {/*The Go button for the search box*/
	vertical-align: bottom;
}
#searchLabel {/*The label which is required for the search form*/
	font-size: 75%;/*was 70%*/
	padding: 2px;
	color: #000;
}
/* menu styling, #nav is the id of the ul which contains all the nav links*/
#nav, #nav ul { 
margin: 0pt; 
padding: 0pt; 
list-style-type: none; 
list-style-image: url('http://client.mms.co.uk/Wisemans2/css/none'); 
list-style-position: outside; 
line-height: 1.4
}
#nav a { 
display: block; 
}
#nav img {
	vertical-align: middle;
}
#nav li { 
float: left; 
margin: 0pt ; 
padding: 0 9px; 
 }

#nav li ul { 
background: white none repeat scroll 0%; 
position: absolute; 
-moz-background-clip: initial; 
-moz-background-origin: initial; 
-moz-background-inline-policy: initial; 
width: 20em; /*required or menu moves into columns*/
left: -999em; 
z-index: 999;
border: 1px solid #CCC;
}

#nav li:hover ul, #nav li.sfhover ul { left: auto; }/* li.sfhover is required for the menus - do not remove */

#nav li ul li {
	width: 20em;
	padding: 0;
	line-height: 1.5;
}
/*following section must be after other nav styling, applies specifi widths to specific menus*/
/*change the widths of the menus to suit the text content*/
/*note that ems are used so the menu resizes if the text is resized*/
/*departmenstMenu doesn't have a style on it will use the default size*/
/*note that this has been setup to allow every menu to be a different width to fit the content, if
	several menus are the same width, there rules could be removed and a rules added for departmentsMenu
	the smenus would then use the style from the default rules set in 2 places above
	#nav li ul li and #nav li ul , both initially set to 20em */
#nav li ul#servicesMenu li, #nav li ul#knowHowMenu {/*appears twice to nclude the border, and the rolllover highlight colour*/
	width: 24em;
}
#nav li ul#infoLibMenu li, #nav li ul#planningMenu {/*used to set the correct menu width, and for highlighting*/
	width: 18em;
}

#nav li ul#peopleMenu li, #nav li ul#peopleMenu {/*used to set the correct menu width, and for highlighting*/
	width: 14em;
}
#nav li ul#reportsMenu li, #nav li ul#reportsMenu {/*used to set the correct menu width, and for highlighting*/
	width: 12em;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}
	
.btn {
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #8de;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #77787C;
  text-decoration: none;
}
	
/*debug
elements which were once used, but no longer in use
#navigation span {
	visibility: hidden;
}
#navigation p {
	margin: 0;
	padding: 0;
	color: #000;
}
#mainContentPanel {	
	margin: 0;
	padding: 0;
}
#mainContentBox {
	width: 525px;
	margin: 0;
	padding: 0;
}
#mainContentMinHeight {
	height: 300px;
	float: right;
}
#header h1 {
	margin: 0;
	padding: 0;
	font-size: 120%;
}
#leftArea {/*the area left of the main content*
	height: 355px;
	width: 215px;
}

*/