.active /* $Id:changeme.css 178 2010-11-21 15:25:46Z ian $ */
body {
    background-color: #FFF;
    color: #000;
    font: 62.5%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    line-height: 1.3em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* This is the default style - change at will - SUGGEST A STYLE */
ul {
    margin-left: 20px; /* indented from side */
    margin-bottom: 20px; /* space after */
}

/* This is the default style - change at will - SUGGEST A STYLE */
ol {
    margin-left: 15px; /* indented from side */
    margin-bottom: 20px; /* space after */
}

a {
    color: #000; /* default value */
    background-color: transparent;
}

    a:visited {
        color: #666; /* default value */
    }

/* HEADERS ----------------------------------------------------------------------------------------------------------------------------- */
h1 {
    color: #333; /* COLOUR CHANGE */ /* replace H tags colour with your own */
    /* default margins = margin:0.5em 0 1em 0;for h tags:in this order:top,right,bottom,left */
}

h2 {
    color: #000; /* COLOUR CHANGE */
}

h3 {
    color: #0e6789; /* COLOUR CHANGE */
    /* default margins = margin:0.5em 0;for h tags:in this order:top/bottom,right/left */
}

h4 {
    color: #000000; /* COLOUR CHANGE */
}

/* LAYOUT - generic use =------------------------------------------------------------------------------------------------------------------------ */
/* larger text - this is arbitrarily large - I made it for TCU */
.large {
    font-size: 1.4em;
    margin-top: 20px;
    display: block;
}

#newsFeed hr {
    display: none;
}

hr {
    color: #bfbfbf;
    background-color: #bfbfbf;
}

    hr.thick {
        height: 3px;
        color: #666;
        background-color: #666;
    }

/* thicker separator line - change colour if desired for greater emphasis */
/* comment out and suggest ways to use this class */
/* LINKS ------------------------ default link style */
a, a:link, a:visited, a:active {
    color: #0e6789; /* COLOUR CHANGE */
    background-color: transparent;
}

    a:hover {
        text-decoration: underline;
        color: #000; /* COLOUR CHANGE */
        background-color: transparent;
    }

    a h4 {
        color: #0082c0;
    }

    /* COLOUR CHANGE */
    a:hover h4, a:link.active {
        text-decoration: underline;
    }

    a#skipNav:active, a#skipNav:focus {
        color: #000;
    }

/* Colour for skipnav link when tabbed / clicked - is white to hide it ohterwise */
.more a, .more a:link, .more a:visited, .more a:active {
    color: #000;
}

/* IMAGE PATHS + THEME / COLOUR CHANGES -- change to match your site structure --------------------------------------------------------------------- */
#arc {
    background: url(../scripts/header_arc.gif) no-repeat;
}

#navbar { /* the main nav bar */
    background-color: #00475F; /* COLOUR CHANGE - replace Background colour with your colour that matches the graphic */
}

    #navbar p a { /* links in navbar */
        color: #FFF; /* COLOUR CHANGE - MAKE SURE CONTRAST IS VERY HIGH */
        padding: 0 10px 0 8px; /* default */
        border-right: 2px solid #FFF; /* COLOUR CHANGE (the bars in between) - MAKE SURE CONTRAST IS VERY HIGH */
    }

.menu li li a { /* sub menu styling - positions the arrow graphic in a bit more */
    background-image: url(../scripts/triangle_right.gif);
}

.main_top {
    background-image: url(../scripts/corner_main_top.gif);
}

.photo_top {
    background-image: url(../scripts/corner_photo_top.gif);
}

.photo_bottom {
    background-image: url(../scripts/corner_photo_bottom.gif);
}

.icon_top {
    background-image: url(../scripts/corner_icon_top.gif);
}

.icon_bottom {
    background-image: url(../scripts/corner_icon_bottom.gif);
}

.photo_long {
    background-image: url(../scripts/corner_photo_long.gif);
}

/* ------------ SPLASH PAGE ------------*/
#splash {
    background-image: url(../scripts/header_arc.gif); /* re-uses HEADER ARC image no need to change */
    border-color: #00475F; /* COLOUR CHANGE this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */
    border-bottom-color: #00475F; /* COLOUR CHANGE this is a colour that matches the MAIN NAVIGATION BAR */
}

    #splash .two_cols {
        background-image: url(../scripts/splash_line.gif); /* this line matches the outline of the border above - Graphic 
in file:Splash_Master.psd */
    }

    #splash h2 a {
        color: #000; /* COLOUR CHANGE language links - match if you like */
    }

.two_cols {
    background-image: url(../scripts/two_cols.gif);
}

/* PATH CHANGE */
.three_cols {
    background-image: url(../scripts/three_cols.gif);
}

/* PATH CHANGE */
#searchBox { /* search box */
    background-color: #fff; /* COLOUR CHANGE */
    border: 1px solid #1d2d44;
}

