/* CSS Document */

body {background:#660066 url("images/bg.gif") repeat-y top center; margin:0px; padding:0px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; font-size:.8em; color:#333333;}
a {text-decoration: underline; color:#660066;}
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 5px 0px 5px; 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:1.7em; color: #660066; font-weight:bold; margin:0px 0px 5px 0px; padding:0px; border:0px; width:auto; padding-left:25px; background: url(images/h1image1.gif) no-repeat;}
div#leftColumn div.article h2 {font-size:1.2em; color: #7A2278; font-weight:bold; margin:0px 0px 5px 0px; padding:0px; padding-left:25px; background: url(images/h2image.gif) no-repeat; border:0px; width:auto;}
div#leftColumn div.article h3 {font-size:1em; font-weight:bold; margin:0px 0px 5px 0px; padding:0px; background:transparent; border:0px; width:auto;}
div#leftColumn h3 {margin:0px; padding:0px; color:#3B6F2D; font-size:1.3em;}

/* 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:25px; width:810px; background:#660066; margin:30px 0px 0px 0px; padding:2px 0px 2px 0px; clear:both; font-size:.9em;}
ul#footer li {float:left; list-style:none; padding:0px 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 {margin:10px 0px 10px 0px; padding:0px; color:#333333;}
div.article p.author {margin-top:0px; color:#999999;}


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


/* ##### Toolbar (Header/Topic Index link) ##### */
ul.toolbar {width:540px; margin:0px 0px 20px 10px; padding:0px; background:#DEB400; font-size:1.6em; clear:both;}
ul.toolbar li.header {float:left; list-style:none; background:#DEB400; color:#0C5C97; padding:0px 0px 0px 5px;}
ul.toolbar li.index {float:right; list-style:none; background:#ffffff url("images/bg_topicIndex.gif") repeat-x bottom left; border:1px solid #BDBDBD; text-align:center; vertical-align:top; min-height:25px;}
ul.toolbar li.index a {font-size:.6em; font-weight:bold; white-space:nowrap; padding:0px 10px 0px 10px; vertical-align:middle;}



/* 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 url("images/bg_topicIndex.gif") repeat-x bottom left; border:1px solid #DDDBD4; color:#0C5C97; 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-color: #FFFFFF;
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 {
background-color: #FFFFFF;

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:25px;
font-weight: bold;
color: #B55BB5;
font-size: 11px;
text-decoration:none;
}
a.navPrimary {
background-image:url(images/liteviolet-arrow.gif);
color: #B55BB5;
}
a.navPrimaryActive {
background-image:url(images/darkpink-arrow.gif);
color:#C02372;
}
a.navPrimary:visited {
color:#B55BB5;
}
a.navPrimary:hover {
background-image:url(images/darkpink-arrow.gif);
color:#D2A2D6;
}
a.navPrimary:active {
color:#660066;
}
a.navPrimaryActive:visited {
color:#C02372;
}
a.navPrimaryActive:hover {
color:#660066;
}
a.navPrimaryActive:active {
color:#C02372;
}
/* --------   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: #B55BB5;
}
a.navSecondary {
background-image:url(images/subnav_bullet_black.gif);
}
a.navSecondary:hover {
color:#660066;
text-decoration: none;
}
a.navSecondaryActive {
text-decoration:none;
}
a.navSecondaryActive:visited {
text-decoration:none;
}