/*---------- MMS stylesheet ----------*/

body {
margin:5px 0;
padding:0;
background-color:#ffffff;
color:#333333;
text-align:center; /* to center page in IE 5 pc */
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:100%;
}

p {
font-size:70%;
margin:0 0 15px 0;
padding:0;
}

img {
border:none;
}

a, a:visited {
text-decoration:none;
color:#993399;
}

h2 {
margin:0 0 5px 0;
padding:10px 0 0 0;
font-size:70%;
font-weight:bold;
}

.clear {
clear:both;
}

#wrapper {
width:800px;
margin:0 auto;
text-align:left; /* to override the above hack */
}

#header {
width:759px;
height:68px;
padding:5px 22px 3px 19px
}

#headerTrim {
width:800px;
height:4px;
background:url('../img/headerTrim.gif') no-repeat;
}

/* for Mozilla/Safari/Opera */
*>#contentMinHeight {
padding-top:200px;
min-height:1px;
background:url('../img/bgdTile.gif') repeat-y; 
}

*>#contentMinHeight #content {
margin-top:-200px; 
}

/* for IE, with IE5/Mac backslash filter \*/
* html #contentMinHeight {
height:200px;
background:url('../img/bgdTile.gif') repeat-y; 
}
/* end filter */ 

#mmsLogo {
width:200px;
height:68px;
float:left;
margin-right:170px;
/* hide from IE mac \*/
margin-right:180px;
/* end hiding from IE5 mac */
}

#verySmartPeople {
width:377px;
height:19px;
padding-top:30px;
float:left;
}

#mainNav {
width:131px;
color:#000066;
font-size:70%;
font-weight:bold;
float:left;
padding-right:4px;
}

#mainNavAdverts {
margin-left:3px;
}

ul {
margin-bottom:15px;
margin-top:0;
}

li {
font-size:70%;
margin:0;
padding:0;
margin-left:-25px;
line-height:1.26em;
}

#mainNav ul {
padding:0;
margin:0 0 27px 0;
}

#mainNav li {
list-style-type:none;
padding-bottom:1px;
margin-left:0;
}

#mainNav #homeNav a {
background:url(../img/homeNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #homeNav a:hover {
background-position:0 -17px;
}  

#mainNav #aboutUsNav a {
background:url(../img/aboutUsNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #aboutUsNav a:hover {
background-position:0 -17px;
}  

#mainNav #complianceNav a {
background:url(../img/complianceNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #complianceNav a:hover {
background-position:0 -17px;
} 

#mainNav #accountingNav a {
background:url(../img/accountingNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #accountingNav a:hover {
background-position:0 -17px;
}   

#mainNav #authorisationNav a {
background:url(../img/authorisationNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #authorisationNav a:hover {
background-position:0 -17px;
}

#mainNav #otherServicesNav a {
background:url(../img/otherServicesNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #otherServicesNav a:hover {
background-position:0 -17px;
} 

#mainNav #ourNetworkNav a {
background:url(../img/ourNetworkNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #ourNetworkNav a:hover {
background-position:0 -17px;
} 

#mainNav #complianceUpdatesNav a {
background:url(../img/complianceUpdatesNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #complianceUpdatesNav a:hover {
background-position:0 -17px;
} 

#mainNav #getInTouchNav a {
background:url(../img/getInTouchNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #getInTouchNav a:hover {
background-position:0 -17px;
} 

#mainNav #downloadsNav a {
background:url(../img/downloadsNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #downloadsNav a:hover {
background-position:0 -17px;
} 

#mainNav #usefulExtrasNav a {
background:url(../img/usefulExtrasNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #usefulExtrasNav a:hover {
background-position:0 -17px;
} 

#mainNav #brochureNav a {
background:url(../img/brochureNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #brochureNav a:hover {
background-position:0 -17px;
} 

#mainNav #careersNav a {
background:url(../img/careersNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #careersNav a:hover {
background-position:0 -17px;
} 

#mainNav #membersAreaNav a {
background:url(../img/membersAreaNav.gif) no-repeat;
display:block;
height:0px !important; /* for most browsers */
height /**/:17px; /* for IE5.5's bad box model */
margin:0;
overflow:hidden;
padding:17px 0 0 0;
width:131px;
}
 
#mainNav #membersAreaNav a:hover {
background-position:0 -17px;
} 

.navArrow {
float:left;
margin-right:6px;
padding-top:4px;
}

#mainContent {
float:left;
width:476px;
padding-right:4px;
}

#complianceHeader {
height:164px;
width:476px;
}

#complianceH1 {
margin:0 0 10px 0;
padding:0;
}

#aboutUsH1 {
margin:0 0 10px 0;
padding:0;
}

#authorisationH1 {
margin:0 0 10px 0;
padding:0;
}