#submit { /* submit button */
    background-color: #1d2d44;
    width: 2.8em;
    height: 2.8em;
    border: 0;
    color: #fff; /* COLOUR CHANGE */
    vertical-align: top;
}

#banner { /* holds flash banner or static banner */
    border-bottom: 4px solid #00475F;
    overflow: hidden;
    height: 185px; /* COLOUR CHANGE - this is the colour stripe under the flash banner */
}
/*
.leftnav .header {
	background: #333 url(../scripts/arc_right_main.gif) no-repeat; 
}
*/
.leftnav .header a {
    color: #fff; /* Link in Navigational Header */
    background-color: transparent;
}

/* COLOUR CHANGE header BG image match #colour to bottom half of arc graphic */
.leftnav .mycolour .header {
    border-color: #ffffff;
    background-color: #E8E8E8;
    color: #000;
}

.menu a {
    padding: 8px 4px 10px 24px; /* this creates the size of the menu item box - last value is the distance of the text from the side */
    border-bottom: 1px dotted #666;
    background: #f7f7ef url(../scripts/triangle_right.gif) no-repeat 12px 13px;
}


/* MENU - Current item colour - USE to DESIGNATE THE CURRENT PAGE - add this id to the appropriate li in the menu */
#current {
    background-color: #f9ecaa;
}

.row .header { /* attributes for all header bars */
    border-top-color: #b1b9c3;
    border-bottom-color: #94add1;
    background-color: #e5e5e5; /* COLOUR CHANGE the background colour to your site's colour scheme */
    background-image: url(../scripts/arc_right_grey.gif); /* CHANGE PATH to match your site structure */
    color: #333; /* color for all row headers */
}



/* EXTRA CLASS FOR MULTIPLE COLOURED HEADER BARS - uncomment to use
- USE:If you want to have multiple colours of title bars - you may need this class - if the colours contrast a lot the MORE link will also change - use this class to 
change it
------------------------------------------------------------------------ */
/*.mycoloured .header .more a,.mycoloured .header .more a:link,.mycoloured .header .more a:active,.mycoloured .header h2 {
	color: #fff;
} */

.mycoloured .header {
    border-top-color: #ffffff;
    border-bottom-color: #ffd833;
    /*background: #0d73a1 url(../../../../../../../../stellent/groups/public/@mcscs/@www/@emo/documents/images/arc_right_main.gif) no-repeat;*/
    background-image: url(../../../../../../../../stellent/fragments/emoOdpHeader/yellow_nav_bar.gif);
}

.mycolour {
    /*background-color: #00475F;
	*/
}

/* COLOUR CHANGE this is a colour that matches your site *** make sure to make a header ARC image to match if changing it */
#right_column .mycolour .header {
    border-top: 3px solid #3888ac;
    border-bottom: 1px solid #0d73a1;
    background: #0d73a1 url(../scripts/arc_right_main_darkteal.gif) no-repeat;
}

.leftnav .mycolour .header a {
    color: #000;
    background-color: transparent;
}

.mycolour .header h2 {
    color: #FFF !important;
}

.more a, .more2 a, .more a:active, .more2 a:active {
    color: #0d73a1;
}

    .more a:hover, .more2 a:hover {
        color: #000;
    }

    .more a:visited, .more2 a:visited {
        color: #0d73a1;
    }

.box { /* v2.1 class */
    background-color: #f8f6d7;
    border-bottom: 1px solid #666;
}

    .box table td {
        border-top: 1px dotted #666;
    }

.photolink .text {
    color: #fff; /* set colour of link text under photos here */
}


#right_column ul li {
    color: #000; /* text colour for lists in content area */
}

.date {
    color: #000; /* CHANGE COLOUR OF NEWS DATES here */
}

/* ------ GRID - ------------ */

/* GRID BOX SIZES (reference)
- when nesting grid elements inside each other (as opposed to stacking them inline) use .nomargin to remove the margin of the last nested column in a set
REASON:each grid element is given a right-margin automatically. If you nest two or more grid pieces inside another the redundant margin breaks the layout
- use the class "showmethegrid" on the wrapper and it will show the image that makes up the grid.
- count the # of pink columns under the area you wish to use for layout
- give your div a class of "grid_#" where # is the number of pink columns you wish to span.
- each grid size has a PLUS size "grid_#plus" which is the # of pink columns PLUS the white column at the end. Also called the "gutter",and is always 20px wide
- sizes of the grid pieces are denoted below - to calculate the size of a grid_#plus add 20px to the grid_# below (examples for the first three are shown in parentheses)
.grid1 - 40px
(.grid_1plus - 60px)
.grid2 - 100px
(.grid_2plus - 120px)
.grid3 - 160px (1/4 right_column)
(.grid_3plus 180px)
.grid4 - 220px (1/3 right_column)
.grid5 - 280px
.grid6 - 340px (1/2 right_column)
.grid7 - 400px
.grid8 - 460px (2/3 right_column)
.grid9 - 520px
.grid10 - 580px (3/4 right_column)
.grid11 - 640px
.grid12 - 700px (whole right_column)
.grid13 - 760px
.grid14 - 820px
.grid15 - 880px
.grid16 - 960px
*/

