/*colour*/
body {
	background-color: #FFF;
}
body,
#footer a:link,
#footer a:visited,
 {
	color: #444;
}

/*layout*/
body      { background-image: url(../imgz/metopeBg.gif); background-repeat: repeat-x; margin: 0; padding: 0 }

#masthead    { background-image: url(../imgz/metopeLogo3.gif); background-repeat: repeat-y; background-position: 0 0; margin: 0; height: 120px }

#content      { margin: 0 0 0 75px; float: left } 

html>body #content    { margin: 0 -203px 0 203px }

#home #content       { margin: 35px 0 0; width: 73% }

#home .contentBox          { margin: 0 20px 20px 200px }
.leadin { font-size: 1.2em; font-weight: bold }
/* sidebar */
#docScan  { margin-bottom: 20px; margin-left: -15px }
#sidebar         { background: transparent; margin-top: 35px; padding-right: 0.6em; padding-left: 0.6em; width: 25%; float: left }
.infoboxside { background: #f2f2f2; padding-right: 0.6em; padding-left: 0.6em; float: left }
.infoboxmid { background: #f2f2f2; margin-right: 20px; margin-left: 200px; padding: 10px 0.6em }
.prodboxside  { background: #b4cbe0 0 90px; margin-bottom: 15px; padding-right: 0.6em; padding-bottom: 0.4em; padding-left: 0.6em; float: left }
.sidebar1 { background: #b4cbe0; margin-top: 35px; padding-right: 0.6em; padding-left: 0.6em; width: 21%; float: left }
.infoboxside .bold { font-weight: bold }
.infoboxmid .bold { font-weight: bold }
.infoboxside p   { font-size: 0.89em; line-height: 1.1em; padding-top: 0; padding-bottom: 0 }
.infoboxmid p { font-size: 0.89em; line-height: 1.1em; padding-top: 0; padding-bottom: 0 }
.prodboxside img { padding-top: 10px; padding-bottom: 5px }
.prodboxside p  { font-size: 0.89em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; padding-top: 0; padding-bottom: 0 }
.prodboxside p a  { color: black; font-size: 0.89em; font-weight: bold; line-height: 1.1em; text-decoration: none; padding-top: 0; padding-bottom: 0 }
.infoboxside h2      { font-size: 1.05em; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; padding-top: 0.4em; height: 30px; border-bottom: 1px dotted #333 }
.infoboxmid h2 { font-size: 1.05em; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0; padding-top: 0.4em; height: 30px; border-bottom: 1px dotted #333 }
#footer  { text-align: center; margin-left: 100px; padding-top: 3em; width: 73%; clear: both } 

/*html>body #footer { 
	margin: 0 -203px 0 203px;
}
*/

	
	/*design*/	  

#masthead img {
	border: none;
}

/*type*/
body { 
font-size: 100% 
}

body  { font-family: Georgia, "Times New Roman", Times }

#footer { 
font-size: 0.7em 
}
.footnote { font-size: 0.85em; }
#content,
#sidebar  { font-size: 0.8em; line-height: 1.5 }


h1 { 
font-size: 1.4em 
}


/*top bar*/

#topBar      { color: #fff; font-size: 0.85em; font-family: Georgia, "Times New Roman", Times; font-weight: bold; background-color: #4b4b5e; text-align: left; text-transform: uppercase; letter-spacing: 0.1em; list-style: none; margin: 0; padding: 5px 0 0 102px; position: absolute; top: 110px; right: 760px; left: 0; width: 100%; height: 25px }


/*left side navigation*/		

#navcontainer              { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, san-serif; background-color: #f2f2f2; text-align: left; margin: 0; padding: 0; position: absolute; top: 140px; width: 160px }
	
	
#navcontainer ul
{ letter-spacing: 0.02em; margin-top: 0; margin-bottom: 0; margin-left: 0; padding: 0; list-style-type: none; }

#navcontainer dt  { color: #fff; font-size: 0.85em; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 0.3em 0 0.35em 1em }

#trialHed {
background-color: #434750;
}

#videoHed   { background-color: #50484f }
#documentHed  { background-color: #564f51 }
#graphicsHed {
background-color: #48504a;
}
#trainHed { background-color: #4e435c }
#aboutHed { background-color: #383631; text-decoration: none; }
#contactHed { background-color: #4f3f3f; }
#homeHed { background-color: #4b4b5e; }
#navcontainer ul a
       { color: black; font-size: 0.8em; font-weight: normal; text-decoration: none; display: block; padding: 0.2em 1.1em 0.2em 2em }
		
	
	
.trial li a { background-color: #e3effb }

.video li a{
	/*color: #111710;*/
	background-color: #fcf3dd;
		}
.doc li a { background-color: #e6e1e8 }
.graphics li a{
	/*color: #111710;*/
	background-color: #e4f2e7; }
.train li a { background-color: #e0d7fd }
#aboutHed a { color: white; background-color: #383631; text-decoration: none; }
#contactHed a { color: white; background-color: #4f3f3f; text-decoration: none; }
#homeHed a { color: white; text-decoration: none; background-color: #4b4b5e; }
.trial li a:hover    { color: #ffffff; background-color: #bdcece }

.video li a:hover { color: #ffffff; background-color: #c7c2ae }
.doc li a:hover { background-color: #bbb2ae }
.graphics li a:hover  { color: #ffffff; background-color: #bcc7b2 }
.train li a:hover { color: #ffffff; background-color: #afacc1 }
#aboutHed a:hover { color: #fffdc8; text-decoration: none; }
#contactHed a:hover { color: #fffdc8; font-weight: bold; text-decoration: none; }
#homeHed a:hover { color: #fffdc8; font-weight: bold; text-decoration: none; }
#trialOn         { font-size: 0.8em; background-color: #bdcece; margin: 0; padding: 0.3em 1.1em 0.3em 2em }

#videoOn   { font-size: 0.8em; background-color: #c7c2ae; margin: 0; padding: 0.3em 0.9em 0.3em 2em }

#graphicsOn  { font-size: 0.8em; background-color: #cad6c0; margin: 0; padding: 0.3em 0.9em 0.3em 2em; }
#docOn { font-size: 0.8em; background-color: #bbb2ae; margin: 0; padding: 0.3em 0.9em 0.3em 2em }
#trainOn { font-size: 0.8em; background-color: #afacc1; margin: 0; padding: 0.3em 0.9em 0.3em 2em }
/*layout*/

.contentBox h2            { color: #0b4334; font-size: 1.7em; font-family: Georgia, "Times New Roman", Times; line-height: 1em; text-align: left; margin: 0 5px 30px 0; padding: 0 0 8px; border-bottom: 1px dotted #192816 }

h3     { font-size: 1.3em; line-height: 1.2em; margin-top: 0; margin-right: 0; margin-left: 2.5em; padding: 0 2.5em 0 0 }

h4  { font-size: 1.05em; margin: 0 0 0 0; padding: 5px 0 0; color: #1c1c1c  }

h5     {  font-size: 1.4em; margin: 0 0 0 0; padding: 1px 0 0; color: #1c1c1f  }

h6     {  font-size: 2.7em; margin: 0 0 0 0; padding: 1px 0 0; color: #1C1C1F   }

.contentBox h4 { font-size: 1.05em; margin: 0 0 0 8px; padding: 5px 10px 0 0 }
.contentBox p         { font-size: 0.95em; line-height: 1.6em; text-align: justify; margin: 0 0 1em 8px; padding: 0 10px 0 0 }

#home .contentBox        { margin-top: 0; padding: 20px }

#trialText  { background-color: #e3effb }

#trialText h2 { color: #434750;
 }

#videoText  { background-color: #fcf3dd }
#videoText h2  { color: #50484f }
#graphicsText  { background-color: #e4f2e7 }
#graphicsText h2 { color: #48504a }
#docText { background-color: #e6e1e8 }
#docText h2 { color: #564f51 }
#trainText { background-color: #e6e1e8 }
#trainText h2 { color: #564f51 }