﻿/* General styles */
h1, h2, h3, a, p, li, div
{
    font: Helvetica 9pt;
    font-family: Helvetica, Arial , sans-serif;
    font-size: 100%;
    text-decoration:none;
}
h1, h3, p, strong, ol, ul, li, td{color: #646466;}
h2 {color: #231F20;}
p , td, li,a {line-height:1.357em; margin-bottom:1em; font-size:1.166em;}
.nomar {margin:0}
h1 { font-weight:bold; font-size:2.5em;}
h2 { font-weight:bold; font-size:1.3em;}
h3 { font-weight:bold; font-size:1.2em;}
ul, ol {margin: 0 1.5em 1em;}
li { margin:0;}
th, td {padding:0;}
table {margin-bottom:.7em;}
a {cursor:pointer; font-size:1.1em;}
a:hover {text-decoration:underline;}
ol li {line-height:1.1;}
ol {margin-left:1.8em;}
.external {background:transparent url(../images/external.png) no-repeat scroll right center; padding: 0 13px 0 0;}
.nopointer, a.nopointer:hover {cursor:default; text-decoration:none;}
.nobold {font-weight:normal;}

/* everything */ 
.mainbox {margin-left:auto; margin-right:auto; width:964px;}
.head, .nav, .subnav, .main, .foot {width:964px;}

/* Header & Logo */
.head{ margin-top:25px; margin-bottom:33px; height:75px; }
div.head img.logo {float:right;}
div.accesibility {top:0; position:absolute;}

/* Nav Menu */
.nav ul { width: 964px; height: 51px; background: transparent url(../images/nav/navallv2.png) -0px -51px no-repeat; margin: 0; padding: 0; position: relative;}
.nav ul li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
.nav ul li, .nav ul li a {height: 51px; display: block;}
.nav ul li a { text-indent:-100em; overflow:hidden; } /* hide the text behind */

/*Position the li's*/
.nav0        {left:0px;   width:107px;}
.nav0prev    {left:0px;   width:101px;}
.nav0current {left:0px;   width:113px;}/*
.nav0next    {left:000px; width:000px;} not possible!*/
.nav1        {left:107px; width:107px;}
.nav1prev    {left:107px; width:101px;}
.nav1current {left:101px; width:119px;}
.nav1next    {left:113px; width:101px;}
.nav2        {left:214px; width:107px;}
.nav2prev    {left:214px; width:101px;}
.nav2current {left:208px; width:119px;}
.nav2next    {left:220px; width:101px;}
.nav3        {left:321px; width:107px;}
.nav3prev    {left:321px; width:101px;}
.nav3current {left:315px; width:119px;}
.nav3next    {left:327px; width:101px;}
.nav4        {left:428px; width:107px;}
.nav4prev    {left:428px; width:101px;}
.nav4current {left:422px; width:119px;}
.nav4next    {left:434px; width:101px;}
.nav5        {left:535px; width:107px;}
.nav5prev    {left:535px; width:101px;}
.nav5current {left:529px; width:119px;}
.nav5next    {left:541px; width:101px;}
.nav6        {left:642px; width:107px;}
.nav6prev    {left:642px; width:101px;}
.nav6current {left:636px; width:119px;}
.nav6next    {left:648px; width:101px;}
.nav7        {left:749px; width:107px;}
.nav7prev    {left:749px; width:101px;}
.nav7current {left:743px; width:119px;}
.nav7next    {left:755px; width:101px;}
.nav8        {left:856px; width:107px;}/*
.nav8prev    {left:856px; width:101px;} not possible!*/
.nav8current {left:850px; width:113px;}
.nav8next    {left:862px; width:101px;}

/*relocate backgroud if normal, current, previous or next page*/
.nav0 a, .nav0prev a{ background: transparent url(../images/nav/navallv2.png) -0px -0px no-repeat; }
.nav0current a      { background: transparent url(../images/nav/navallv2.png) -0px -102px no-repeat; }
.nav0next a         { background: transparent url(../images/nav/navallv2.png) -0px -0px no-repeat; }

.nav1 a, .nav1prev a{ background: transparent url(../images/nav/navallv2.png) -107px -0px no-repeat; }
.nav1current a      { background: transparent url(../images/nav/navallv2.png) -101px -153px no-repeat; }
.nav1next a         { background: transparent url(../images/nav/navallv2.png) -113px -0px no-repeat; }

.nav2 a, .nav2prev a{ background: transparent url(../images/nav/navallv2.png) -214px -0px no-repeat; }
.nav2current a      { background: transparent url(../images/nav/navallv2.png) -208px -102px no-repeat; }
.nav2next a         { background: transparent url(../images/nav/navallv2.png) -220px -0px no-repeat; }

.nav3 a, .nav3prev a{ background: transparent url(../images/nav/navallv2.png) -321px -0px no-repeat; }
.nav3current a      { background: transparent url(../images/nav/navallv2.png) -315px -153px no-repeat; }
.nav3next a         { background: transparent url(../images/nav/navallv2.png) -327px -0px no-repeat; }

.nav4 a, .nav4prev a{ background: transparent url(../images/nav/navallv2.png) -428px -0px no-repeat; }
.nav4current a      { background: transparent url(../images/nav/navallv2.png) -422px -102px no-repeat; }
.nav4next a         { background: transparent url(../images/nav/navallv2.png) -434px -0px no-repeat; }

.nav5 a, .nav5prev a{ background: transparent url(../images/nav/navallv2.png) -535px -0px no-repeat; }
.nav5current a      { background: transparent url(../images/nav/navallv2.png) -529px -153px no-repeat; }
.nav5next a         { background: transparent url(../images/nav/navallv2.png) -541px -0px no-repeat; }

.nav6 a, .nav6prev a{ background: transparent url(../images/nav/navallv2.png) -642px -0px no-repeat; }
.nav6current a      { background: transparent url(../images/nav/navallv2.png) -636px -102px no-repeat; }
.nav6next a         { background: transparent url(../images/nav/navallv2.png) -648px -0px no-repeat; }

.nav7 a, .nav7prev a{ background: transparent url(../images/nav/navallv2.png) -749px -0px no-repeat; }
.nav7current a      { background: transparent url(../images/nav/navallv2.png) -743px -153px no-repeat; }
.nav7next a         { background: transparent url(../images/nav/navallv2.png) -755px -0px no-repeat; }

.nav8 a, .nav8prev a{ background: transparent url(../images/nav/navallv2.png) -856px -0px no-repeat; }
.nav8current a      { background: transparent url(../images/nav/navallv2.png) -850px -102px no-repeat; }
.nav8next a         { background: transparent url(../images/nav/navallv2.png) -862px -0px no-repeat; }

/* where appropriate go transparent on hover to reveal hover image behind*/
.nav0 a:hover, .nav0prev a:hover, .nav0next a:hover,
.nav1 a:hover, .nav1prev a:hover, .nav1next a:hover,
.nav2 a:hover, .nav2prev a:hover, .nav2next a:hover,  
.nav3 a:hover, .nav3prev a:hover, .nav3next a:hover,  
.nav4 a:hover, .nav4prev a:hover, .nav4next a:hover,  
.nav5 a:hover, .nav5prev a:hover, .nav5next a:hover,  
.nav6 a:hover, .nav6prev a:hover, .nav6next a:hover,  
.nav7 a:hover, .nav7prev a:hover, .nav7next a:hover,  
.nav8 a:hover, .nav8prev a:hover, .nav8next a:hover  
{ background: transparent url() -0px -0px no-repeat; }

/* Sub Nav */
div.subnav { height:48px; background-position: 0 25px; background-repeat:repeat-x; padding: 4px 0 0 0;}
div.subnav a {font-size:1.1em;}
div.subnav div {float:left;}
div.subnav .site { float:right;}
div.subnav div a.current, div.subnav div a.site { font-weight:bold;}

div.subnav_grey {background-image: url(../images/Nav/subnav_footer_grey.png);}
div.subnav_grey div , div.subnav_grey div a {color: #636262; }
div.subnav_grey div a.current , div.subnav_grey div a.site, div.grey div h2 {color: #636262;}

div.subnav_red {background-image: url(../images/Nav/subnav_footer_red.png);}
div.subnav_red div, div.subnav_red div a {color: #F4A88C; }
div.subnav_red div a.current , div.subnav_red div a.site , div.red h2, tr.red{color: #E2001A;}

div.subnav_darkblue {background-image: url(../images/Nav/subnav_footer_darkblue.png); }
div.subnav_darkblue div , div.subnav_darkblue div a {color: #9CA8CB; }
div.subnav_darkblue div a.current , div.subnav_darkblue div a.site, div.darkblue h2, span.darkblue {color: #004388;}

div.subnav_lightblue {background-image: url(../images/Nav/subnav_footer_lightblue.png);}
div.subnav_lightblue div, div.subnav_lightblue div a {color: #71A7BD; }
div.subnav_lightblue div a.current , div.subnav_lightblue div a.site, div.lightblue div h2{color: #024E71;}

/* Main Content */
div.main {min-height:540px; margin-bottom:20px; position:relative;}

/* for Internet Explorer 6 or earlier*/
/*\*/
* html div.main {
height: 540px;
}
/**/

div.mainNoSubnav{ min-height:587px; padding-top:5px;}
div.main div.col3{ width:308px; margin: 0 20px 0 0; float:left; }
div.main div.col2{ width:472px; margin-right:20px;float:left;  }
div.main div.col2and3 { width:636px; float:left; }
div.main div.last, div.main div.last div{ margin-right:0px;}
div.main .l {float:left; width:50%; }
div.main .r {float:right; width:50%;}

/* Footer */
div.foot{ border-top: solid 1px #949599;clear:both; height:30px;}
div.foot,div.foot a {color:#949599; font-size:.9em;}
div.foot a {margin:0 4px 0 4px;}
div.foot a.first {margin-left:0;}

/* Testimonials page*/
div.main .tesimonialNav {height:20px; margin: 5px 0 5px 0;}
div.main .tesimonialNav input{float:right;}
div.main .tesimonialNav input.prev {margin-right:10px; }

div.main .testimonial {width:308px; margin:0 20px 0 0; font-weight:500; float:left;}
div.main .testimonial p.testimonialbody {margin-bottom:.3em; }
div.main .testimonial p.testimonialfoot
{
    background-image: url(../images/testimonial_foot.png);
    background-repeat: repeat-x;
    color: #606164;
    background-position: bottom;
    overflow: hidden;
    padding-bottom: 1.5em;
    font-size:1em;
}

/* Contents pages*/
body table.readership{ margin:0 0 1em 0; padding:0; width:65%; border-collapse:collapse; }
body table.readership tbody td, body table.subbers tbody td{ margin:0; padding:2px 0 0 0; text-align:left; border-bottom: solid 1px black;}
body table.readership tbody td.last { border-bottom: none;}
body table.readership tbody td.r {text-align:right; width:12px; font-weight:bold;}
.iampie1 td{ color: #ED1C24;}
.iampie2 td{ color: #636466;}
.iampie3 td{ color: #F26649;}
.iampie4 td{ color: #939598;}
.iampie5 td{ color: #231F20;}
.wtrpie1 td{ color: #636466;}
.wtrpie2 td{ color: #00397E;}
.wtrpie3 td{ color: #6D81B6;}
.wtrpie4 td{ color: #898B8E;}
.wtrpie5 td{ color: #1B1819;}
body table.subbers { width:100%; border-collapse:separate; margin:0 0 1em 0; font-size:.9em; float:left; clear:both; }
body table.subbers tbody td {border-bottom: solid 1px #939598; color:Black; width:22%; border-right: solid 18px white; padding-bottom:1px; line-height:1em;}
body table.subbers tbody td.last {border-right: none;}
body table.smalltable tbody tr td{ vertical-align:top; line-height:1.2;}

.paging {text-decoration:none; height:22px; float:right;}
.paging img {margin: 0 5px 0 5px;}
.paging strong {vertical-align:top;}

.padimages img {margin: 0  0 7px 7px;}

div.artwork {width:964px; text-align:center;}

/* flashintro */
.flashintro {width:964px; height:540px; background-color:white; text-align:center; position:absolute; top:-45px; }

/* front page animation */
#iamrow, #wtrrow {position:absolute; bottom:0;}

/* research */
.researchtab{width:48% !important;border-collapse:collapse; table-layout:fixed}
.researchtab td, .researchtab th {border: 1px solid #808080;padding: 1px 5px 1px 5px; width:33%;font-size: 1em;}
.researchtab th{background-color:#F0F0F0;color:#646466}

/*  Admin */
body.admin div.nav a {text-indent:0; width:auto; margin-right:.5em; height:2em;}
body.admin div.head {margin-bottom:0;}
body.admin div.main div{margin-top:1em;}

/*PRINT STYLE SHEET*/
.printonly {display:none; visibility:hidden;}
@media print {
div.accesibility,
div.nav,
.tesimonialNav,
.site,
.paging,
.subnav,
a:after {display:none;}
.head {margin:0;}
.printonly {display:block; visibility:visible;}
}