/* --- ACCESSIBILITY ---- ncs EDITED nov4/09 (updated due to bug) use to hide h1s or h2s you don't want visible to the sighted but read by screen readers*/
.accessible, h1.accessible, h2.accessible {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.paddingTop {
    padding: 10px 0 0 0;
}

#wrapper #splash .button a {
    background-color: #FFF;
}

/* --- Add the class .showmethegrid to the wrapper to see the grid ---*/
#wrapper.showmethegrid {
    background: #fff url(../scripts/nav_pluscols.gif) repeat-y;
    background-position: bottom left;
    padding-right: 0;
}

#right_column.showmethegrid {
    background: #fff url(../scripts/gridhelper_rightcolumnonly_12cols.gif) repeat-y;
    background-position: bottom left;
    padding-right: 0;
}

/* ------ GRID - ------------ */
#right_column .news ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 5px;
}

#contacts {
    display: none;
}

#resources {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 250px;
}

.liocpc {
    padding: 8px 0 8px 60px;
    background: url('../scripts/initiatives_5.jpg') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.liopac {
    padding: 8px 0 8px 60px;
    background: url('../scripts/initiatives4.gif') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.liopb {
    padding: 15px 0 15px 60px;
    background: url('../scripts/initiatives4.gif') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.lipt {
    padding: 8px 0 8px 60px;
    background: url('../scripts/initiatives6.jpg') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.lipsw {
    padding: 8px 0 8px 60px;
    background: url('../scripts/initiatives7.jpg') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.lif {
    padding: 8px 0 8px 60px;
    background: url('../scripts/FSCC3.gif') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.lipvs {
    padding: 8px 0 8px 60px;
    background: url('../scripts/initiatives8.gif') no-repeat scroll 5px 50% #F5F2E3;
    line-height: 160%;
    margin-left: 0em;
    list-style-position: outside;
    border-bottom: 1px dotted #B5B8B9;
}

.bcrumb {
    padding-bottom: 10px;
}

/* Dynamic Converter Styles Picture Aligned LEFT or RIGHT List */

.content_region table.picALIGNEDleft {
    border-color: #5a5a5a;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.content_region table.picALIGNEDleftBORDERLESS {
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 0 none;
}

.content_region table.picALIGNEDright {
    border-color: #5a5a5a;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.content_region table.picALIGNEDrightBORDERLESS {
    padding: 2px;
    margin-left: 10px;
    margin-bottom: 5px;
    border: 0 none;
}

.content_region table.picALIGNEDleftBORDERLESS td, th {
}

.content_region table {
    border-collapse: collapse;
    border-spacing: 0;
}

.content_region thead th {
    background-color: #ccc;
}

.content_region th {
    background-color: none;
}

.content_region td, .content_region th {
    padding: 3px;
    line-height: 1.3em;
    border: 0 none;
}

.content_region th {
    text-align: left;
    font-weight: normal;
}

.content_region li.ListAlphaNESTED {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 40px;
}

.content_region li.ListAlphaNESTED2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}

/* List Bullet */

.content_region li.ListBullet {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content_region li.ListBulletNESTED {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}

.content_region li.ListBulletNESTED2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}


.content_region p.listNESTED2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.content_region p.list {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* List Number */
.content_region p.listNESTED {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
}


.content_region li.listNUMBER {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 40px;
}

.content_region li.listNUMBERnested {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 40px;
}

.content_region li.listNUMBERnested2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}

/* List Roman */
.content_region li.ListRoman {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content_region li.ListRomanNESTED {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 40px;
}

.content_region li.ListRomanNESTED2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}

.content_region li.listLOWERalpha {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
}

.content_region p.listBULLETparagraph {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 40px;
}

.content_region p.listBULLETnestedPARAGRAPH {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 80px;
}

.content_region p.listLOWERalphaPARAGRAPHnested2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 120px;
}

.content_region li.listLOWERalphaNESTED2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 80px;
}

.content_region li.listLOWERalphaNESTED {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 40px;
}

.content_region p.listLOWERalphaPARAGRAPH {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 40px;
}

.content_region p.listLOWERalphaPARAGRAPHnested {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 80px;
}
/* List Upper Alpha */
.content_region li.ListUpperAlpha {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content_region li.ListUpperAlphaNESTED {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 40px;
}

.content_region li.ListUpperAlphaNESTED2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}

/* List Upper Roman */
.content_region li.ListUpperRoman {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content_region li.ListUpperRomanNESTED {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 40px;
}

.content_region li.ListUpperRomanNESTED2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    margin-left: 80px;
}
/* the following classes are for the HTML BLOCK items */ .content_region p.ParagraphList {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*font-size:0.8em;*/
    margin-left: 40px;
}

.content_region p.ParagraphListNESTED {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*font-size:0.8em;*/
    margin-left: 80px;
}

.content_region p.ParagraphListNESTED2 {
    color: #000000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*font-size:0.8em;*/
    margin-left: 120px;
}

.content_region p.listNUMBERparagraph {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 40px;
}

.content_region p.listNUMBERparagraphNESTED {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 80px;
}

.content_region p.listNUMBERparagraphNESTED2 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 120px;
}



.content_region p.listROMANparagraph {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 40px;
}



.content_region p.listROMANnestedPARAGRAPH {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
    margin-left: 80px;
}
/* MS Office and PDF icons for links to Word documents.   */
.hyperlinkword {
    font-size: 90%;
    color: #606060;
    background-image: url(../../../../../../../../stellent/fragments/ontjtsheader/icons/icon_word.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 2px 2px 15px;
}

.hyperlinkxls {
    font-size: 90%;
    color: #606060;
    background-image: url(../../../../../../../../stellent/fragments/ontjtsheader/icons/icon_xls.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 2px 2px 15px;
}

.hyperlinkpdf {
    font-size: 90%;
    color: #606060;
    background-image: url(../../../../../../../../stellent/fragments/ontjtsheader/icons/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 2px 2px 15px;
}

.hyperlinkppt {
    font-size: 90%;
    color: #606060;
    background-image: url(../../../../../../../../stellent/fragments/ontjtsheader/icons/icon_ppt.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 2px 2px 15px;
}

.hyperlinkvisio {
    font-size: 90%;
    color: #606060;
    background-image: url(../../../../../../../../stellent/fragments/ontjtsheader/icons/icon_visio.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 2px 2px 15px;
}

.hyperlinkmsproject {
    font-size: 90%;
    color: #606060;
    background-image: url(../../../../../../../../stellent/fragments/ontjtsheader/icons/icon_prj.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 2px 2px 2px 15px;
}

.content_region p.normalSMALLnolinespacing {
    font-size: 70%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #000;
    margin: 0 2px 0 4px;
}

.contribmode td, .contribmode th {
    border-style: none;
}

.labelcontact {
    display: block;
    float: left;
    width: 5em;
    padding-top: 7px;
}


/*mcscs classes -- last updated - February 27, 2012*/

.news_left_col {
    width: 220px;
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 8px;
    overflow: hidden;
    padding-right: 9px;
    /*border-right: 1px dotted #CCCCCC;*/
    margin-bottom: -1000px;
    padding-bottom: 1000px;
    text-align: center;
}

.news_last_col {
    float: right;
    width: 220px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
    text-align: center;
}

.main_column_fitter {
    margin-left: 5px;
    margin-right: 5px;
}

.photocap_img {
    background-repeat: no-repeat;
    height: 6px;
    line-height: 1px;
    font-size: 0.1em; /* 10pt x 0.1 = 1pt */
    clear: left;
}


.photo_top_img {
    width: 210px;
    background-image: url('../../../../../../../../stellent/fragments/emoOdpHeader/corner_photo_top.gif');
    background-position: top left;
    border-bottom: 1px solid #fff;
}

.photo_bottom_img {
    width: 210px;
    background-image: url('../../../../../../../../stellent/fragments/emoOdpHeader/corner_photo_bottom.gif');
    background-position: bottom left;
    border-top: 1px solid #fff;
}

/*TWO columsn (single content region)*/
.left_two_col {
    width: 330px;
    display: inline;
    float: left;
    margin-left: 0;
    /* margin-right: 8px;*/
    overflow: hidden;
    /* padding-right: 9px;*/
    /* border-right: 1px dotted #CCCCCC;*/
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.right_two_col {
    float: right;
    width: 330px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    /* padding-right: 9px;*/
    /* border-right: 1px dotted #CCCCCC;*/
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.column_heading {
    border-bottom: 1px dotted #CCCCCC;
    background-color: #f8f6d7;
    text-align: center;
}


/**** Floating box on the right*/

.box_left {
    float: left;
    width: 410px;
    display: inline-block;
    margin-left: 0;
    overflow: hidden;
}


.box_right {
    float: right;
    width: 250px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    padding-right: 1px;
    border: 2px solid #CCCCCC;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .box_right p {
        margin-left: 10px;
        margin-bottom: 10px;
    }

.box_left_hazards {
    float: left;
    width: 450px;
    display: inline-block;
    margin-left: 0;
    overflow: hidden;
}

.box_right_hazards {
    float: right;
    width: 210px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    padding-right: 0px;
    /*border: 2px solid #CCCCCC;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.box_heading {
    border-bottom: 1px solid #CCCCCC;
    background-color: #f8f6d7;
    text-align: center;
}

.peoc_box_heading {
    background-color: green;
}

/************End floating left box**********/

/************Floating box half no borders**********/
.box_left_half_noborders {
    float: left;
    width: 330px;
    display: inline-block;
    margin-left: 0;
    overflow: hidden;
}


.box_right_half_noborders {
    float: right;
    width: 330px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    padding-right: 0px;
    /*border: 2px solid #CCCCCC;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.bold {
    font-weight: 700;
}


/************End floating box half no borders**********/

/******EM COMMUNITY****************/


.box_left_half {
    float: left;
    width: 330px;
    display: inline-block;
    margin-left: 0;
    overflow: hidden;
}


.box_right_half {
    float: right;
    width: 330px;
    display: inline;
    margin-left: 0px;
    overflow: hidden;
    padding-right: 0px;
    border: 2px solid #CCCCCC;
    margin-right: 10px;
    margin-bottom: 10px;
}


.box_right_half_pad {
    float: right;
    width: 330px;
    display: inline;
    margin-left: 10px;
    overflow: hidden;
    padding-right: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.box_heading_half {
    border-bottom: 1px solid #CCCCCC;
    background-color: #f8f6d7;
    text-align: center;
}

/**********FULL PAGE FLOATING BOX***********/

.box_full {
    float: left;
    width: 690px;
    display: inline;
    overflow: hidden;
    border: 2px solid #CCCCCC;
    /*padding-right: 5px;*/
}

    .box_full p {
        margin-left: 10px;
    }

.box_heading_full {
    border-bottom: 2px solid #CCCCCC;
    background-color: #f8f6d7;
    text-align: left;
    padding-top: 5px;
}

    .box_heading_full h2 {
        margin-left: 10px;
    }


/***HIGHLIGHT BOX*******/

.highlight_box {
    float: left;
    width: 692px;
    display: inline;
    overflow: hidden;
    padding-left: 5px;
    background-color: #ffffcc;
    border: 1px solid #CCCCCC;
}

.highlight_box_heading {
    border-bottom: 1px solid #CCCCCC;
    background-color: #339900;
    text-align: left;
    padding-top: 5px;
}

/******************END EM COMMUNITY**********/



/*two column */
.home_main_column_fitter {
    margin-left: 0px;
    margin-right: 0px;
}

.photocap_img_home {
    background-repeat: no-repeat;
    height: 6px;
    line-height: 1px;
    font-size: 0.1em; /* 10pt x 0.1 = 1pt */
    clear: left;
}

.photo_top_img_home {
    width: 330px;
    /*background-image: url('../../../../../../../../stellent/fragments/emoOdpHeader/corner_top_right');*/
    background-position: top right;
    border-bottom: 1px solid #fff;
}

.photo_bottom_img_home {
    width: 330px;
    /*background-image: url('../../../../../../../../stellent/fragments/emoOdpHeader/corner_bottom_left.gif');*/
    background-position: bottom left;
    border-top: 1px solid #fff;
}

/*home page 3 column */
.home_top_left_col {
    width: 220px;
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 8px;
    overflow: hidden;
    padding-right: 9px;
    border-right: 1px dotted #CCCCCC;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.home_top_last_col {
    float: right;
    width: 220px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    border-right: 1px dotted #CCCCCC;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.home_top_main_fitter {
    margin-left: 5px;
    margin-right: 5px;
}

.langlayout {
    width: 20%;
    float: left;
    padding-top: 5px;
    padding-bottom: 10px;
}

.emlayout {
    width: 33%;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 1px;
    padding-left: 1px;
    text-align: center;
}

/*#####################################################################
OFM CUSTOM STYLES (compl. 01/31/2012)

#####################################################################*/



/*Used for custom OFM columns*/

.noborder {
    border: 0;
}



.Normal_Dbl {
    margin-left: 35px;
}



.normalSMALL {
    font-size: 0.87em;
}



#top_of_page {
    font-size: 0.87em;
    float: right;
    font-weight: normal;
}


/*Added March 14, 2012*/
/*******************Widget Styles***************/

/*PUBLIC WARNING SYSTEM HOME PAGE - RED ALERTS / EIA */

.topSignsLeft {
    font-family: verdana, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    padding-left: 15px;
    font-size: 1.2em;
}

.bggrad {
    background-color: #E6E6E6;
}

.bggrad_redalert {
    background-color: #FFC;
}
/********* SUBSCRIPTION **********/
fieldset.alertSubscription {
    color: #000000;
    font-family: verdana, helvetica, sans-serif;
    font-size: 80%;
    margin-bottom: .75em;
    padding-top: .35em;
}

div.description {
    margin-left: 1.85em;
    margin-bottom: .25em;
}

.email_text {
    font-size: 10pt;
    color: Black;
}

/*END WIDGET STYLING*/

div.paddedtable td {
    text-align: left;
    vertical-align: middle;
}

    div.paddedtable td td, div.paddedtable td p {
        padding: 0;
    }


.top_sectional_bar_large {
    background: #999 url(../../../../../../../../stellent/fragments/emoOdpHeader/corner_top_left.gif) no-repeat scroll left top;
    border-bottom: 0px solid #fff;
}

    .top_sectional_bar_large div {
        background: transparent url(../../../../../../../../stellent/fragments/emoOdpHeader/corner_top_right.gif) no-repeat scroll right top;
    }

.top_sectional_bar_large, .bottom_sectional_bar_large {
    line-height: 10px;
}

.bottom_sectional_bar_large {
    background: #999 url(../../../../../../../../stellent/fragments/emoOdpHeader/corner_bottom_right.gif) no-repeat scroll right bottom;
    border-top: 0px solid #fff;
}

    .bottom_sectional_bar_large div {
        background: transparent url(../../../../../../../../stellent/fragments/emoOdpHeader/corner_bottom_left.gif) no-repeat scroll left bottom;
    }

/*input field*/
/*input fields contact forms*/
/*input { font-size: 1em; } */
select {
    font-size: 1em;
}

textarea {
    font-size: 1em;
}

#email, #name, #address {
    margin-top: 5px;
    width: 50%;
}

input.geomsize {
    width: 1.2em;
    height: 1.2em;
}

label {
    font-size: 1em;
}






h2.large {
    font-size: 1.4em;
    color: #144a80;
}

.box_right_half_noborders_bp {
    float: right;
    width: 450px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    padding-right: 0px;
    /*border: 2px solid #CCCCCC;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.new_left_col {
    width: 220px;
    display: inline;
    float: left;
    margin-left: 0;
    margin-right: 8px;
    overflow: hidden;
    padding-right: 9px;
    border-right: 1px dotted #CCCCCC;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.new_last_col {
    float: right;
    width: 220px;
    display: inline;
    margin-left: 0;
    overflow: hidden;
    margin-bottom: -1000px;
    padding-bottom: 1000px;
}

.mains_column_fitter {
    margin-left: 5px;
    margin-right: 5px;
}

.highlight_box_right_half {
    float: right;
    width: 330px;
    display: inline;
    margin-left: 0px;
    overflow: hidden;
    border: 2px solid #CCCCCC;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #f8f6d7;
    padding-right: 5px;
    padding-left: 5px;
}


.highlight_box_heading_half {
    border-bottom: 1px solid #CCCCCC;
    background-color: #f8f6d7;
    text-align: center;
    padding-top: 5px;
}


/* Emergency Management Application - Accessible Styles */
/*November 2015*/
/*Home page login form */
#TableLogin {
    /*border-width: 2px;
    border-color: #386ebb;
    border-style: solid;
    background-color: #eaeaea; */
}

    #TableLogin form {
        margin: 4px;
    }


.loginform {
    width: 100%;
    padding: 0 2px 0 0;
}

    .loginform legend {
        padding: 0 2px;
        font-weight: bold;
    }

    .loginform ol {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .loginform li {
        padding: 5px 10px 7px;
        list-style: none;
    }

    .loginform label {
        width: 100%;
        display: block;
        line-height: 1.8;
        vertical-align: top;
    }

    .loginform button {
        width: 100%;
        line-height: 1.8;
        vertical-align: top;
    }

#LoginError {
    display: none;
}

/* Home page login form - END */

/*Errormessag*/
.error {
    color: #a70000;
}

    .error li {
        color: #a70000;
    }

/* navigation accessibility */
.trigger:focus {
    text-decoration: underline;
}

#navbar a:focus {
    text-decoration: underline;
}

.bcrumb a:focus {
    text-decoration: underline;
}

#textlinks a:focus {
    text-decoration: underline;
}

#searchBox:focus {
    outline: 2px solid black;
}

#submit:focus {
    outline: 1px solid #fff;
}

.header a:focus {
    text-decoration: underline;
}

#header a:focus {
    text-decoration: underline;
}

a:focus #header {
    border: 1px solid black;
}

#contacts a:focus {
    text-decoration: underline;
}

#resources a:focus {
    text-decoration: underline;
}

#footer a:focus {
    color: black;
    font-weight: bold;
}

a:focus .text {
    text-decoration: underline;
}


a#skipNav:focus {
    color: #fff;
    background-color: #000;
    width: 180px;
    height: 10px;
    overflow: auto;
    font-size: 1.2em;
    z-index: 999;
    height: 20px;
    position: relative;
    left: 1px;
    text-decoration: none;
}

