/***********************************************************
 *
 * styles_global.css
 * -----------------
 * The main default set of stylesheets for the entire site
 * These styles get applied before any others, then other
 * stylesheet files suppliment or substitute the styles in
 * this main stylesheet file.
 *
 ***********************************************************/


body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 85%;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    background: #efefe4;
    background: #ffffff;
}

img {
    border: 0px;
}

a { color: #A00805; }
a:link { color: #A00805; }
a:active { color: #A00805; }
a:visited { color: #A37F6A; }
a:hover { color: #000000; }

a.PDF {
    padding-right: 20px;
    background: url(/lib/images/pdf.gif) no-repeat right;
}

a.Offsite {
    padding-right: 12px;
    background: url(/lib/images/icon_offsite-link.png) no-repeat right;
}



/* A few styles for form elements everywhere on the page */

input.Text, textarea, select {
    border: 1px solid #909090;
}

input.Text:focus,
textarea:focus,
button:focus {
    border: 1px solid black;
    background-color: #F0F0F0;
}

button {
    background-color: #EEEFDF;
    border: 1px solid #999999;
    color: #333366;
    padding: 1px 17px 1px 1px;
    cursor: pointer;
}

button:hover {
    background-color: #FFE6B3;
    cursor: pointer;
}




/* Styles for a form in the body of the page */
div.BodyForm div {
    margin: 0px;
    padding-bottom: 0.2em;
}

div.BodyForm label {
    clear: both;
    float: left;
    width: 130px;
    margin: 0px;
    padding-bottom: 0.2em;
    cursor: pointer;
}

div.BodyForm input.Text,
div.BodyForm textarea, 
div.BodyForm select {
    width: 320px;
}

div.BodyForm div.Inline {
    margin-top: 0.5em;
}

div.BodyForm div.Inline label {
    float: none;
    width: 100%;
}

div.BodyForm div.Inline div {
    margin-left: 0px;
}

div.BodyForm div.Inline input.Text,
div.BodyForm div.Inline textarea, 
div.BodyForm div.Inline select {
    width: 450px;
}






div#Masthead {
    position: relative;
    background: url(/lib/images/masthead_background.gif) repeat-x;
    width: 920px;
}

div#Masthead img#SubTitle {
    position: absolute;
    right: 40px;
    top: 61px
}

div#StarGods {
    position: absolute;
    right: 28px;
    top: 5px;
    text-align: right;
}
div#StarGods img {
    margin-left: 30px;
}




div#PageContainer {
    margin: 0px 20px 3em 50px;
    padding: 0px 0px 1em 0px;
    width: 865px;
    background-color: white;
}


div.BodyMargin {
    margin: 0px 40px;
}


div.ColorSwatch {
    width: 16px;
    height: 16px;
    position: relative;
    line-height: 16px;
    font-size: 10px;
}



/*******************************************
 * B O D Y   C O P Y
 * This set of styles is to be applied
 * to any div that will contain body copy.
 *******************************************/
div.BodyCopy {
}

/* Put space AFTER instead of before body copy block elements */
div.BodyCopy p,
div.BodyCopy blockquote,
div.BodyCopy table,
div.BodyCopy ul,
div.BodyCopy ol,
div.BodyCopy dl {
    line-height: 1.7em;
    margin-top: 0px;
    margin-bottom: 1em;
}

div.BodyCopy p.Preface {
    margin: 0.5px 2em 2em 2.5em;
    line-height: 1.4em;
    font-style: italic;
}

div.BodyCopy h1 {
    font-family: Georgia,serif;
    font-weight: normal;
    font-style: italic;
    font-size: 2em;
    color: #A00805;
    margin-top: 0px;
    line-height: 1.2em;
}


div.BodyCopy h2 {
    font-family: Georgia,serif;
    color: #A37F6A;
    font-weight: normal;
    margin-top: 2em;
    margin-bottom: 0.5em;
    clear: both;
}


div.BodyCopy h2.Subtitle {
    position: relative;
    top: -0.5em;
    margin-top: 0px;
    margin-bottom: 1.5em;
    color: #A00805;
    font-style: italic;
    font-weight: normal;
}

div.BodyCopy h3 {
    font-family: Georgia, serif;
    font-size: 1.1em;
    font-weight: normal;
    font-style: italic;
    margin-top: 2em;
    margin-bottom: 0.3em;
}

div.BodyCopy h3 a {
    text-decoration: none;
}

div.BodyCopy p.Byline {
    margin-bottom: 2em;
    font-style: italic;
}

div.BodyCopy a.Reference {
    font-size: 0.8em;
    font-weight: normal;
}

div.BodyCopy blockquote {
    margin-left: 2em;
    margin-right: 1.5em;
}



/* Tables */
div.BodyCopy table {
    border-collapse: collapse;
    border-spacing: 0px;
    line-height: 1.2em;
    width: 95%;
}
div.BodyCopy td, div.BodyCopy th {
    vertical-align: top;
    padding: 0.1em 1em 0.1em 0px;
    text-align: left;
    font-weight: normal;
}
div.BodyCopy tr.Head th {
    text-transform: uppercase;
    color: #A37F6A;
    border-bottom: 1px solid #A37F6A;
    font-size: 0.8em;
    font-weight: bold;
}
div.BodyCopy table td.Numeric,
div.BodyCopy table th.Numeric {
    text-align: right;
    padding-right: 2em;
}

