/* CSS Document */

html { }
body {text-align: center; background-color: #4875ac; font-size: 1em; /*background-image: url(assets/body_background.jpg); background-repeat: repeat-x;*/ }
div, img { margin: 0; padding: 0; }

h2 { font: bold 1.3em Arial, Verdana, Helvetica, sans-serif; color: #4383ba; margin: 0 0 .2em 0; }
h3 { font: bold  1em/1.1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0; padding: 0;  }
h4 { font: bold  .95em/1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #4383ba; margin: 0; padding: 0; }
p { font: normal .82em/1.2em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color: #000; margin: 0; padding: 0;  }

a:link { color: #c60; }
a:hover { text-decoration: underline; color: #930; }

#wrapper { margin: 0 auto; width: 778px; background-color: transparent;  }
#pagewrap { position: relative; width: 778px; text-align: left; margin: 0; padding: 0; background-image: url(globalassets/pagewrap_background.gif); background-repeat: repeat-y;   }
#banner { position: relative; background-image: url(globalassets/banner_youru.jpg); background-repeat: no-repeat; height: 174px; width: 778px; margin: 0;  }
#banner img { visibility: visible; }

#dateline { position: relative; margin: -30px 0 0 0; padding: 0; }
#dateline h1 { position: relative; font: bold  1.5em Arial, Verdana, Helvetica, sans-serif; color: #039; margin: 0; padding: 0; }

#cookiecrumb { position: relative; margin: -20px 0 10px -4px; padding: 0; }

#navigationwrap { position: relative; margin: 0 0 0 30px;  }
#nav_left { float: left; width: 205px; margin: 0; }
#nav_ctr { float: left; width: 251px; margin: 0 0 0 15px; }
#nav_right { float: left; width: 230px;  margin: 0 0 0 15px; }
.leftbg { width: 205px; background-image: url(globalassets/leftbg.gif); background-repeat: repeat-y; margin: 0; padding: 0 0 2px 0; }
.leftbottombg { background-image: url(globalassets/leftbottombg.gif); background-repeat: no-repeat; margin: 0; padding: 0;  }
.leftbg a, .head a, .centerbg a, .rightbg a  { display: block; font: .82em/1em  Arial, Verdana, Helvetica, sans-serif; margin: 0 8px 0 8px; color: #c60; padding: 0; text-decoration: none; }
#cookiecrumb a { color: #c60; padding: 0; text-decoration: none; }
.leftbg a:hover, .head a:hover, .centerbg a:hover, .rightbg a:hover, .centerbg ul li a:hover, #cookiecrumb a:hover { text-decoration: underline; color: #930; }
.leftbg a:visited, .head a:visited, .centerbg a:visited, .rightbg a:visited, #cookiecrumb a:visited { text-decoration: none; color:#c90; }
.centerbg { width: 251px; background-image: url(globalassets/centerbg.gif); background-repeat: repeat-y; margin: 0; padding: 0 0 5px 0; }
.centerbottombg { background-image: url(globalassets/centerbottombg.gif); background-repeat: no-repeat; margin: 0; padding: 0;  }
.centerbg ul, #content ul { list-style-type: square; margin: 0; padding: 0; }
.centerbg ul li { margin: 0 0 .2em 30px !important;  margin: 0 0 .2em 36px; padding: 0; line-height: 1em; color: #c60;   }
 #content ul li { margin: 0 0 .2em 15px !important;  margin: 0 0 .2em 21px; padding: 0; line-height: 1.2em; color: #c60;  font: .82em/1.2em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;   }
.centerbg ul li a { margin: 0 8px .2em 0 !important; margin: 0 8px .2em -4px; color: #c60; }

.rightbg { width: 230px; background-image: url(globalassets/rightbg.gif); background-repeat: repeat-y; margin: 0; padding: 0 0 5px 0; }
.rightbottombg { background-image: url(globalassets/rightbottombg.gif); background-repeat: no-repeat; margin: 0; padding: 0;  }
.rightbg h3 { margin: 0 8px 5px 8px; padding-top: 10px; }
.rightbg p { margin: 0 12px 5px 8px; font-size: .82em;  }

.clear { clear: both; height: 1px; margin: 0; padding: 0;   }
.clear hr, .clear_left hr {  height: 1px; margin-left: -2000px; }


#content { margin: 0 25px;  }
#content h3 { margin: 0 0 5px 0; }
#content h3.inbrief { font: bold 1.2em Arial, Verdana, Helvetica, sans-serif; color: #4383ba; margin: 0 0 5px 0; }
#content p { margin: 0 0 5px 0; }
#content a { font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin: 0; color: #c60; padding: 0; text-decoration: none; }
#content a:hover, #content ul li a:hover { text-decoration: underline; color: #930; }
#content a:visited { text-decoration: none; color:#c90; }
#content p.rule { border-bottom: 1px solid #a5c6dd; height: 1px; margin: 10px 0 10px 0; }
#content p.rule_dot { border-bottom: 1px dotted #666; height: 1px; margin: 0 0 10px 0; line-height: 1px; }
#content img.topbutton { float: right; margin: 0 !important; margin: 16px 0 0 0; border: none;  }


#content .divider { border: 1px solid #fff; }

#focus { float: right; width: 410px;  background-color: #4c87b1; margin: 0 0 15px 15px; border: 1px solid #4c87b1; }
#focus p { position: absolute; font: .9em/1.3em bold "Trebuchet MS", Arial, Verdana, sans-serif; margin: 1em 0 0 15px; color: #fff; width: 180px; }
#focus span.attrib { font: italic .82em "Trebuchet MS", Arial, Verdana, sans-serif; margin-top: 5px; }
#focus img { float: right; }

#copy { margin: 0 ;  }
#copy p { font: .82em/1.2em "Trebuchet MS", Arial, Verdana, sans-serif; margin: 0 0 .5em 0; color: #000;  }
#copy .image_right { float: right; margin: 0 0 0 10px; }
#copy .image_right p { font: .75em/1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin: 0 0 1.5em 0; color: #000;  }
#copy .image_right img { border: 1px solid #4c87b1; margin: 0 0 8px 0;  }
#copy h4 {color: #000; margin-top: 1em; margin-bottom: .3em;} 

#copy ul { list-style-type: square; margin: 5px 0 5px 5px; padding: 0; }
#copy ul li { margin: 0 8px 3px 15px !important;  margin: 0 8px 3px 21px; padding: 0; line-height: 1.2em; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif;   }
#copy ul li a { color: #c60; margin:  0 8px 3px 0 !important; margin: 0 8px 3px 0; }

#copy .ddprefix { text-align: right; }
#copy .ddprefix p { margin: 0; float: left;  width: 5em; font-weight: bold;   }
#copy .ddcontent p {  margin-left: 6em; margin-right: 75px; }

#newswrap { position: relative; margin: 0; padding: 0; }
#newsleft {   width: 345px; margin: 0; padding: 0; float: left; }
#newsright {  width: 345px; margin: 26px 0 0 400px; }
.newsimg { float: right;  margin: 0 0 5px 10px;}
.newsimg p { font: .75em/1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin: 5px 5px 10px 5px; color: #000; }
.newsimg img { margin: 0 0 8px 0; border: 1px solid #4c87b1; background-color: #666; }

#dyneswrap h4 { margin: 8px 0 0 198px ; }
#dyneswrap p { margin: 0 0 0 198px; }
#dynesimg { float: left; width: 183px; margin: 0; background-color: #000; border: 1px solid #4c87b1; }
#dynesimg p { font: .82em/1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin: 5px 5px 10px 15px; color: #fff; }
#dynesimg img { margin: 0 0 10px 0; }

#workingwrap { padding: 10px; background-color: #f7f0ca; }
#workingimg { float: right; margin: 0 0 5px 10px; }
#workingimg img { border: 1px solid #4c87b1; margin: 0 0 8px 0; }
#workingimg p { font: .75em/1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin: 5px 5px 10px 5px; color: #000; }

#profileimg { float: right; width: 223px; background-color: #2c6f79; margin: 0 0 0 20px; border: 1px solid #4c87b1; }
#profileimg p { font: .82em/1.2em "Trebuchet MS", Arial, Verdana, sans-serif; margin: 180px 15px 15px 15px; color: #fff;}
#profilewrap p.question, #profilewrap p.answer { margin: 0 0 25px 30px; }
#profilewrap p.question { font-style: italic; }
#profilewrap p.question_pre { font: 1.5em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; float: left; color: #666; margin-top: -3px; }
#profilewrap p.answer_pre { font: 1.5em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; float: left; color: #999; margin-top: -3px; }

#dykwrap ul li.factoid { color: #000; }
#resources { float: left;  }
#resources_head { float: left;  }
#facts { float: left; width: 450px; margin: 0 30px 0 0;  }

#bar img { margin: 15px 0 15px 0;}

.head a {margin: 0 8px 0 8px; }
.head { margin: 0; padding: 0; }
#dyk { margin-top: -28px ; }
#dynes { margin-top: -26px; }
#dykhead { background-image: url(globalassets/leftbg.gif); background-repeat: repeat-y; }
#dyneshead { background-image: url(globalassets/centerbg.gif); background-repeat: repeat-y; }
#profilehead { background-image: url(globalassets/rightbg.gif); background-repeat: repeat-y; }

#footerlinks { margin: 10px 0 0 0; }
#footer { background-image: url(globalassets/footerbg.jpg); background-repeat: no-repeat; }

.note { font: .75em/1em "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; margin: 5px 5px 10px 5px; color: #000;  font-style: italic;}

span.printonly { display:inline; color: #039; text-decoration: underline; }

hr {display: none; }