#header img {
    border-bottom-color: #fff !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    padding-bottom: 1px !important;
}

#header a:focus img {
    border-bottom-color: black !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    padding-bottom: 1px !important;
}

#topics a:focus {
    text-decoration: underline;
}


#homemenulink2 a:focus {
    text-decoration: underline;
}

#homemenu2 a:focus {
    text-decoration: underline;
}


.socialmedia img {
    border-bottom-color: #fff !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    padding-bottom: 1px !important;
}

.socialmedia a:focus img {
    border-bottom-color: black !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    padding-bottom: 1px !important;
}
/*Start - Styles from MyPlanFormless.master and My PlanFormless*/
/*#right_column th {
            text-align: left;
            background-color: inherit;
            padding: 0;
        }*/

#right_column td {
    border: none;
    padding: 0;
}

#right_column h2 {
    background-image: url('../Images/headerBackground.png');
    background-repeat: no-repeat;
    padding: 4px 4px 4px 22px;
    margin: 10px 0 10px 0;
}

.sectionTip {
    float: right;
    width: 14em;
    margin-left: 10px;
    padding: 5px;
    border: solid 1px grey;
}

    .sectionTip p {
        margin: 5px 0 5px;
        font-size: 90%;
    }

#right_column .customTable td {
    border: none;
    padding: 2px 5px;
}

