/* Styles*/

body {
 background-color: White;
 color: Black;
 font: .75em/1.5em Verdana, Arial, Helvetica, sans-serif;
 text-align: center;}
 
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
 
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */
a,:link,:visited { color: Black; }
#container {
 width: 62em;

 margin: 0 auto; border:1px solid #8c8c8c;
 text-align: left !important;}

h1 {
 border-bottom: solid 1px #8c8c8c;
 background-color: Black;
 color: White;
 font-weight: normal;
 padding: 0 2em 1em 2em;}
 
h1 img {float: left;
 margin-top: 2em;}

h1 span {display: block;font: normal bold 16px arial,sans-serif; border:0px solid #fff;float:right;width:240px;
padding: 70px 0px 0px 0px;background: url("images/logos-accreditation.gif") top right no-repeat;}

h2 {padding: .5em 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 180%;
 font-weight: normal;}

h3 {padding: .7em 0;
 font-family: Arial, Helvetica, sans-serif;
 color: #42889e;
 font-size: 150%;
 font-weight: normal;}

h4 {font-size: 120%;
 font-weight: bold;
 color: White;}

h5 {text-transform: uppercase;}

/* Top Navigation*/

#topnav {
 padding: 0 2em;
 border-top: solid 12px Black;
 border-bottom: solid 4px #42889e;}

#topnav li {
 float: left;}

#topnav a  {
 display: block;
 padding: .5em 1em .5em 0;
 background-color: White;
 color: #42889e;
 font-size: 120%;
 font-weight: bold;}

#topnav li a:hover,
#topnav a.on {color: #d64e76;}

/* End Top Navigation*/

/* Left Navigation*/

#left-nav {
 float: left;
 width: 12em;}

#left-nav .wrapper { 
 padding: 1em 0 0 1.5em;}


#lnav {margin-top: .7em;
 float: left;
 width: 10em;}
 
#lnav li {float: left;
width: 100%;
 margin: 0;
 padding: 0;}
 
#lnav li a {
 display: block;
 padding: .2em 0;
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 110%;
 text-decoration: none;
 color: White;}
 
#lnav li a.on {text-decoration: underline;}
 
#lnav li a:hover,
#lnav li a:focus,
#lnav li a.selected {
 text-decoration: underline;}

/* End Left Navigation*/

#content {margin: 1em 2em 0 0;}

#inner #content {
 background-color: #42889e;}

p {padding: 7px 0 7px 0;}
p.copyprob {padding: 7px 0 7px 0;color:#F52D2D;font-weight:bold;}

#left {margin: 0;
 float: left;
 background-color: #42889e;
 width: 38em;}

 /* Main Content Area*/
 
#main {
 background: White;
 margin: 0;
 float: right;
 width: 26em;}

#inner #main {
 width: 48em;}

#main .wrapper {
 padding-left: 2em;}

#main .wrapper ul{padding-left:25px;list-style:url('images/bullet.gif');}
#main .wrapper ul li{margin: 5px 0 5px 0;}

#main .wrapper a {text-decoration:underline;}
#main .wrapper a:hover {color:#D64E76;text-decoration:underline;}
  
#right {
 float: right;
 width: 247px;
 background-color: White;}

#publication p {padding: 0;}
#publication a {color:#fff;text-decoration:underline;}
#publication a:hover {color:#D64E76;text-decoration:underline;}

#publication {
 padding: 1em;
 background-color: #42889e;
 color: White;}

#pics li {
 float: left;}

#pics li img {
 display: block;}

#pics li.left img {
 margin: 0 4px 4px 0;}

p#footer {
 clear: both;
 margin-top: 1em;
 padding-right: 2em;
 border-top: solid 1px #002531;
 font-size: 90%;
 text-align: right;}
 
 p#footer a.on {text-decoration:underline;}
  p#footer a:hover {text-decoration:underline;}
  
  

#tld{clear: both;padding: 1em;color:#42889E;font: normal normal 11px verdana, tahoma, sans-serif;text-align:right;width:730px;margin:0 auto}		
#tld a{color:#42889E;text-decoration:underline}
#tld a:hover{color:#D64E76;text-decoration:underline}