/* My Comment */

/* @group Global */

* html {
padding: 0;
margin: 0;
height: 100%;
}

body {
padding: 0;
margin: 0;
font: 11px/13px Arial, Helvetica, sans-serif;
color: #333333;
text-align: left;
background-color: #f6f6f6;
height: 100%;
}

img {
border: 0px;
}

.navRolloverGIFs {
border:0;
}

#wrapper {
width: 1024px;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
background-color: #FFFFFF;  
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-left-color: #a3aaae;     
border-right-color: #a3aaae; 
}


* html #wrapper {
height: 100%;
}

#topBar {
height: 86px;
width: 1024px;
background-color: #FFFFFF;
margin: 0 auto;
}

#topBar .logo {
width: 472px;
height: 35px;
}

#topBar .toplinks {
position: relative;
left: 0px;
padding-right: 20px;
font: 10px Arial, Helvetica, sans-serif;
text-align: right;
color: #6d6d6d;
}

#topBar .tagline {
width: 1024px;
height: 61px;
}

#topBar .tagline p.taglinetext {
margin-top: 0px;
margin-left: 35px;
font: 14px Arial, Helvetica, sans-serif;
color: #1b3664;
}

/* @end */


/* @group Header Bar */

#header {
height: 70px;
width: 1024px;
text-align: left;
background: url(images/bgHeader.gif) top left repeat-x;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #b2b2b2;
border-bottom-color: #b2b2b2;
}

#heading {
float: none;
width: 500px;
text-align: left;
padding-left: 30px;
padding-top: 25px;
}

#date {
float: right;
width: 245px;
font-size: 12px;
color: #6d6d6d;
text-align: left;
padding-top: 33px;
}

/* @end */


/* @group Nav Bar */

#navBar {
position: relative;
height: 19px;
width: 1024px;
margin: 0 auto;
}

#ReportTab {
position: absolute;
top: 0px;
left: 35px;
width: 183px;
}

#NewsTab {
position: absolute;
top: 0px;
left: 228px;
width: 183px;
}

#AboutTab {
position: absolute;
top: 0px;
left: 421px;
width: 183px;
}


/* @end */


/* @group Footer */

#footer {
height: 50px;
width: 1024px;
text-align: left;
padding: 0px;
background: url(images/bgFooter.gif) bottom left no-repeat;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #b2b2b2;
border-bottom-color: #b2b2b2;
}

#footer p {
margin-top: 15px;
margin-left: 30px;
}

#footer div.links {
float: none;
width: 800px;
}

#footer div.buttons {
float: right;
width: 224px;
margin-top: 15px;
}


/* @end */

/* @group Homepage */

#mainHome {
position: relative;
height: 334px;
width: 1024px;
margin: 0 auto;
z-index:100;
background-color: #FFFFFF;
}

#mainArticle {
float: left;
height: 334px;
width: 764px;
margin: 0 auto;
}

#mainArticle p.whatsinside {
color: #6d6d6d;
margin-left: 35px;
margin-top: 5px;
}

#mainArticleContent {
float: none;
width: 739px;
padding: 10px;
margin-left: 25px;
}

#mainArticleContent h1{
color: #1b3664;
font: normal 18px Arial, Helvetica, sans-serif;
}

#mainArticleContent span.title{
font: bold 14px Arial, Helvetica, sans-serif;
}

#mainArticleContent span.byline{
font: italic 12px Arial, Helvetica, sans-serif;
}

#mainArticleContent p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
}

#mainArticleContent div.articleImage {
position: relative;
float: none;
width: 301px;
margin-right: 10px;
}

#mainArticleContent div.articleText {
position: relative;
float: left;
width: 390px;
}

#subscribeHome {
position:relative;
float: left;
height: 339px;
width: 260px;
z-index:1000;
text-align: left;
background: url(images/bgSubscribeHome.jpg) top left no-repeat;
margin: 0 auto;
}

#signupHome {
position: absolute;
bottom:-1px;
left: 1px;
height: 62px;
z-index:10000;
width: 259px;
text-align: left;
background: url(images/img_signup.gif) top left no-repeat;
margin: 0 auto;
}

#subscribeHome p {
margin-top: 50px;
margin-left: 15px;
margin-right: 15px;
}

#signupHome p {
margin-top: 34px;
margin-left: 15px;
margin-right:0;
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}


#homeEndorsements {
position: relative;
width: 260px;
padding: 20px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #a3aaae;
border-right-color: #a3aaae;
border-bottom-color: #a3aaae;
border-left-color: #a3aaae;
}

#homeEndorsements div.text {
width: 230px;
}

#homeEndorsements span.name {
font: bold 11px/13px Arial, Helvetica, sans-serif;
color: #1b3664;
}