#right_column .customTable th {
    border: none;
    padding: 3px 5px;
}

#right_column input {
    font-size: 1em;
}

    #right_column input[type="radio"] {
        margin-left: 1.5em;
        border: 1px solid #ccc;
    }

#right_column legend {
    font-weight: bold;
    max-width: 500px;
}

.stepComplete {
    background-image: url('../Images/stepComplete.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 11px 4px 17px;
}

.stepIncomplete {
    background-image: url('../Images/stepIncomplete.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 11px 4px 17px;
}

.customContactTextBox {
    background-color: #FFF8C6;
    border: solid 1px #6D7B8D;
    padding: 2px;
}

.Tip {
    background-image: url('<asp:Literal runat="server" Text="<%$ Resources:MyPlan, TipUrl%>" />');
    background-repeat: no-repeat;
    background-position: left top;
    padding: 4px 10px 4px 70px;
    min-height: 60px;
}

.KindaTooltip {
    padding: 3px 0px 0px 25px;
    margin: 0;
    font-size: 90%;
    display: block;
    font-style: italic;
}

.largerText {
    font-size: 1.2em;
}

#ContactsTable {
    width: 700px;
}

    #ContactsTable tr.altrow td th {
        background-color: Green;
    }
/*End - Styles from MyPlanFormless.master and MyPlan.master*/