div.BodyCopy table.Examples {
    margin-left: 2em;
}

/* Bibliography section */
div.BodyCopy div.Bibliography p {
    margin-bottom: 0.2em;
    margin-left: 2em;
    text-indent: -2em;
}



/* Lists */

div.BodyCopy ul { 
    list-style-type: none;
    margin: 0px 1em 1em 0px;
    padding: 0px;
}

div.BodyCopy ul li {
    margin: 0px;
    padding: 0px 0px 0px 2em;
    text-indent: 0px;
    background: url(/lib/images/bullet_diamond.png) no-repeat 1.1em 7px;
}


div.BodyCopy ul.Links {
}

div.BodyCopy ul.Links li {
    background-image: none;
    padding-left: 0px;
    line-height: 1.4em;
    margin-bottom: 0.2em;
    margin-left: 2em;
    text-indent: -2em;
}

div.BodyCopy dt {
    margin-top: 0.2em;
}

div.BodyCopy dd {
    margin-left: 2em;
    line-height: 1.4em;
}





/*
 * LINKS
 */
div.BodyCopy a {
    text-decoration: none;
    font-weight: bold;
}




/*
 * FIGURES
 */
div.BodyCopy div.Figure {
    clear: both;
    width: 205px;
    float: right;
    margin-left: 1em;   
}
div.BodyCopy div.Figure img {
    display: block;
}

div.BodyCopy div.InlineFigure {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 0px;
}

p.Caption {
    font-family: Georgia, serif;
    font-style: italic;
    color: #666666;
    margin-bottom: 0px;
}


div.BodyCopy div.Equation img {
    display: inline;
}



div.CodeExample pre,
pre.CodeExample {
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    width: 560px;
    overflow: auto;
    border: 1px solid black;
    padding: 5px;
}

div.CodeExample pre { 
    margin-bottom: 0px;
}

div.CodeExample {
    margin-bottom: 1.5em;
}







div#MainContent {
    float: left;
    width: 600px;
    margin-bottom: 2em;
}

div.Thumbnail {
    clear: both;
}
div.Thumbnail img {
    float: right;
    margin-bottom: 15px;
}
div.Thumbnail p {
    margin-right: 125px;
}





div#Navigation {
    float: left;
    width: 200px;
    margin-left: 50px;
}

div#Navigation div#Image {
    margin-top: 3em;
}

div#SiteNav div ul
    list-style-type: none;
    padding: 0px;
}

div#SiteNav div ul li {
    background-image: none;
    padding-left: 0px;
    line-height: 1.4em;
    margin-bottom: 0.2em;
    margin-left: 2em;
    text-indent: -2em;
}


div.SideBox {
    height: 1%;  /* The Holly Hack to sidestep the IE float bug */
    border-top: 1px solid #A37F6A;
    border-left: 1px solid #EFEFE4;
    padding: 0px  0px 0.5em 0px;
    margin-bottom: 2em;
}


div.SideBox a { text-decoration: none; }


div.BoxTitle {
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 1px 0px 1px 0.5em;
    margin: 0px 0px 0.3em 0px;
    background: #EFEFE4;
    color: #A37F6A;
}

div.BoxContent {
    margin-left: 0.5em;
}

div.BoxContent ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

div.BoxContent ul ul {
    margin-top: 0.3em;
    margin-bottom: 0.5em;
    margin-left: 0.75em;
}

div.BoxContent ul li {
    line-height: 1.2em;
    margin-bottom: 0.3em;    
}

div.BoxContent ul a.On {
}

div.BoxContent ul ul a {
    border-left: 3px solid white;
    padding-left: 2px;
}

div.BoxContent ul ul a.On {
    border-left: 3px solid #A00805;
}


fieldset.TableOfContents ul {
    margin-bottom: 0px;
}


div.Blog {

}

div.BlogEntry {

}

div.BlogEntry p.Date {
    text-align: right;
    margin-bottom: 0px;
    color: #666666;
}

div.BlogEntry h2 {
    font-size: 1.1em;
}





div#Quote {
    color: #666666;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

div#Quote blockquote {
    text-indent: -0.4em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 0px;
}

div#Quote p {
    margin-bottom: 0.5em;
}

div#Quote p.Attribution {
    text-align: right;
    margin-right: 3em;
    font-style: italic;
}





div#InnerFooter {
    clear: both;
}


div#Footer {
    clear: both;
    margin: 0px;
    border-top: 1px solid #966C56;
    background: #EFEFE4;
    padding: 0.3em 0px;
    width: 920px;
}

div#Footer img {
    float: right;
    margin-left: 1em;
}

p.Copyright {
    color: #666666;
    font-size: 0.9em;
    margin: 0px 0px 1em 0px;
}



div#PopupHeader {
    background: #EBECDD;
    border-bottom: 1px solid #966C56;
    padding: 5px 10px;
}

div#PopupHeader button {
    display: block;
    float: right;
}

div#PopupHeader h1 {
    font-family: Georgia, serif;
    margin: 0px;
    font-size: 1.5em;
    color: #966C56;
}

div#Image {
    margin: 10px;
}