 /* M-Four Style.css */

body { top: 0; left: 0; margin: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       color: #000000;
       background-color: #ffffff;
       text-align: center;
     }


/* blocks */
#wrapper             { margin: 113px auto 0 auto; width: 780px; text-align: left; background: url(/schema/gifs/wrapperbg.gif) top left repeat-y #d9eeee;}
body.pink #wrapper   { background: url(/schema/gifs/pinkwrapperbg.gif) top left repeat-y #ffffff;}
body.green #wrapper  { background: url(/schema/gifs/greenwrapperbg.gif) top left repeat-y #ffffff;}
body.wide #wrapper   { background-image: none; }
#content             { float: right; width: 526px; font-size: 80%; display: inline; padding-bottom: 35px; display: inline; }
body.pink #content   { background: url(/schema/gifs/pinkcontentbg.gif) top left repeat-x; }
body.green #content  { background: url(/schema/gifs/greencontentbg.gif) top left repeat-x #ffffff; }
body.wide #content   { width: 780px; }
#leftnav             { float: left; width: 250px; font-size: 80%; display: inline; padding-top: 20px; padding-bottom: 15px; display: inline; }
body.pink #leftnav   { color: #ffffff; padding-top: 36px;  }
body.green #leftnav  { color: #ffffff; padding-top: 36px; }
#footer              { clear: both; width: 780px; font-size: 80%; color: #ffffff; text-align: center;
                       background: url(/schema/gifs/footerbg.gif) top left repeat-x #ffffff; padding-top: 12px; padding-bottom: 5px; }

#topwrapper          { position: absolute; top: 0; left: 0; width: 100%; height: 113px; color: #ffffff; font-size: 75%; }
#banner              { margin: 0 auto; width: 780px; text-align: right;}
#topnav              { float: right; margin-top: 44px; width: 600px; background: url(/schema/gifs/topnavbg.gif) bottom left repeat-x; height: 30px;
                       display: inline; }
#logo                { float: left; height: 91px; width: 180px; margin-top: 15px; display: inline;}


/* topnav */
#topnav ul.topmenu { list-style-type: none; margin: 0; padding: 0; text-align: center; height: 20px;}
#topnav ul li      { float: left; background: url(/schema/gifs/topnavlibg.gif) center bottom no-repeat; width: 150px; height: 20px; line-height: 20px;
                     padding: 0; margin: 0;}
#topnav ul a       { text-decoration: none; color: #ffffff; font-weight: bold; text-align: center;}
#topnav ul a:hover { text-decoration: underline;}


/* leftnav */
#leftnav a               { color: #990165; text-decoration: none; }
#leftnav li.highlight  a { color: #ffffff; }
#leftnav a:hover         { color: #ffffff; text-decoration: underline; }
body.green #leftnav a    { color: #ffffff; }
body.pink #leftnav a     { color: #ffffff; }

/* footer */
#footer ul.topmenu       { list-style-type: none; margin: 0; padding: 0; height: 17px; line-height: 17px; }
#footer li               { display: inline; margin: 0; padding: 0; color: #ffffff; }
#footer a                { color: #ffffff; text-decoration: none; }
#footer a:hover          { text-decoration: underline; }
#footer p                { margin: 0; padding: 0; }
#footer p.call           { font-size: 150%; font-weight: bold; height: 55px; line-height: 45px;}
#footer p.copyright      { font-size: 80%;}


h1, p.header1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  font-size: 150%;
  color: #017E84;
  margin-top: 0;
  padding-top: 0;
  height: 36px;
  line-height: 36px;
  /* Page Title */
}
#leftnav p.header1 {
  line-height: 20px;
}

body.pink h1, body.pink p.header1,
body.green h1, body.green p.header1 {
  color: #ffffff;
}

h2, p.header2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 120%;
  font-weight: bold;
  /* Section Title */
}
h3, p.header3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  /* Subsection Title */
}
p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-left: 20px;
  margin-right: 20px;
}

p.nomargin {
  margin: 0;
  padding: 0;
  /* No Margin */
}


p.indent1 {
  margin-left: 40px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 60px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 80px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 100px;
  /* Indented Text 4 */
}

table {
  margin-left: 20px;
}

table.default {
  /* No Style */
}

table.layout {
  width: 506px;
  /* Layout */
}

table.productlayout {
  width: 506px;
  color: #ffffff;
  /* Product Layout */
}

table.paddedfullwidth {
  margin-left: 40px;
  margin-right: 40px;
  width: 700px;
}



td { font-size: 80%; }

td.pink {
  background-color: #990165;
  padding: 6px 0;
  /* Pink Background */
}

td.green {
  background-color: #017e84;
  padding: 6px 0;
  /* Green Background */
}

table.productlayout a {
  color: #ffffff;
  text-decoration: none;
}

table.productlayout a:hover {
  text-decoration: underline;
}

table.productlayout td p{
  margin: 0;
}

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}

ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

#leftnav ul.leftmenu {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
 /* Left Menu */
}
#leftnav ul.leftmenu li {
  color: #980064;
  border-bottom: 4px solid #DAEEEF;
  margin: 0;
  padding: 0;
}

#leftnav ul.leftmenu li a {
  color: #980064;
  text-decoration: none;
  display: block;
  font-weight: bold;
  padding-top: 4px;
}
#leftnav ul.leftmenu li a:hover {
  background-color: #DAEEEF;
  color: #980064;
  text-decoration: none;
}

img.greenborder { border: 1px solid #017E84; /* Green Border */ }
img.pinkborder { border: 1px solid #980064; /* Pink Border */ }


ol {
  font-family: Arial, Helvetica, Verdana, sans-serif;

}
ul.round { /* Round markers */  }

li {
  margin-bottom: 5px;
}

a.green { color: #017e84; text-decoration: underline; }
a       { color: #990165; text-decoration: underline; }

span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

span.largePink {
  color: #990165;
  font-size: 150%;
  /* Large Pink Text */
}

img { border: none; }

img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 3px 16px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 3px 0px 10px 16px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }

textarea {
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

iframe {
  border: 0px solid #0000000;

}
#whitepanel {
	background-color: #FFFFFF;
	text-align: center;
	padding: 6px 0 6px 0;
	width: 100%;
	 /* White panel behind constant contact e-mail form*/
}
#centrepanel {
	margin-left: 20px;
}