/*Location Size Report*/

.altRow td {
    background-color: #FFF7DB;
    border-top: solid 1px #FFF726;
    border-bottom: solid 1px #FFF726;
}

.headerRow th {
    background-color: #FFF726;
    border-top: solid 1px #FFF726;
    border-bottom: solid 1px #FFF726;
}

.pager td {
    font-weight: bold;
    border-top: solid 1px #FFF726;
    border-bottom: solid 1px #FFF726;
}



/*NEW EP TOOLS TABLE */

.tblhorz {
    padding: 0;
    margin-bottom: 20px;
    border-collapse: collapse;
    border: 1px solid #333;
    color: #000;
    /*min-width: 75%;*/
}

    /*Border around the table and table cells*/
    .tblhorz th, .tblhorz td {
        border: 1px dotted #666;
    }

/*Cell Spacing and padding*/
.tblhorz {
    border-collapse: collapse;
}

    .tblhorz th, .tblhorz td {
        padding: 0.5em;
    }

        /*Border Style*/
        /*seperate border for header and data*/
        .tblhorz th[scope=col] {
            border-bottom: 2px solid #333;
            border-right: 2px solid #333;
        }

        .tblhorz th + th[scope=col] {
            border-right: 1px dotted #666;
        }

        .tblhorz th[scope=row] {
            border-right: 2px solid #333;
        }

        /* Set colours for all header cells in the top row except "Code"*/
        /* Set colours for all header cells in the top row */
        .tblhorz th[scope=col] {
            color: #ffffff;
            background-color: #2f3f4e;
        }


        /* This has been set as the same color as the header cells - change if desired*/
        .tblhorz th + th[scope=col] {
            color: #ffffff;
            background-color: #2f3f4e;
        }

    /* Set the background colour for all header cells in the left column */
    /*        .tblhorz th[scope=row] {
            background-color: #b9dbf5;
        } */

    /*#b8cfe5*/

    /*set alternate rows to different colour*/
    .tblhorz tr.alt th, .tblhorz tr.alt td {
        background-color: #e6e6e6;
    }

    /*Hover effect for readability*/
    .tblhorz tr:hover th[scope=row], .tblhorz tr:hover td {
        background-color: #ffff99;
        color: #000000;
    }

    .tblhorz caption {
        Font-Size: 1.6em;
        Font-Weight: Bold;
        color: #993333; /* Maroon */
        background-color: #ffffff;
        margin-bottom: 10px;
        text-align: left;
    }

    .tblhorz a, a:link, a:visited, a:active {
        color: #144a80;
        text-decoration: none;
        background-color: transparent;
    }

        .tblhorz a:hover {
            text-decoration: underline;
            color: #144a80;
            background-color: transparent;
            font-weight: bold;
        }


    .tblhorz tr:nth-child(even) {
        background-color: #b9dbf5;
    }

    .tblhorz tr:nth-child(odd) {
        background-color: #e6e6e6;
    }