#homePreviousIssues {
position: relative;
width: 230px;
padding: 20px;
}

img.homeCalloutImage {
border: 1px solid #a3aaae;
margin-right: 10px;
margin-top: 3px;
margin-bottom: 10px;
}

#homeArticleArea {
position: relative;
width: 764px;
height: 380px;
margin: 0 auto;
padding-top: 10px;
}

#homeArticleCol1 {
position: relative;
float: left;
width: 345px;
margin: 0 auto;
padding-right: 20px;
}

#homeArticleCol2 {
position: relative;
float: left;
width: 345px;
margin: 0 auto;
}

div.homeArticleBox {
height: 100px;
width: 345px;
margin: 0 auto;
background-color: #f7fafc;
border: 1px solid #a3aaae;
}

div.homeArticleBoxText {
margin: 10px;
}

.homeArticleBoxText .title{
font: bold 14px Arial, Helvetica, sans-serif;
}

.homeArticleBoxText .byline{
font: italic 12px Arial, Helvetica, sans-serif;
}

.homeArticleBoxText p {
font: normal 11px/14px Arial, Helvetica, sans-serif;
}

div.home3ColArea {
position: relative;
width: 764px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
}

div.homeCalloutCol1 {
position: relative;
float: left;
width: 228px;
height: 135px;
margin: 0 auto;
padding-right: 14px;
}

div.homeCalloutCol2 {
float: left;
width: 228px;
height: 135px;
margin: 0 auto;
padding-right: 14px;
}

div.homeCalloutCol3 {
float: left;
width: 228px;
height: 135px;
margin: 0 auto;
}

div.homeCalloutBox {
height: 110px;
width: 226px;
margin: 0 auto;
background-color: #f7fafc;
border: 1px solid #a3aaae;
}

.homeCalloutBox p {
margin: 10px;
}


#home3ColBox {
height: 140px;
width: 708px;
margin: 10px 20px 0 0;
background-color: #e7eff4;
border: 1px solid #a3aaae;
}

#home3ColBox p {
margin: 10px;
}


/* @end */

/* @group Link styles */

a:visited { color: #1b3664; text-decoration: none; }
a:link { color: #1b3664; text-decoration: none; }
a:active { color: #1b3664; text-decoration: none; }
a:hover { color: #1b3664; text-decoration: underline; }

a.bold:visited { color: #1b3664; font-weight: bold; text-decoration: none; }
a.bold:link { color: #1b3664; font-weight: bold; text-decoration: none; }
a.bold:active { color: #1b3664; font-weight: bold; text-decoration: none; }
a.bold:hover { color: #1b3664; font-weight: bold; text-decoration: underline; }

a.top:visited { color: #6d6d6d; text-decoration: none; }
a.top:link { color: #6d6d6d; text-decoration: none; }
a.top:active { color: #6d6d6d; text-decoration: none; }
a.top:hover { color: #6d6d6d; text-decoration: underline; }

a.navlink:visited { color: #1b3664; text-decoration: none; }
a.navlink:link { color: #1b3664; text-decoration: none; }
a.navlink:active { color: #1b3664; text-decoration: none; }
a.navlink:hover { color: #1b3664; text-decoration: underline; }

a.signup:visited { color: #FFFFFF; text-decoration: none; }
a.signup:link { color: #FFFFFF; text-decoration: none; }
a.signup:active { color: #FFFFFF; text-decoration: none; }
a.signup:hover { color: #FFFFFF; text-decoration: underline; }

/* @end */

/* @group Subpage styles */

#subscribeSub {
float: left;
height: 339px;
width: 260px;
text-align: left;
background: url(images/bgSubscribe.jpg) top left no-repeat;
margin: 0 auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #a3aaae;
}

#subscribeSub p {
margin-top: 50px;
margin-left: 15px;
margin-right: 15px;
}

#signupSub {
position: absolute;
bottom:-1px;
left: 1px;
height: 62px;
width: 259px;
text-align: left;
background: url(images/img_signup.gif) top left no-repeat;
margin: 0 auto;
}

#signupSub p {
margin-top: 34px;
margin-left: 15px;
margin-right:0;
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}


#subpageContent {
float: left;
width: 550px;
text-align: left;
margin: 0 auto;
padding: 10px;
}
#subpageContent .red
{
border:2px solid #FF0000;
}
#subpageContent .errorMessage
{
color:#FF0000;
padding:0 10px;
}

#subpageContent p {
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
}

#subpageContent span.subhdg {
color: #1b3664;
font: bold 14px Arial, Helvetica, sans-serif;
}

#subpageContent span.date {
font: italic 12px Arial, Helvetica, sans-serif;
}

#subpageContent span.byline {
font: italic 12px Arial, Helvetica, sans-serif;
}

#subpageContent h1 {
color: #1b3664;
font: normal 18px Arial, Helvetica, sans-serif;
}

#navLeft {
float: left;
height: 400px;
width: 157px;
text-align: left;
margin: 0 auto;
padding-top: 20px;
}

.navLeftOff {
float: left;
width: 157px;
text-align: left;
margin: 0 auto;
color: #1b3664;
font: bold 11px Arial, Helvetica, sans-serif;
}

.navLeftOn {
float: left;
width: 157px;
text-align: left;
margin: 0 auto;
color: #1b3664;
font: bold 11px Arial, Helvetica, sans-serif;
background-color: #b8cdee;
}

#navLeft span.navText {
color: #1b3664;
}

#navLeft div.navLeftLevel2 {
margin: 10px;
}

#navLeft div.navLeftLevel3 {
margin-left: 24px;
margin-bottom: 10px;
}

#navLeft span.white {
color: #FFFFFF;
}

img.leftSubscribe {
margin: 10px;
}

#subpageContent div.newsArchivesLink {
position: absolute;
top: 30px;
right: 120px;
}
#bio-pics {
margin-right: 10px;
margin-bottom: 10px;
}
#report h1.masthead{
font:20px Georgia, "Times New Roman", Times, serif;
color:#156496;
line-height:24px;
margin:15px 10px 15px 0;
}
#report h1{
font:18px Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#1b3664;
line-height:24px;
margin:0 0 10px 0;
}
#report h2{
font:16px Georgia, "Times New Roman", Times, serif;
color:#156496;
line-height:24px;
margin:0 0 5px 0;
}

