body {font-family: verdana, tahoma, arial, sans-serif; font-size:80%; margin:0 auto; height: 100%; background: url('images/background_fades.gif') top center repeat-y white; text-align: center}
form {margin: 5px; padding: 5px;}
a {color:#006699;}
a:hover {color: #0099ff;}
a:visited {color: purple}
a img {border:none;}
acronym, abbr {border-bottom: 1px dotted #aaa}
p {margin-top:0px; line-height:1.5}
p.fp {margin-top: 20px}
hr {height: 1px; color:#ccc; clear: both}
h1 {color: #666; font-size: large; letter-spacing: 2px; margin: 0px 0px 5px 0px; padding-bottom: 17px; background: url('images/h1_bg.gif') bottom left repeat-x}
h1.fpstrap {font-size: 300%; line-height: 20px; background-image: none; margin: 0px 0px 10px 0px; padding:0px; color: #3782aa; letter-spacing: -1px; text-transform: uppercase}
h1.fpstrap span  {color: #788993}
h2 {color: #0099ff; font-size: medium; letter-spacing: -1px; margin: 0px 0px 5px 0px; font-weight: lighter;}
h2.fpstrap {font-size: 120%; color: #657c76; padding: 10px; border-bottom: 1px solid #657c76; display: inline}
h2.fpstrap span {font-weight: bold}
h3 {color: #666; font-size: small; font-weight: lighter; margin-bottom: 0px;}
img.splash {display: block; margin-bottom: 15px}
img.eagle {position: absolute; margin-top: -120px; margin-left: -15px;}
div.wbs {clear:both;font-size: x-small; text-align: center; color: #888;}
div.wbs a {color: #888;}
/* Constructs */
div.bound {width: 958px; text-align: left; height: 100%; margin-left:auto; margin-right:auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
/*div.header {background: url('images/header_left.jpg') top left no-repeat; height: 100px; width: 100%}*/
div.header {height: 100px; width: 100%; background: url('images/header.jpg') top right no-repeat}
div.logo {float: left; padding-left: 30px; padding-top: 5px; width: 225px;}
div.logo div.strap {font-size: 70%; padding-left: 67px; margin-top: -25px; letter-spacing: 0px}
div.logo div.strap span {color: #0099ff; font-weight:bold}
div.menubar {background: url('images/menubarbg.jpg') top left repeat-x; text-align: right; height: 25px; padding-top: 5px}
div.menubar a {color: #888; text-decoration: none; font-weight: bold; letter-spacing: -1px ; margin-right: 15px;}
div.menubar a:hover {color: #0099ff;}
div.menubar a:visited {color: #888}
div.menubar div.datetime {width: 223px; float: left; text-align: center; font-size: x-small}

div.middle {background: url('images/undermenu.gif') top left repeat-x; width: 100%; height: auto; display: table}
div.middle div.leftline {width: 100%; height: auto; background: url('images/leftline.gif') top left repeat-y; display: table}
div.left {float: left; width: 223px; height: auto;}
div.left  div.content {padding-top: 10px;}
div.right {float: right; width: 730px; height: 100%; border-top: 1px solid #ccc;}
div.right div.content {padding: 10px 20px 0px 20px;}
div.footer {clear:both; text-align: right; font-size: x-small; background: url('images/bottom.gif') top right no-repeat; padding: 30px 20px 20px 20px}
div.footer div.badges {float: left;}
/* End Constructs */

#contactform {background: url('images/blockmapofworld.gif') top left no-repeat;}

div.logos {text-align: center; padding: 5px 0px 5px 5px; margin-top:15px; margin-bottom: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div.logos div {margin-left: 20px; text-align: left}
div.logos img {margin-left: 10px; margin-right: 10px}
div.logos h1 {font-size: small; letter-spacing: 0px;}
div.logos p {margin:0px; font-size: x-small}

div.grey2fade {background: url('images/fpboxfade.jpg') top left repeat-x white;}
div.fade2grey {background: url('images/fpboxfade_reverse.jpg') bottom left repeat-x white;}

div.imgbox a {font-size: x-small;}
div.newsfpbox {font-size: x-small; float: right; width: 200px; margin:0px 10px 20px 20px; background-color: white}
#newsboxcontent p {margin: 0px;}
#newsboxcontent ul {margin:0px; padding:0px; list-style-type: none;}
#newsboxcontent li {margin-top:4px; border-top: 5px solid #ddd;}
#newsboxcontent h1 {letter-spacing: -1px; font-size: medium; color: #0099ff; font-weight: bold}
#newsboxcontent h2 {font-size: small; color: #2A4A61}
.newspubdate {float:right; margin-left: 5px; color:#888;}

div.tired {background: url('images/tired_large.gif') top left no-repeat;}
div.left p {line-height: 1.2}
div.contactdetails {margin-left: 20px; margin-bottom: 20px; padding-top:5px; font-size: x-small}
div.contactdetails h1 {font-size: small; background-color: white; font-weight: bold; color: #0099ff; letter-spacing: -2px; margin-bottom: 0px}
div.contactdetails p.address {margin-top: 0px}
div.contactdetails span {display: block; text-indent: 15px}
div.contactdetails span.tel{background: url('images/small_telephone.gif') top left no-repeat;}
div.contactdetails span.fax {background: url('images/small_fax.gif') top left no-repeat;}
div.contactdetails span.email {background: url('images/small_envelope.gif') top left no-repeat;}

div.usa {background: url('images/american_addr_flag_bg.jpg') top right no-repeat}
div.gb {background: url('images/english_addr_flag_bg.jpg') top right no-repeat}
div.left div.leftbox {background: url('images/tired_small.gif') top left no-repeat; margin-left: 20px; font-size: x-small;}
div.left div.leftbox p {margin:0px}
div.left div.leftbox h1 {margin:0px; display: inline; font-size: medium; background-image:none}

.print {background:url('images/small_printer.gif') top right no-repeat; float: right; margin-top: 5px; padding-right:25px; color: #aaa; padding-top:3px; font-size:x-small;}
.rss {background:url('images/rss_icon.gif') top right no-repeat; float: right; margin-top: 5px; padding-right:25px; color: #aaa; padding-top:3px; font-size:x-small; margin-right: 10px}

/* contact form */
div.form {width: 100%; margin-bottom: 10px;}
div.formrow {clear: both;}
div.formleft {float: left;width:35%; text-align: right;}
div.formright {float: right; width:65%;}
div.formt {background:url('images/contactform/tab_bg2.gif') top left repeat-x white;}
div.formtl {background:url('images/contactform/tab_left2.gif') top left no-repeat;}
div.formtr {background:url('images/contactform/tab_right2.gif') top right no-repeat;}
div.formbl {background:url('images/contactform/tab_left2_bottom.gif') bottom left no-repeat;}
div.formbr {background:url('images/contactform/tab_right2_bottom.gif') bottom right no-repeat;}
div.forml {background:url('images/contactform/side_left2.jpg') top left repeat-y;}
div.formr {background:url('images/contactform/side_right2.jpg') top right repeat-y;}
div.formb {background:url('images/contactform/tab_bottom.gif') bottom left repeat-x;}
