/* 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;display:none;}
 
.clearfix { display: inline-block;display:none; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */
a,:link,:visited { color: Black; }
#container {
 width: 50em;
 height: 200px;
 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;
 padding: 1.5em 0 0 35em;display:none;}

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;display:none;}

#topnav li {
 float: left;}

#topnav a  {
 display: block;
 padding: .4em .5em .25em 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; display:none;}

#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;}



 /* 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;}

#main .wrapper p{margin-right:20px;}

#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;}