/* -- Global whitespace reset -- */

* {
    padding:0;
    margin:0;
}

/* ----------------------
   HTML ELEMENTS
-----------------------*/

    body {
      background-color: #ffffff;
      font: normal 13px Verdana, Arial, Helvetica, sans-serif;
      line-height: 1.4;
    }
    
    img {
      border: none;
    }
    
    p, ul, ol {
        margin-bottom: 15px;
    }
    
    a {
        color: #387689;
        outline: none;
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: underline;
    }
    
    h1, h2, h3, h4 {
        color: #636363;
        line-height: 1;
        margin-bottom: .15em;
    }
    
    a h1, a h2, a h3, a h4 {
        color: #387689;
    }
    
    h1 {
        font: 2.5em Georgia,"Times New Roman",serif;
        color: #9d1a19;
        letter-spacing: 1.5px;
    }
    
    h2 {
        font-size: 1.3em;

    }
    
    h3 {
        font-size: 1.0em;
    }
    
    h4 {
        font-size: .95em;
    }
    
    code {
        color: #9d1a19;
    }
    
    a {
        outline: none;
    }
    
    /* use with a list of links */
    ul.link, ol.link {
        color: #387689;
        font-weight: bold;
        font-size: .95em;
    }
    
    ul li {
       margin-left: 25px;
    }
    
    ol li {
        margin-left: 25px;
    }
    
    .floatLeft {
        float: left;
    }
    
    .floatRight {
        float: right;
    }
    
    .smallcaps {
        font-variant: small-caps;
    }
    
/* ----------------------
   ERRORS
-----------------------*/
    
    /** Normal error message */
    .error, .error_right {
        color: red;
    }
    
    /* use with wide entry area */
    .error_right {
        float:right; 
        margin-right: 35px;
        clear: both;  
    }
    
    /** full width div for big-emphasis error text */
    .bigError {
        position: relative;
        width: 860px;
        background-color: #f0f0e6;
        padding: 70px 20px 70px 20px;
        font-size: 1.2em;
    }

/* ----------------------
   DATA TABLE
-----------------------*/

	/** Standard style for data charts or graphs */
	table.dataTable {
	    border: solid gray 2px;
	    border-spacing: 0px;
	    border-collapse: collapse;
	    padding: 0px;
	    margin: 0px;
	}
	table.dataTable td, table.dataTable th {
	    padding: 5px;
	    margin: 0px;
	    border: solid gray 1px;
	    background-color: #ffffff;
	}
	/** Header and footer rows are a different color */
	table.dataTable th, table.dataTable tr.tableFooter td {
	    background-color: #273c76;
	    color: #ffffff;
	    font-weight: bold;
	}
	/** Number data is aligned right */
	table.dataTable td.numberData {
	    text-align: right;
	}

/* ----------------------
   BASIC TWO-COLUMN LAYOUT
-----------------------*/
.section_fullWidth {
    position: relative;
    width: 940px;
    margin-bottom: 10px;
    clear: both;
}

/* Main section 740px */
.section740_right, .section740_left, .section740 {
    width: 740px;
}

.section740_left {
    float: left;
}

.section740_right {
    float: right;
}

.largeScreen_left, .text434_right {
    margin-top: 15px;
}

.text434_right {
    width: 434px;
    float: right;
}

/* Large Pics w/Flourish */
.largeScreen_left {
    background: url("/static/images/ssdingbat.png") no-repeat bottom left; /* flourish */
    width: 306px;
    height: 295px;
    margin-bottom: 15px;
    float: left;

}

.largeScreen_left p {
    position: relative;
    top: 5px;
    font-size: .95em;
    font-weight: bold;
    clear: both;
    margin-left: 47px;
}

.largeScreen_left p:hover {
    text-decoration: underline;
}

/* Large Pics w/No Flourish */
.leftPic {
    margin: 15px 20px 15px 0;
    float: left;
}

/* Thumbnails (right) */
.thumbnails_right {
    width: 180px;
    height: 345px;
    float: right;
}

img.thumbnail {
    margin-top: 10px; /* spacer for 2 thumbnail layout */
}

/* ----------------------
   GOLDBARS
-----------------------*/

/* use with goldframe_right.tagx, goldframe_left.tagx, goldframe_gilded.tagx */

.goldbar, .gilded_left, .gilded_right, .goldbar_tile, .dot_left, .dot_right {
    height: 34px;
}

.gilded_left, .gilded_right {
    width: 56px;
}

.dot_left, .dot_right {
    width: 12px;
}

.gilded_left, .dot_left {
    float: left;    
}

.gilded_right, .dot_right {
    float: right;    
}

.goldbar {
    text-align: center;
}

.goldbar_tile {
    background-image: url("/static/images/goldbar/tile.png");
}

.dot_left {
    background-image: url("/static/images/goldbar/left_dot.png");
}

.dot_right {
    background-image: url("/static/images/goldbar/right_dot.png");
}

.gilded_left {
    background-image: url("/static/images/goldbar/left_gild.png");
}

.gilded_right {
    background-image: url("/static/images/goldbar/right_gild.png");
}

/* ----------------------
   Gold Frame
-----------------------*/

/* use with frame_gold.tagx */

.goldFrame_topleft, .goldFrame_topright, .goldFrame_bottomleft, .goldFrame_bottomright {
    background: url("/static/images/frame_gold/goldframe.png");
}
/** outer div, contains topleft, topright.  displays bottom left and left */
.goldFrame_bottomleft {
    background-position: bottom left;
}
/** displays top left.  floats to left of topright */
.goldFrame_topleft {
    background-position: top left;
    float: left;
    width: 4px;
    height: 4px;
}
/** contains bottomright and content, displays top, topright, and right */
.goldFrame_topright {
    background-position: top right;
    margin-left: 4px;
}
/** displays bottom and bottom right */
.goldFrame_bottomright {
    background-position: bottom right;
    height: 4px;
}

/** contains div content. */
.goldFrame_content {
    position: relative;
    top: 4px;
    left: -2px;
}

/* IE 6 and under hack */
* html .goldFrame_content {
    left: -3px;
    margin-bottom: -8px;
}


/* ----------------------
   No java on getdown or pirate creator applets
-----------------------*/

.nojava {
    width: 380px;
    height: 280px;
    background-color: #c7ddf5;
    padding: 20px;
    margin: 0 auto;
    text-align: left;
}

.nojava h3 {
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 20px 0;
    line-height: normal;
    color: #9D1A19;
}

.nojava p {
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 20px 0;
    color: black;
}

.nojava a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    color: black;
}