#accountingH1 {
margin:0 0 10px 0;
padding:0;
}

#brochureH1 {
margin:0 0 10px 0;
padding:0;
}

#complianceH1 {
margin:0 0 10px 0;
padding:0;
}

#downloadsH1 {
margin:0 0 10px 0;
padding:0;
}

#usefulLinksH1 {
margin:0 0 10px 0;
padding:0;
}

#getInTouchH1 {
margin:0 0 10px 0;
padding:0;
}

#otherServicesH1 {
margin:0 0 10px 0;
padding:0;
}

#ourNetworkH1 {
margin:0 0 10px 0;
padding:0;
}

#careersH1 {
margin:0 0 10px 0;
padding:0;
}

#membersH1 {
margin:0 0 10px 0;
padding:0;
}

#becomeMemberH1 {
margin:0 0 10px 0;
padding:0;
}

#membersAreaH1 {
margin:0 20px 10px 0;
padding:0;
float:left;
}

#adminH1 {
margin:0 20px 10px 0;
padding:0;
float:left;
}

#copy {
padding:13px 51px 0 16px;
width:409px;
}

.staffCopy {
padding:13px 51px 0 16px;
width:409px;
}

.introCopy {
color:#000066;
}

.printArea {
margin:20px 0 0 300px;
width:100px;
}

.printButton {
float:left;
margin-right:4px;
}

.printCopy {
float:left;
font-size:55%;
color:#669999;
padding-top:3px;
margin-bottom:10px;
}

.horizontalDivider {
height:4px;
width:476px;
}

#contactUs {
padding:0 41px 0 16px;
width:407px;
margin-top:14px;
}

#contactUsCopy {
float:left;
padding-top:4px;
margin:0;
width:352px;
padding-left:29px;
}

.contactUsHeader {
font-size:100%;
color:#993399;
margin:0;
font-weight:normal;
padding-bottom:3px;
}

.contactUsText {
font-size:90%;
margin:0;
}

.contactUsLink {
color:#993399 !important;
}

.bigArrow {
background:url('../img/bigArrow.gif') no-repeat;
height:21px;
width:21px;
float:left;
margin-right:5px;
}

.linkCopy {
float:left;
font-size:55%;
color:#669999 !important;
padding-top:3px;
}

#jargonArea {
width:185px;
float:left;
}

#jargonHeader {
height:24px;
width:185px;
margin:0;
padding:0;
}

#whatWeDoHeader {
height:24px;
width:185px;
margin:0;
padding:0;
}

.whatWeDoHeading {
color:#993399;
margin:0;
padding:0;
font-size:70%;
}

#whatWeDoCopy {
padding:9px 9px;
color:#666666;
}

.whatWeDoLink {
color:#993399 !important;
}

#jargonCopy {
padding:9px 9px;
color:#333333;
}

.jargonHeading {
color:#993399;
margin:0;
padding:0;
font-size:70%;
}

#footer {
margin-top:4px;
margin-left:290px;
height:25px;
}

#footerLogo {
float:left;
margin-right:14px;
}

#footerNav {
float:left;
padding:6px 0;
margin-right:10px;
font-size:60%;
}

#footerNav ul {
margin:0;
padding:0;
}

#footerNav li {
float:left;
font-size:100%;
margin-right:8px;
margin-left:0;
}

#footerCopy {
padding:6px 0;
font-size:60%;
float:left;
margin-right:10px;
}

.footerLink {
color:#999999 !important;
}

#footerTrim {
background:url('../img/footerTrim.gif') no-repeat;
height:21px;
width:800px;
}

#peopleAnim1 {
width:238px;
height:221px;
float:left;
}

#peopleAnim2 {
width:210px;
height:221px;
float:left;
}

#mfidAnim1 {
width:260px;
height:221px;
float:left;
background:url('../img/xmas-right.jpg') no-repeat;
}

#mfidAnim1Text {
padding-top:70px;
color:#ffffff;
padding-right:15px;
}

#mfidAnim2 {
width:216px;
height:221px;
float:left;
}

#facesBehind {
background-color:#7a837e;
color:#ffffff;
width:476px;
}

#facesBehindLeft {
float:left;
width:195px;
padding:7px;
}

#facesBehindRight {
float:left;
width:267px;
}

.facesBehindLink {
color:#99cccc !important;
}

#facesBehindHeader {
height:45px;
width:174px;
margin:0 0 7px 0;
padding:0;
}

.staffPhoto {
float:left;
margin-right:20px;
margin-top:5px;
}

.staffContactInfo {
float:left;
margin-top:20px;
}

.staffProfile {
margin-bottom:20px;
}

#termsHeader {
font-size:80%;
margin-bottom:20px;
}

