/* CSS Document */

html {overflow: -moz-scrollbars-vertical !important; }

body {margin: 0;}

p { line-height:1.6em;}

p, td, div {font-family:Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px; 
	   color: #777777;
	   line-height:1.6em;
	   }
#overall {width: 800px;
         margin: auto;
		 border-top: 18px solid #002469;}
		 
#header {border-bottom: 6px solid #666666; 
         padding: 16px 20px;
		 margin-bottom:10px; }

#footer {border-top: 3px solid #666666; 
         margin-top: 20px;
         padding: 16px 20px;
		 font-size:90%;}
#footer p {color:#999999;
		 font-size: 90%;
		 line-height:1.2em;}
		 
#main {padding: 20px;
       }
#navigation {padding: 12px 20px 12px 10px; }
a.footerlink, a.footerlink:active, a.footerlink:focus {color:#999999;
                                                       background-color:transparent;
                                                       text-decoration:none; 
													  }
a.footerlink:hover {color:#333333; 
                    background-color:transparent;}
#logos {float: right;
      }
#stones {float: right;
         padding-left: 20px;
		 padding-bottom: 20px;
		 text-align:center; }	
		 
.clear {clear:both; 
         height: 1px;}	 
h1, h2, h3, h4 {font-weight:bold;
                color: #002469;
				}
h1 {
	padding: 4px 6px 8px 10px;
	font-size: 120%; 
	border-left: solid 1px #002469;
	border-bottom: solid 3px #002469;
	margin-bottom: 18px;
	
	}
h2 {font-size: 100%; }
h3 {color: #002469; font-style:italic; 
    font-size: 100%;
	margin-top: 8px; }
a, a:active, a:focus {font-weight:normal;
                      text-decoration: underline;
					  color: #777777;
					  }
a:hover {color: #000000; }
.callout {width: 150px;
          padding-right: 50px;
		  float:left;
		  margin-top: 10px;
		  margin-bottom: 12px;}
.callout p {font-size: 90%;}
a.calloutlink  a.calloutlink:active, a.calloutlink:focus {font-weight:bold;
                                                 text-decoration:underline; 
												 color: #777777;}
a.calloutlink:hover {color: #002469; } 
.backto {float: right;
         font-size: 90%;}
a.backtotop, a.backtotop:focus, a.backtotop:active {color:#999999; text-decoration:none; }
a.backtotop:hover {text-decoration:underline; }     
.req {font-size: 90%;
      color: #FF0000;
	  float:right; }
.factsheetbox {width:90%;
               padding: 8px;
			   border: dotted 1px #cccccc;
			   margin-bottom: 10px; }
.associatebox {width: 42%;
               padding: 8px;
			   border: dotted 1px #cccccc;
			   margin-bottom:10x; 		   
			   float: left;}
.associatebox2 {width: 42%;
               padding: 8px;
			   border: dotted 1px #cccccc;
			   margin-bottom:10x;
			   margin-left:28px; 		   
			   float: left;}
a.publications, a.publications:active, a.publications:focus {font-weight:bold;
                                                             color: #002469;
															 text-decoration:none; }
a.publications:hover {color:#690024;}
a.factsheets, a.factsheets:active, a.factsheets:focus {color: #666666;
                                                       text-decoration:none;
													   }
a.factsheets:hover {color: #690024;}

.directors {float:right;
            text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	margin-left: 10px;
}