.tblvert tr:nth-child(even) {
    background-color: #b9dbf5;
}

.tblvert tr:nth-child(odd) {
    background-color: #e6e6e6;
}
/*Pagination style*/

.GridPager a, .GridPager span {
    display: block;
    height: 15px;
    width: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

/* OSG Consulting Inc. CSS added to remove inline styles. */

#MyPlanCount {
    color: #1e77b7;
    font-weight: bold;
    font-family: verdana, helvetica, sans-serif;
    font-size: 140%;
}

div.wizardform li {
    padding: 5px 10px 7px;
    list-style: none;
}

div.wizardform label {
    float: left;
    width: 25%;
    display: inline;
    vertical-align: middle;
    padding: 3px 7px;
    clear: both;
}

    div.wizardform span.nofloat label, div.wizardform label.nofloat {
        float: none;
    }

div.wizardform fieldset label {
    float: none;
}

.banner {
    margin-bottom: 7px;
}

.smallprint {
    font-size: 0.9em;
}

.personalimage {
    width: 200px;
}


.indentedList {
    padding-left: 1.5em;
}

    .indentedList input {
        margin-left: -1.5em;
    }

.successmsg {
    font-weight: bold;
    color: #005502;
    font-size: 1.2em;
}

.errormsg {
    font-weight: bold;
    color: #a70000;
    font-size: 1.2em;
}