#christmasCopy {
padding:13px 51px 0 16px;
width:409px;
}

#christmasCopy h2 {
font-size:90%;
color:#003366;
}

.hereToHelp {
background:url('../img/hereToHelp.gif') no-repeat;
width:157px;
height:24px;
text-indent:-100em;
overflow:hidden;
}

#usefulLinksList {
margin-top:0;
padding-top:0;
padding-left:50px;
}

* html #usefulLinksList {
padding-left:15px;
}

.loginInputArea {
height:30px;
}

.loginInputLabel {
width:75px;
float:left;
font-size:70%;
padding-top:3px;
}

.loginInputBox {
width:160px;
float:left;
font-size:70%;
}

a.loginLink {
display:block;
font-size:70%;
margin-top:10px;
text-decoration:underline;
color:#000066;
}

#membersArea {
color:#000066;
width:400px;
}

#enterButton {
float:right;
margin-bottom:20px;
}

.backLink {
float:left;
font-size:55%;
color:#669999;
padding-top:3px;
margin-bottom:10px;
margin-right:20px;
}

.homeLink {
float:left;
font-size:55%;
color:#669999;
padding-top:3px;
margin-bottom:10px;no so
}

.membersPrintArea {
float:right;
}

.membersPrintButton {
float:left;
margin-right:4px;
}

.membersPrintCopy {
float:left;
font-size:55%;
color:#669999;
padding-top:3px;
margin-bottom:10px;
margin-right:20px;
}

.loginInputError {
color:#FF0000;
font-size:70%;
float:left;
margin-left:5px;
}

.loginInputErrorArea {
color:#FF0000;
font-size:70%;
margin-left:5px;
margin-top:10px;
}

#membersWelcomeBack {
float:left;
font-size:70%;
margin-right:20px;
padding-top:8px;
padding-left:2px;
}

#membersLogout {
float:left;
font-size:70%;
padding-top:8px;
}

#docSorterArea {
width:185px;
float:left;
}

#docSorterHeader {
height:24px;
width:185px;
margin:0;
padding:0;
}

.docSorterHeading {
color:#993399;
margin:0;
padding:0;
font-size:70%;
}

#docSorterCopy {
padding:9px 9px;
color:#666666;
font-size:100%;
}

.docSorterLink {
color:#993399 !important;
}

#docSorterBody {
padding:5px;
}

.docSorterText {
color:#666666;
}

.docArea {
margin-bottom:15px;
font-size:70%;
}

.docHeader {
font-size:120%;
font-weight:bold;
}

.docDescription {
color:#666666;
}

a.docDownload {
display:block !important;
color:#000066 !important;
text-decoration:underline !important;
}

#membersCopy {
padding:13px 16px 0 16px;
}

a.adminLink {
display:block;
font-size:70%;
margin-top:10px;
text-decoration:underline !important;
color:#000066 !important;
margin-bottom:25px;
}

a.adminLink2 {
display:block;
font-size:70%;
margin-top:10px;
text-decoration:underline !important;
color:#000066 !important;
margin-bottom:15px;
}

#membersApproved {
font-size:90%;
}

.adminNav {
margin-bottom:15px;
float:right;
font-size:70%;
}

* html .adminNav {
margin-bottom:0;
}

a.adminPage {
margin-right:10px;
color:#000066;
}

.adminPage {
margin-right:10px;
}

#adminPageSelected {
color:#91278f;
text-decoration:underline;
}

.memberDetails {
font-size:70%;
margin-bottom:20px;
}

.adminLabel {
color:#666666;
}

#adminEdit, #adminDelete {
margin-right:30px;
}

.adminMargin {
margin-right:20px;
}

.adminLabel a {
text-decoration:underline !important;
color:#333333 !important;
}

#createNewH1 {
font-size:90%;
}

.addMemberBtn {
float:right;
margin-bottom:18px;
}

.adminSideLink {
color:#993399 !important;
display:block;
margin-bottom:10px;
font-size:70%;
text-decoration:underline !important;
}

#adminSideCopy {
padding:9px 5px;
color:#666666;
font-size:100%;
}

.docInputArea {
margin-bottom:20px;
}

.docInputLabel {
width:75px;
float:left;
font-size:70%;
padding-top:3px;
}

.docInputBox {
width:160px;
float:left;
font-size:70%;
}

.docInputError {
color:#FF0000;
font-size:70%;
float:left;
margin-left:5px;
}

.docInputErrorArea {
color:#FF0000;
font-size:70%;
margin-left:5px;
margin-top:10px;
}

#createNewDoc {
font-size:90%;
margin-bottom:10px;
}

.addBtn {
float:right;
margin-bottom:18px;
}

a.editLink {
display:block;
margin-top:5px;
text-decoration:underline !important;
color:#000066 !important;
}