/* CSS Document */

body {background:#25316D url("images/bg.gif") repeat-y top center; margin:0px; padding:0px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size:.9em; color:#333333;}
a {text-decoration: underline; color:#0C5C97;}
a:hover {text-decoration: none;}

p {margin:10px;}
/* in-page search term hilight for search results */
.ht {font-weight:bold; font-size:1.3em;}

/* center-aligned wrapper with shaded background */
div#page {position:relative; width:810px; padding:0px 8px 0px 8px; margin-left:auto; margin-right:auto;}


/* Wrapper for left content column and right sidebar column */
div#content {position:relative; clear:both; width:810px; margin:20px 0px 0px 0px;}

/* Left column (content) */
div#leftColumn {float:left; width:620px; margin:0px; padding:0px;}
div#leftColumn h2 {width:533px; margin:0px 0px 10px 10px; padding:0px 0px 0px 5px; color: #7E1C81; background:#f6f6f6; border:1px solid #BDBDBD; font-size:1.2em; }
div#leftColumn div.article h1 {FONT-SIZE: 16pt; FONT-FAMILY: Arial, Helvetica; color: #CD0067; font-weight:bold; margin:0px 0px 5px 0px; padding:0px; border:0px; width:auto; padding-left:25px; background: url(images/h1image.gif) no-repeat; BORDER-BOTTOM: #340065 thin solid;}
div#leftColumn div.article h2 {FONT-SIZE: 12pt; color: #CD0067; font-weight:bold; margin:0px 0px 5px 0px; padding:0px; padding-left:15px; background: url(images/red-star.gif) no-repeat; border:0px; width:auto;}
div#leftColumn div.article h3 {FONT-SIZE: 12pt; font-weight:bold; margin:0px 0px 5px 0px; padding:0px; background:transparent; border:0px; width:auto;}
div#leftColumn h3 {margin:0px; padding:0px; color:#25316D; font-size:1.3em;}

div#leftColumn div.article ul {
list-style-type: disc;
margin-bottom: 15px;
}
div#leftColumn div.article li {
font-size: 13px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 15px;
}

/* blocks hold content and contain margins. They also pick up borders & colors for the Available/Member split. */
div#leftColumn div.block {width:590px; margin:0px 0px 20px 10px; padding:0px; clear:both;}
div#leftColumn div.block h3 {width:535px; height:18px; padding:0px 0px 0px 5px; margin:0px 0px 10px 0px; font-size:1.1em; border-style:solid; border-width:0px; border-bottom-width:1px;}
div#leftColumn div.block a#memberUpsell {display:block; position:absolute; left:326px; margin:2px 0px 1px 0px;}
div#leftColumn div.block a.more {display:block; width:535px; padding:3px 0px 3px 5px; margin:0px; font-size:.9em; border-style:solid; border-width:0px; border-top-width:1px;}
div#leftColumn div.block#relatedArticle {border:1px solid #E2E1DC; width:538px; padding-top:10px; margin-bottom:0px;}

/* Each sidebar element should be wrapped in this style for correct margins */
div#rightColumn div.block { margin:0px 0px 15px 0px;}

/* ##### Footer ##### */
ul#footer {position:relative; height:20px; width:800px; background-color: #D00065;  margin:30px 0px 0px 0px; padding:2px 0px 2px 0px; clear:both; font-size:.9em;}
ul#footer li {float:left; list-style:none; padding:15px 5px 0px 10px;}
ul#footer li a {color:#FFFFFF; font-weight:bold; text-decoration:underline; font-size:.9em;}
ul#footer li img {vertical-align:baseline; padding:2px 0px 0px 0px;}
ul#footer li.copyright {float:right; clear:right; color:#FFFFFF; font-weight:bold; font-size:.9em; margin:0px 5px 0px 0px;}