.error {
    font-weight: bold;
    color: #a70000;
    display: block;
}

.formdiv {
    background-color: #FFF7DB;
    border: solid 1px #FFF726;
    padding: 5px 10px;
    width: 470px;
    margin: 0 0 20px 0;
}

.hidden {
    display: none;
}


#right_column th {
    text-align: left;
}

#right_column td {
    border: none;
}

#right_column h2 {
    background-image: url('../Images/headerBackground.png');
    background-repeat: no-repeat;
    padding: 4px 4px 4px 22px;
    margin: 10px 10px 10px 0;
}

.Highlight {
    font-weight: bold;
    background-image: url('../Images/headerBackground2.png');
    background-repeat: no-repeat;
    padding: 10px;
    margin-bottom: 10px;
}

.YellowBox {
    background-color: #f7f7ef;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 3px #666666;
    color: #00475f;
    margin: 0 15px 5px 10px;
    padding: 5px;
}

    .YellowBox fieldset {
        border: none;
    }

    .YellowBox label {
        /*font-weight: 700;*/
    }

#right_column .YellowBox legend {
    margin: 0;
    max-width: 100%;
}

.DidYouKnow {
    float: right;
    width: 14em;
    margin-left: 10px;
    padding: 3px;
    border: solid 1px grey;
}

#right_column .customTable td {
    border: none;
    padding: 2px 5px;
}

#right_column .customTable th {
    border: none;
    padding: 3px 5px;
}

#right_column input {
    font-size: 1em;
}

.stepComplete {
    background-image: url('../Images/stepComplete.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 10px 4px 22px;
}

.stepIncomplete {
    background-image: url('../Images/stepIncomplete.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 10px 4px 22px;
}

.regform, form.lms-form {
    width: 100%;
    margin-bottom: 20px;
}

    .regform legend, form.lms-form legend {
        padding: 0 2px;
        font-weight: 700;
        color: #993333; /* Maroon */
        font-size: 1.2em;
    }

    .regform fieldset ol, form.lms-form fieldset ol {
        margin: 0;
        padding: 0;
    }

    .regform fieldset li, form.lms-form fieldset li {
        padding: 5px 10px 7px;
        list-style: none;
    }

    .regform ol, form.lms-form ol {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .regform li, form.lms-form li {
        padding: 5px 10px 7px;
        list-style: none;
    }

    .regform label, form.lms-form label {
        float: left;
        width: 25%;
        display: inline;
        vertical-align: middle;
        padding: 4px 7px;
        font-weight: 700;
    }

.lms-form label. aria-hidden="true" {
    display: none;
}

.regform input, form.lms-form input {
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    padding: 4px 0 0 7px;
    outline: 0;
    -webkit-appearance: none;
}

.regform select, form.lms-form select {
    border: 1px solid #ccc;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    padding: 4px 7px;
    outline: 0;
    margin-top: 5px;
}

.headerbar h2 {
    background-image: url('../Images/headerBackground.png');
    background-repeat: no-repeat;
    color: #000000;
    font-size: 1.4em;
    margin: 10px 0 10px 0;
    padding: 4px 4px 4px 22px;
}

.right_float {
    float: right;
    margin-left: 0;
    text-align: right;
    margin: 0 75px 0 0;
    padding: 5px 0 0 0;
}

.button {
    border-style: outset;
    font-weight: 700;
    color: black;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    padding: 10px 10px 10px 10px;
    -webkit-appearance: none;
    float: right;
   margin-right: 20px;
    font-size: 1.4em !important;
    }