body { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #003300; }




    #main-col, #two-col { font-size: 12px; }







            h1, h2, h3, h4, h5, h6 { margin: 0px 0px 12px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.00em; }

        /* ----- Set header specific formatting ----- */
            h1 { font-size: 1.40em; color: #003399; background-color: transparent; }
            h2 { font-size: 1.20em; color: #333333; background-color: transparent; }
            h3 { font-size: 1.10em; color: #003399; background-color: transparent; }

                /* ----- Set header specific formatting with indent ----- */
                    h4 { margin-left: 20px; font-size: .90em; color: #333333; background-color: transparent; }
                    h5 { margin-left: 20px; font-size: .80em; color: #003399; background-color: transparent; }
                    h6 { padding-left: 40px; font-size: .70em; color: #333333; background-color: transparent; }


/* ====== FORMATTING FOR SECTIONS (H4 and H6) ====== */
    div.sectionH4 { padding-left: 20px; }
    div.sectionH5 { padding-left: 20px; }
    div.sectionH6 { padding-left: 40px; }		


/* ====== FORMATTING FOR PARAGRAPH CLASS ====== */
div.para {

}

/* ====== FORMATTING FOR LIST ITEMS ====== */
    li { margin-bottom: 0.25em; }
    li ul { margin-top: 0.25em; }
    li ol { margin-top: 0.25em; }


/* ====== FORMATTING FOR DATA TABLES (1 pixel Grey #333333 border) ====== */
    table.data { width: 100%; margin-bottom: 1.50em; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #333333; border-left: 1px solid #333333; }
    table.data thead td { font-weight: bold; text-align: center; background-color: #EEEEEE; }
    table.data td { padding: 0.20em; border-top: 1px solid #333333; border-right: 1px solid #333333; }
    tr.odd { background-color: #FFFFCC; }


/* ====== FORMATTING FOR BLOCKQUOTE STYLES ====== */
    blockquote { font-size: 95%; font-style: italic; }

        /* ----- Formatting for blockquote "address" tag ----- */
            address, address a { padding-top: 0.50em; font-style: normal; font-weight: bold; text-align: right; color: #999999; background-color: transparent; }

        /* ----- Formatting for "epigraph" style DIV ----- */
            div.epigraph { margin-bottom: 1.50em; font-size: 95%; font-style: italic; text-align: right; }

        /* ----- Formatting for epigraph "cite" tag ----- */
            div.epigraph cite { display: block; padding-top: 0.20em; font-style: normal; font-weight: bold; color: #6699CC; background-color: transparent; }


/* ====== FORMATTING FOR REMARK, NOTE AND SIDENOTE ====== */

        /* ----- Formatting for "remark" span tag ----- */
            span.remark { font-size: 95%; color: #336699; background-color: transparent; }

        /* ----- Formatting for "note" paragraph tag ----- */
            p.note { padding-left: 10px; font-size: 95%; font-style: italic; color: #666666; background-color: transparent; }

        /* ----- Formatting for "sideNote" paragraph tag ----- */
            p.sideNote { float: right; width: 25%; margin: 10px 0px 10px 10px; padding: 10px; font-size: 95%; border: 1px solid #333333; color: #000099; background-color: #EEEEEE; }

        /* ----- Formatting for "sideNote" DIV tags ----- */
            div.sideNote { float: right; width: 25%; padding: 10px; margin: 10px 0px 10px 10px; border: 1px solid #333333; color: #000099; background-color: #EEEEEE; }
            div.sideNote h1 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.90em; line-height: 1.00em; color: #003399; background-color: transparent; }
            div.sideNote h2 { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.90em; line-height: 1.00em; color: #333333; background-color: transparent; }
            div.sideNote p { margin: 0.50em 0.00em 0.00em 0.00em; font-size: 95%; }


/* ====== FORMATTING FOR KEY-POINT/IMPORTANT DIV ====== */
    div.keyPoint, div.important { margin-bottom: 1.50em; padding: 0.40em 0.40em 0.00em 30px; background-position: top left; background-repeat: no-repeat; }
    div.keyPoint { border: 1px solid #666666; background-image: url(../images/keyPoint_background.gif); background-color: #E4ECEC; }
    div.important { border: 1px solid #FF6633; background-image: url(../images/important_background.gif); background-color: #FFFFCC; }

        /* ----- Formatting for 'keyPoint' and 'important' internal tags ----- */
            div.keyPoint h1, div.important h1 { font-size: 1.30em; }
            div.keyPoint h2, div.important h2 { font-size: 1.20em; }
            div.keyPoint h3, div.important h3 { font-size: 1.10em; }
            div.keyPoint h4, div.important h4 { padding: 0.00em; font-size: 1.00em; }
            div.keyPoint p, div.important p { margin: 0.70em 0.00em 0.70em 0.00em; }


/* ====== FORMATTING FOR NEWS STORIES ====== */

        /* ----- Formatting for News header ----- */
            #newsHeader { margin: 1.50em 0.00em 1.00em 0.00em; padding-left: 10px; text-align: right; background-image: url(../images/newsHeader_left_background.gif); background-position: top left; background-repeat: no-repeat; border-bottom: 1px solid #999999; }
            #newsHeaderText { float: left; padding: 0.20em 10px 0.00em 0.00em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.60em; font-weight: normal; background-image: url(../images/newsHeader_right_background.gif); background-position: top right; background-repeat: no-repeat; color: #990000; background-color: transparent; }
            #newsHeaderClear { clear: left; }

        /* ----- Formatting for News story ----- */
            div.newsStory { margin-top: 1.00em; border-bottom: 1px dashed #999999; }
            div.newsStoryDate { font-size: 0.90em; color: #666666; background-color: transparent; }
            div.newsStoryTitle { margin-bottom: 0.50em; font-size: 1.10em; font-weight: bold; color: #003399; background-color: transparent; }
            div.newsStoryText { clear: right; }
            div.newsStoryLink { margin: 0.50em 0.00em 1.00em 0.00em; text-align: right; }


/* ====== FORMATTING FOR HYPERLINKS - DIFFERENT COLORS FOR DIFFERENT TYPES ====== */
    #main-col a, #two-col a { text-decoration: none; color: #FFFFFF; background-color: transparent; font-size:12px }
    #main-col a:visited, #two-col a:visited { text-decoration: none; color: #FFFFFF; background-color: transparent; }
    #main-col a[href^="http://"], #two-col a[href^="http://"] { text-decoration: underline; border-style: none; color: #FFFFFF; }
    #main-col a:visited[href^="http://"], #two-col a:visited[href^="http://"] { text-decoration: underline; border-style: none; color: #FFFFFF; }
	#main-content a {text-decoration: underline; border-style: none; color:#006600; font-size:16px; font-weight:700; }
	#main-content a:visited {text-decoration: underline; border-style: none; color:#006600; font-size:16px; font-weight:700; }
	
/* ====== FORMATTING FOR CONTENT (Content text formatting written in common.css) ====== */
    #event b { font-size:1px }	
	
/* ====== FORMATTING FOR FORMS INDEX ====== */
    #formIndex { width: 100%; margin-bottom: 1.50em; border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #333333; border-left: 1px solid #333333; }
    #formIndex td { padding: 0.20em; font-size: 1.20em; text-align: center; border-top: 1px solid #333333; border-right: 1px solid #333333; color: #999999; }
	
	
/* ====== FORMATTING FOR TO INDEX LINK ====== */
div.toIndex { float: right; padding: 4px; background-color: #999999; }
div.toIndex a { font-size: 0.80em; }
	
	
/* ====== FORMATTING FOR OFFICE LOCATION MAP ====== */
#locationMap {
width: 500px;
height: 500px;
margin: 0 auto 2.00em auto;
border: 1px solid #000000;
}