/*  Main sitewide styles  -  v1.16 Rev. 041007 */

/* = Colors
==============================
Text [Dark Gray]: #333
Borders [Light Blue]: #bfcde5

*/

/* = Global Tag Styles
============================== */
* { margin: 0; padding: 0; }

a { outline: none; }
a:link { color: #369; text-decoration: underline; }
a:visited { color: #609; }
a:hover, a:link:hover, a:visited:hover { color: #f60; cursor: pointer; }

body { background-color: #fff; color: #333; font: 100% 'arial unicode ms' ,arial,sans-serif; }

address { font-style: normal; }

h1, h2, h4 { font-weight: normal; }

dt, .browseLetter /* Browse List */ { font-weight: bold; }
img { border: 0; }

pre {
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 ?? */
    white-space: -o-pre-wrap;    /* Opera 7 ?? */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    _white-space: pre;           /* IE only hack to re-specify in addition to word-wrap  */
}

table { border-collapse: collapse; }
td { vertical-align: top; }

.bold { text-decoration: none; }
.callout { color: #930; font-style: italic; font-weight: bold; }
.clear { clear: both; }
.doubleSpace { margin-bottom: 2em; }

input.btn  {
    background: #ffc57b url(/img/letters/bg_letters.gif);
    border: 1px solid #f60;
    color: #fff;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    font-weight: bold;
    height: 25px;
    padding: 3px 2px 4px 2px;
}

.searchboxsm {
    background: #fff url(/img/searchbox/bg_form_input.gif) no-repeat;
    border: 1px solid #919191;
    border: 1px solid #999999;
    height: 1.25em;
    margin-bottom: .20em;
    padding: 0.4em 0.5em 0.1em 0.5em;
    width: 15em;
}

/* =Clearing
============================== */
.clearit:after {
    content: ".";
    display: block;
    height: 0;
	font-size: 0.1em;
	line-height: 0;
    clear: both;
    visibility: hidden;
}
.clearit { display: inline-block; }

/* = Global Page Padding / Margin Settings
============================== */
address, h1, p, #lcol ul, #lcol ol, dd, pre { margin-bottom: 1em; }
dt { margin-top: 1em; }

#header { margin-bottom: 15px; }
#content, #rcol, #footer { padding: 15px; }
#footer { margin-top: 15px; }
#rcol { padding-top: 0; }
#lcol { }
#content { padding-top: 0; padding-bottom: 0; }

div.leaderboard { padding: 15px 15px 25px; float: left; }

#homeAd, #browseAlpha, #malt, .featuredArticle,
    #nmr, #mps, .search, .ad, .relhbcontent, #searchResults { margin-bottom: 25px; }
    
div.bcrumb { margin-bottom: 17px; }

ul { margin-left: 16px; }
ol { margin-left: 25px; }

dl label { margin-right: 1em; }

/* = Font sizing 
============================== */
h1 { font-size: 140%; /*/*/ /*/ font-size: large; /* */ }       /* Page Titles */
h2, h4 { font-size: 110%; /*/*/ /*/ font-size: large; /* */ }   /* Headers */
h3, h5, dt { font-size: 90%; /*/*/ /*/ font-size: medium; /* */ }   /* Sub-headers */

.article { font-size: 120%; }
.article > table { font-size: 80%; }    /* Declared seperately because IE6 has issues with it being grouped together */

address, dd, h6, p, pre, label, ol, ul, 
    .relhbcontent td, .bcrumb, #askpad, h2#byline { font-size: 75%; }

p.copyright { font-size: 70%; }    

dl label, dl ol, dl ul, ul li * { font-size: 100%; }

/* = Header 
============================== */
#header { background: #e1f1ff; border-bottom: 1px solid #bfcde5; width: 100%; }
#header #logo { float: left; padding: 8px 10px 7px 13px; }

#navLinks { float: right; margin: 11px 6px 0; text-align: right; white-space: nowrap; width: 50%; }
#navLinks li { border-left: 1px solid #3380c6; display: inline; padding: 0 .50em 0 .60em; }
#navLinks .first { border: none; }

#mainAd { margin-bottom: 2px; }
#mainAd #mainAdSpace {
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    margin: 0 auto;
    width: 728px;
}
#mainAd .ad { margin: 0; }
.leaderboard#mainAd { margin-bottom: 0; }
.leaderboard#mainAd #mainAdSpace { margin: 0; }

/* = Footer 
============================== */
#footer { border-top: 1px solid #bfcde5; clear: both; }
#footer p { margin-bottom: .25em; }
#footer ul { margin-left: -.60em; }
#footer li { border-left: 1px solid #333; display: inline; padding: 0 .50em 0 .60em; }
#footer .first { border: none; }

/* = Main [Left] Column
============================== */
#lcol { width: 100%; }

/* = Right Column
============================== */
#rcol { border-left: 1px solid #bfcde5; }

.rcolWide { width: 300px; }
.rcolTall { width: 180px; }

/* = Article Page & Related Content
============================== */
h1.article-header { margin-top: 5px; margin-bottom: 5px; line-height: 1.3; }

h2#byline { font-weight: normal; margin: .50em 0; }

.pubLogo { float: left; padding: .30em .60em .30em 0; }

#content ul.tools { list-style-type: none; margin: 0 0 10px; padding: 0; }
ul.tools li { display: inline; padding-right: 10px; }
ul.tools li a { padding: 0 0 6px 0; }
ul.tools li a.printIco { background: url(/img/ico/ico_print_hb.gif) no-repeat 0 -1px; padding-left: 21px; }
ul.tools li a.emailIco { background: url(/img/ico/ico_email.gif) no-repeat 0 0; padding-left: 21px; }
ul.tools li a.diggIco { background: url(/img/ico/ico_digg_thumb.gif) no-repeat 0 1px; padding-left: 20px; }
ul.tools li a.deliciousIco { background: url(/img/ico/ico_delicious.gif) no-repeat 0 0.35em; padding-left: 14px; }

h2.relhb { color: #9e3600; clear: both; }
.relhbcontent td { padding: 5px 10px 5px 0; }
.relhbcontent img.logo { padding-top: 4px; }
.relhbcontent a, .relhbcontent a:visited, 
    .relhbcontent a:hover, .relhbcontent a:visited:hover { font-weight: bold; }

.article table { clear: both; width: 100%; }

/* = Ads 
============================== */
.ad { }

.top { margin-left: 11px; }
.top .ad { margin-bottom: 1.25em; }

.google h5 { margin-bottom: .20em; }
.google a { text-decoration: none; }
.google p a { display: block; }
.google p { margin-bottom: .30em; }
#lcol .google h5 a, #lcol .google h5 a:hover { display: inline; color: #333; }

.title  { font-weight: bold; }
.title { text-decoration: underline; }
.desc, #rcol .google h5 a, .url { color: #333; }
.title, .desc   { padding-right: .70em; }

    /* ask ads */
    #askpad { padding: 1em 0; }
    #askpad a, .askhead, .asktitle { font-weight: bold; }
    .asktitle, .askurl { color: #369; }
    
     /* google ads on article page */
    #goog300 {
        float: right;
        border-left: 1px solid #bfcde5;
        margin-left: 10px;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    
    /* DoubleClick */
    #adpad { padding-top: 10px; padding-bottom: 20px; }
    
#goog300 .ad { margin: 0; }

/* = Need More Research (NMR) 
============================== */
#nmr { }
#nmr p, #nmr .btn { margin: 0 0 5px 0; }
#nmr td { width: 33%; }
#nmr .btn { width: 118px; }

/* = Most Popular Searches (MPS) 
============================== */
#mps {  }

/* = Current, Previous, Next Page Links
============================== */
.current,
.previous   { margin-right: .50em; }

#content .previous a,
#content .next a      { font-weight: bold; white-space: nowrap; }

/* = Browse Page [Letter / Category] & Site Index
============================== */
.browse p   { margin: 1em 0; }
.browse ul  { list-style-type: none; margin-left: 0; }

#siteIndex  { margin-top: 100em; }
#siteIndex dt   { font-weight: normal; }

#categoryList #content ul, #documentList #content ul { list-style-type: none; line-height: 1.6; margin-left: 0; }
#categoryList #content ul ul, #documentList #content ul ul { margin-left: 1.5em; }

    #categories, #subCategories, #documents { float: left; width: 46%; }
    
    #categories { border-right: 1px solid #bfcde5; padding-right: 1em; }
    #categories img { float: left; padding: .15em .50em 0 0; }
    
    #subCategories, #documents { border-left: 1px solid #bfcde5; margin-left: -1px; padding-left: 1em; }

/* = Search Box & Search Results
============================== */
.search { }
.search h1 { margin-bottom: 5px; }
.search input, .search label { float: left; margin-right: .45em; }
.search p { margin: 0; padding-top: .25em; }
.search label { font-weight: bold; padding-top: .40em; }

.searchHome { margin-left: auto; margin-right: auto; padding-top: 15px; width: 25em; }
.searchHome .btn { margin: 0; }
.searchHome .searchboxsm { width: 22.50em; }
.searchHome p { clear: left; padding-top: 0; }

.searchHead { background: #fff; border-top: 1px solid #bfcde5; height: 35px; margin-bottom: 0; padding: 0 0 0 20px; }
.searchHead input { margin-top: .25em; }
.searchHead label, .searchHead p { padding-top: .85em; }

    /* Results Page */
    .resultsNav.head h5 { border-top: 1px solid #bfcde5; padding: .30em 0; }
    .clarifySearch { margin-bottom: .50em; }

/* = New Styled Headers
============================== */
.home h3 { border-top: 1px solid #e5b299; color: #c63; margin-bottom: 9px; }
.home #rcol h3 {
    background: url(/img/bg_sect_head.gif) top left repeat-x; 
    border: 1px solid #e3d5ab; 
    border-width: 0 1px 0 1px;
    padding: 4px 0 5px 10px;
    margin-bottom: 4px;
}
.home #rcol p { margin-left: 11px; }

/* = Home Page
============================== */
.home h1 { font-size: 110%; }
.home h1, .home .featuredArticle h2 { color: #369; }

.home #rcol ul { margin-left: 27px; }

#homeAd h2, #homeAd p { margin: 0; padding: 0 0 .50em .50em; }
#homeAd h2 { font-size: 140%; line-height: 1.1em; padding-bottom: .30em; }
#homeAd td { vertical-align: bottom; }
#homeAd td.lside { background: url(/img/home_ad_site_bg_side.gif) bottom left no-repeat; height: 100%; padding-left: 4px;}
#homeAd td.content { background: url(/img/home_ad_site_bg.gif) bottom left repeat-x; }

#homeAd p, .featuredArticle p { font-size: 90%; }

.featuredArticle h2 { margin: 0 0 .24em; }

.poweredBy { float: right; text-align: right; width: auto; }
.poweredBy img { margin-left: .75em; }
.poweredBy p { float: left; padding-top: 12px; }

.home #nmr { border-bottom: 1px solid #bfcde5; padding-bottom: 1em; margin-bottom: .40em; }

/* = Thumbnails
============================== */
.thumbnails { float: left; margin: 3px 15px 5px 0; }
    
.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; }

/* enlarged image */
.thumbnail span { 
    background: #e1f1ff;
    border: 1px dotted #f60;
    padding: 15px;
    position: absolute;
    left: -5000px;
    text-decoration: none;
    visibility: hidden;
}

/* enlarged image hover */
.thumbnail:hover span { 
    left: 100px; /* horizontal offset */
    top: -100px; /* vertical offset */
    visibility: visible;
}