body {
margin:0 auto;
text-align:center;
background-color:#fff;
font-family: Tahoma, Helvetica, sans-serif;
font-size:13px; }

h1 {
margin:5px 0px;
font-family: Frutiger LT 87 ExtraBlackCn, Frutiger LT 87 Extra Black Condensed, Arial Black, Helvetica, sans-serif;
color: #0071BC;
padding:10px;
font-size:24px;
font-weight:normal; }

h2 {
margin:0px 0px;
font-family: Frutiger LT 87 ExtraBlackCn, Frutiger LT 87 Extra Black Condensed, Arial Black, Helvetica, sans-serif;
color: #b1d355;
padding:10px;
font-size:20px;
font-weight:normal; }

h3 {
margin:5px 0px;
padding:0px;
font-size:13px; }

h4 {
margin:5px 0px;
padding:0px;
font-size:12px; }

a {
color: #F36F21;
text-decoration: none;
font-weight:bold;
font-size:90%; }

a:hover {
color: #F36F21;
text-decoration: underline;
font-weight: bold; }

img {
border:0; }

#container {
width: 759px;
margin: 0px auto;
color: #555;
background-color:#fff;
border: 0px solid gray;
line-height: 130%;
text-align:left; }

#top {
padding: 0px;
background-color: #fff;
background-image: url(images/logo.gif);
background-repeat: no-repeat;
background-position: center center;
border-bottom: 0px solid gray;
margin-bottom:10px;
height:170px; }

#top h1 {
padding: 0 20px 0 0;
margin: 0 20px 0px 290px;
font-family: Frutiger LT 87 ExtraBlackCn, Frutiger LT 87 Extra Black Condensed, Arial Black, Helvetica, sans-serif;
font-size:48px;
line-height:52px;
letter-spacing:1px;
color:#fff;}

#navbar {
margin-top:-10px;
background-image: url(images/navbg.gif); 
background-repeat:no-repeat;
background-color: #fff;
border-bottom: 0px solid gray;
height:40px;}

#leftcol {
float: left;
width: 560px;
margin: 0;
background-color:#fff;
padding: 10px 10px; }

#rightcol {
margin-left: 595px;
background-color:#fff;
text-align:center;
padding: 0 1em 1em 1em; 
line-height:110%;
font-size: 80%; }

#footer {
clear: both;
background-image: url(images/navbg.gif); 
background-repeat:no-repeat;
background-color: #fff;
color:#fff;
height:40px;}

#inleft {
float: left;
width: 270px;
margin: 10px 10px 0 0;
background-color:#fff;
border: 0px solid gray;
padding: 0; }

#inright {
margin: 10px 0 0 290px;
background-color:#fff;
padding: 0; }

#intro {
padding: 1px 10px 10px 10px;
background-color: #fff;
font-size:105%;
line-height: 150%; }

#greenbox {
padding: 10px 20px 10px 15px;
background-color: #EAF5CC; }

#infoot {
clear: both;
padding: 1px 10px;
background-color: #EAF5CC; }

.text {
border: 1px dashed #0071BC;
background-color:#fff; 
padding:0px 10px 10px 10px;
margin: 0px 0px 10px 0px; }


.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px; }
/* In the CSS below, the numbers used are the following:
    1px: the width of the border
    3px: a fudge factor needed for IE5/win (see below)
    4px: the width of the border (1px) plus the 3px IE5/win fudge factor
    14px: the width or height of the border image
*/
.tl, .tr, .bl, .br {
    width: 14px; height: 14px;
    padding: 0px; border: 0px;
    z-index: 99; }
.tl, .bl { float: left; clear: both; }
.tr, .br { float: right; clear: right; }
.tl { margin: -1px 0px 0px -1px; }
.tr { margin: -1px -1px 0px 0px; }
.bl { margin: -14px 0px 0px 0px; }
.br { margin: -14px 0px 0px 0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px! Why? */
.tl {
    margin-left: -4px;
    ma\rgin-left: -1px;
}
html>body .tl {
    margin-left: -1px;
}
.tr {
    margin-right: -4px;
    ma\rgin-right: -1px;
}
html>body .tr {
    margin-right: -1px;
}
.bl {
    margin-left: -3px;
    ma\rgin-left: 0px;
}
html>body .bl {
    margin-left: 0px;
}
.br {
    margin-right: -3px;
    ma\rgin-right: 0px;
}
html>body .br {
    margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
    margin: 0px;
    padding: 0px;
    border: 1px solid #0071BC;
}
.contentWrapper {
    /* position this div however you want, but
       keep its padding and border at zero */
    padding: 0px;
    border: 0px;
} 

.textright {
text-align:right;
font-style:italic;
font-weight:bold; }

.pnfa {
font-family: Arial Narrow;
color:#0071BC;
font-weight:bold; }

ul#navlist
{
margin-left: 0;
padding: 7px 0px 3px 0px;
text-align:center;
white-space: nowrap;
font-size:10px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 18px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #F36F21;
text-decoration: none;
}


#active a:link, #active a:visited, #active a:hover {
color: #F36F21; }

.serif1 {
font-family:georgia, times-roman, serif;
font-size:118%;
line-height:140%; }

.serif2 {
font-family:georgia, times-roman, serif;
font-size:140%;
font-weight: bold;  }

.serif3 {
font-family:georgia, times-roman, serif;
font-size:150%; }

#facts li {
padding: 8px 0px; }

#facts a:link, #facts a:visited {
text-decoration: none; }

#facts a:hover {
color: #F36F21; text-decoration: underline; }

td {
margin:0px;
padding:10px;
vertical-align:top; 
border: 0px solid #0071BC; }

.img-shadow {
  float:left;
  background: url(images/shadow1.png) no-repeat bottom right !important;
  background: url(images/shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
.rightcap {
text-align:left;
font-size:75%;
line-height:150%; }