/* CSS Document */

body {background:#eaeaea 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; behavior:url(/common/csshover.htc);}
a {text-decoration:none; color:#7E1C81;}
a:hover {text-decoration:underline;}
img {border:0px;}

p {margin:10px;}
form {margin:0px; padding:0px;}
/* 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:760px; padding:0px 8px 0px 8px; margin-left:auto; margin-right:auto;}

/* bottom article search */
form.search_article {display:block; clear:both; width:540px; margin:10px 10px 20px 10px; padding:0px; background:#CE85BD; repeat-x; top left;}
form.search_article input {margin:5px 0px 5px 5px; font-size:.9em;}
/* Safari ignores the vertical-align attribute. Fix in JavaScript or ignore */
form.search_article a {color:#ffffff; font-weight:bold; text-decoration:underline; font-size:.8em; margin:0px 0px 0px 5px; vertical-align:50%;}


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

/* Left column (content) */
div#leftColumn {float:left; width:570px; margin:0px; padding:0px;}
div#leftColumn h2 {width:533px; min-height:18px; 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.6em; color: #7E1C81; 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; 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:#535353; 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:540px; 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;}

/* Right sidebar */
div#rightColumn {float:left; width:180px; margin: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:760px; background:#7E1C81; 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:#000000;}
div.article p.author {margin-top:0px; color:#999999;}
div.article h4 {font-size:1em;}
img.article_leftAligned {float:left; margin:0px 10px 10px 0px;}
div.article div.notes {margin:0px 0px 20px 0px; padding:5px; border:1px solid #DDDBD0; background:#F9F9F3;}
div.article div.notes h4 {margin:0px; padding:0px;}
div.article .continued { font-size:.8em; 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:#E2E1DC; font-size:1.6em; clear:both;}
ul.toolbar li.header {float:left; list-style:none; background:#E2E1DC; color:#535353; 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:533px; 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:#999999; 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 img.photo_right {display:block; margin:2px 0px 5px 0px;}
div.topic img.photo_left {float:left; margin:0px 10px 0px 0px;}
div.topic div.publication_info {float:left; width:145px; margin:0px 10px 0px 0px;}
div.topic div.publication_info h4 {width:138px; background:#FFF59E url("images/arrow.gif") no-repeat 132px 3px; color:#FF9933; padding:0px 0px 0px 5px; margin:0px 0px 5px 0px; border:1px solid #F4B84E; font-size:.8em;}
div.topic div.publication_info p {width:143px; margin:0px; padding:4px 0px 4px 2px; background:#f2f2f2; color:#666666; font-size:.8em; border:1px solid #eaeaea;}
div.topic div.publication_info img {margin-bottom:5px;}
div.topic div.publication_info p a {}
div.topic div.publication_info p a.removekept {color: #cc0000;}
div.topic div.publication_links {float:left; width:360px;}
div.topic div.publication_links img {float:right; margin:5px 0px 5px 10px; padding:0px;}
div.topic div.publication_links a {font-weight:bold; font-size:1.1em;}
div.topic div.publication_links p {margin:0px; padding:0px;}
div.topic div.publication_links p.info {color:#9D9988; font-size:.9em;}
div.topic div.publication_links p.info a:hover {color:#9D9988; font-weight:normal; font-size:.9em;}
div.topic div.detail {float:left; width:360px; font-size:.85em;}

div#page.landingpage div#relatedMaterial div#landingblock {float:left; width:258px; border:1px solid #99CC99; margin:5px;}
/* ie 6 hack to avoid box model bug */
* html div#page.landingpage div#relatedMaterial div#landingblock {width:254px;}
div#page.landingpage div#relatedMaterial div#landingblock h3 {margin:0px; padding:3px 5px 3px 5px; background:#EFFFEF; border-bottom:1px solid #99CC99; color:#669966; font-size:1.1em;}
div#page.landingpage div#relatedMaterial div#landingblock a.more {display:block; padding:3px 5px 3px 5px; margin:0px; background:#EFFFEF; border-top:1px solid #99CC99; font-size:.9em;}
div#page.landingpage div#relatedMaterial div#landingblock ul {list-style:  url("images/bullet.gif") outside; margin:0px; padding:5px 5px 5px 18px; font-size:.85em;}
div#page.landingpage div#relatedMaterial div#landingblock li {margin-bottom:4px;}
div#page.landingpage div#relatedMaterial div.noContent {font-size:.85em; margin:0px; padding:5px;}

/* Article masthead - adjustments from global styles */
div#page.landingpage div#masthead a.visit {top:5px; color:#999999; }
div#page.landingpage div#copyright {clear:both; margin:20px 0px 20px 20px; color:#999999; font-size:.8em;}
div#page.landingpage .article_msg {color:#666; border:1px dashed #CCC; margin:0px 20px 10px 10px; padding:3px;}
div#page.landingpage .big {font-size:1.4em; font-weight:bold;}
div#page.landingpage .continued { font-size:.8em; color:#999999; } 

/* Available Material sidebar element for landing page */
div#rightColumn div#landingblock {border:1px solid #CC85BF; margin:0px 0px 10px 0px; padding:0px;}
div#rightColumn div#landingblock h3 {margin:0px; padding:3px 5px 3px 5px; background:#A05EA5; border-bottom:1px solid #C2A4CA; color:#FFFFFF; font-size:1.1em;}
div#rightColumn div#landingblock a.more {display:block; padding:3px 5px 3px 5px; margin:0px; background:#EFFFEF; border-top:1px solid #C2A4CA; font-size:.9em;}
div#rightColumn div#landingblock ul {list-style:  url("images/bullet.gif") outside; margin:0px; padding:5px 5px 5px 18px; font-size:.85em;}
div#rightColumn div#landingblock li {margin-bottom:4px;}


/* promotional material sidebar element */
div#rightColumn div.promo {width:178px; border:1px solid #DFDEDE; margin:0px; font-size:.85em;}
div#rightColumn div.promo h4 {width:173px; background:#F2F5F8; background-image:url(/assets/bkgnd_promohead.gif); color:#59759F; margin:0px; padding:4px 0px 4px 5px; font-size:1.25em; border:0px solid #DFDEDE; border-bottom-width:1px;}
div#rightColumn div.promo p {margin:0px; padding:5px; line-height:1.6em;}
div#rightColumn div.promo p img {margin:0px 0px 10px 5px;}
div#rightColumn div.promo ul {list-style:none; padding:0px; margin:5px 0px 10px 10px;}
div#rightColumn div.promo ul li {line-height:1.6em; margin:0px;}
div#rightColumn div.promo a.more {display:block; padding:3px 5px 3px 5px; margin:0px; background:#F5F7FB; border-top:1px solid #DEDEDE;}