/* @end */

/* @group Form styles */

.formfield {
color: #333333;
font: normal 11px Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}


/* @end */

/* column container */
.colmask {
position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:center;
        width:1024px;/* width of whole page */
overflow:hidden;/* This chops off any overhanging divs */
background: url(images/bgWrapperSub.gif) top left repeat-y;
}
/* holy grail 3 column settings */

    .threecolumn .colmid {
        float:left;
        width:200%;
        margin-left:-260px; /* Width of right column */
        position:relative;
        right:100%;
    }
    .threecolumn .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:417px;         /* Left column width + right column width */
        
    }
    .threecolumn .col1wrap {
        float:left;
    width:50%;
    position:relative;
    right:157px;        /* Width of left column */
   
}
.threecolumn .col1 {
        margin:0 177px 260px;     /* Centre column side padding:
                            Left padding = left column width + centre column left padding width
                            Right padding = right column width + centre column right padding width */
        position:relative;
    left:200%;
    overflow:hidden;
text-align: left;
}
    .threecolumn .col2 {
        float:left;
        float:right;/* This overrides the float:left above */
        width:157px;        /* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         /* Width of the left-hand side padding on the left column */
background: url(images/bgLeftSub.gif) top left no-repeat;    /* Left column background colour */
text-align: left;
    }
    .threecolumn .col3 {
        float:left;
        float:right;/* This overrides the float:left above */
        width:260px;        /* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  /* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
text-align: left;
    }

/* column container HOMEPAGE*/
/* column container */
.colmaskhome {
position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
        width:1024px;/* width of whole page */
overflow:hidden;/* This chops off any overhanging divs */
margin: 0 auto;
background: url(images/bgHomepageCallouts.gif) top left no-repeat;
z-index:1000000;
}
/* 2 column right menu settings */

.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
    }
    .rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
        margin:0 15px 0 215px;
        overflow:hidden;
}
    .rightmenu .col2 {
        float:right;
        width:260px;
        position:relative;
        left:200px;
margin: 0 auto;
    }

 
#signupSub p, #signupHome p{background:url(images/img_fourfreeissues.gif) no-repeat; }
#signupSub span, #signupHome span { visibility:hidden; }
#slidebox {
position:absolute; 
top:277px; 
left:1px;
width:259px;
height:0;
background:url(images/bgSliderbox.gif) no-repeat;
padding:10px 10px 0 15px;
margin:0;
}
#slidebox form { display: none; }
#slidebox p {
padding:0;
margin:5px 0 7px 0;
}
#slidebox input { 
border:1px #C1C1C1 solid;  
font: 11px Arial, Helvetica, sans-serif;
color: #838383;
width:165px;
height:19px;
padding:3px 10px 0 10px;
margin:0;
}
#slidebox .submit { 
border:none;
width:79px;
padding:0;
margin:5px 0 0 0;
}
#slidebox img {
padding:0;
margin:0;
}
#slideout { float:right; margin:-24px 25px 0 0; padding:0;}