/* Article text layout */
div.article {margin:20px 20px 30px 20px; padding:0px; color:#000000;}
div.article p {FONT-WEIGHT: 200;
    FONT-SIZE: 13px;
    CURSOR: default;
    COLOR: #000000;
    LINE-HEIGHT: 15pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: normal;
    TEXT-ALIGN: justify;}
div.article p.author {margin-top:0px; color:#999999;}


div#copyright {clear:both; margin:20px 0px 20px 20px; color:#999999; font-size:.8em;}



/* Toolbar for Article page (Topic Index, near bottom of page) */
div#topicIndex {margin:30px 0px 0px 10px;}
div#topicIndex h2 {margin:0px; width:533px; background:#f5f5f5; border:1px solid #DDDBD4; border-bottom-width:0px; padding:0px 0px 0px 5px; color:#535353; font-size:1.3em;}

div#topicIndex ul.toolbar {width:580px; margin:0px; padding:0px 0px 0px 5px; font-size:.85em; background:#FFFFFF; border:1px solid #C0813E; color:#D4B133; overflow:auto;}
div#topicIndex ul.toolbar li.header {float:left; list-style:none; background:transparent; padding:5px 0px 5px 0px;}
div#topicIndex ul.toolbar li.index {display:none;}


/* Topic block - each block contains the publication block, article, and maybe a photo */
div.topic {width:520px; margin:0px 0px 10px 10px; padding:0px 0px 10px 0px; overflow:auto;}
div.topic div.publication_info {float:left; width:145px; margin:0px 10px 0px 0px;}


div#page.landingpage div#relatedMaterial div#landingblock {float:left; width:258px; border:1px solid #99CC99; margin:5px;}

/* Article masthead - adjustments from global styles */
div#page.landingpage div#copyright {clear:both; margin:20px 0px 20px 20px; color:#999999; font-size:.8em;}
div#page.landingpage .continued { font-size:.8em; color:#999999; } 


div.menu {
background-image:url(images/mainnav_dividerline.gif);
width:170px;
padding-top:1px;
padding-bottom:1px; /* bottom dotted line */
overflow:hidden;
font-family: arial;
}
/*  below is to handle strange behavor for
    NN and OP where navPrimary's margin-top attribute
was only taking if a border was set on the menu div */
div.menu > a:first-child {
margin-top: 0px;
}

/* --------   Primary and Secondary   -------- */
a.navPrimary, a.navPrimaryActive, a.navSecondary, a.navSecondaryActive{
display: block;
background:#FFFFFF no-repeat top left;
overflow:hidden;
}
/* --------   Primary   -------- */
a.navPrimary, a.navPrimaryActive{
margin-top: 1px; /* dotted line */
padding-top:6px;
padding-bottom:7px; 
padding-left:22px;
font-weight: bold;
color: #25316D;
font-size: 11px;
text-decoration:none;
}
a.navPrimary {
background-image:url(images/blue-arrow.gif);
color: #25316D;
}

a.navPrimaryActive {
background-image:url(images/blue-arrow.gif);
color:#CD0067;
}
a.navPrimaryActive:visited {
color:#CD0067;
}
a.navPrimaryActive:hover {
background-image:url(images/orange-arrow.gif);
color:#CD0067;
}
a.navPrimaryActive:active {
color:#CD0067;
}
a.navPrimary:visited {
color:#352087;
}
a.navPrimary:hover {
background-image:url(images/orange-arrow.gif);
color:#CD0067;
}
a.navPrimary:active {
color: #CD0067;
}
/* --------   Secondary   -------- */
a.navSecondary, a.navSecondaryActive  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:underline;
padding-bottom:10px;
padding-left:28px;
color: #25316D;
}
a.navSecondary {
background-image:url(images/subnav_bullet_black.gif);
}
a.navSecondary:hover {
color:#CD0067;
text-decoration: none;
}
a.navSecondary:visited {
color:#352087;
}
a.navSecondaryActive {
text-decoration:none;
}
a.navSecondaryActive:visited {
text-decoration:none;
}
.img{
padding: 5px 5px 5px 5px;
margin: 10px 5px 10px 10px;
border: 1px solid #DDDBD4;
}

.td{
margin: 5px 5px 5px 15px;
padding: 5px 5px 5px 15px;

}