/********************************************************************************************************************************************/
/************************************************************************************************************************ BEGIN CSS RESET ***/
/********************************************************************************************************************************************/

/************************************************************************************************** normalize.css last update 2012.01.31

Credits:
http://github.com/necolas/normalize.css
http://clagnut.com/blog/348/#c790
http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom
http://people.opera.com/patrickl/experiments/keyboard/test
http://en.wikipedia.org/wiki/User:Davidgothberg/Test59
http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
http://gist.github.com/413930
http://www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/

***************************************************************************************************************************************/

/***********************************************************************************************************HTML5 display definitions */

/******************************************************* Corrects block display not defined in IE6/7/8/9 & FF3 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{
    display: block;
}

/************************************************* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio, canvas, video
{
    display: inline-block;
    display: inline;
    zoom: 1;
}

/******************************************** Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls])
{
    display: none;
}

/******* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */
[hidden]
{
    display: none;
}

/****************************************************************************************************************************** Base */
html
{
    font-size: 100%; /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units */
    overflow-y: scroll; /* 2. Keeps page centred in all browsers regardless of content height*/
    -webkit-text-size-adjust: 100%; /* 3.a. Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* 3.b. Prevents iOS text size adjust after orientation change, without disabling user zoom */
}

/************************************************* Addresses margins handled incorrectly in IE6/7 */
body
{
    margin: 0;
}

/**************** Addresses font-family inconsistency between 'textarea' and other form elements. */
body, button, input, select, textarea
{
    font-family: sans-serif;
}

/****************************************************************************************************************************** Links */
/**************************************************** Addresses outline displayed oddly in Chrome */
a:focus
{
    outline: thin dotted;
}

/*********************** Improves readability when focused and also mouse hovered in all browsers */
a:hover, a:active
{
    outline: 0;
}

/************************************************************************************************************************** Typography */
/********************* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5 */
h1
{
    font-size: 2em;
}

/******************************************** Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title]
{
    border-bottom: 1px dotted;
}

/********************************************* Addresses style set to 'bolder' in FF3+, S4/5, Chrome*/
b, strong
{
    font-weight: bold;
}
blockquote
{
    margin: 1em 40px;
}

/****************************************************** Addresses styling not present in S5, Chrome */
dfn
{
    font-style: italic;
}

/******************************************************* Addresses styling not present in IE6/7/8/9 */
mark
{
    background: #ff0;
    color: #000;
}

/********************************************** Corrects font family set oddly in IE6, S4/5, Chrome */
pre, code, kbd, samp
{
    font-family: monospace, serif;
    _font-family: 'courier new' , monospace;
    font-size: 1em;
}

/* Improves readability of pre-formatted text in all browsers */
pre
{
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/******************************************************** Addresses CSS quotes not supported in IE6/7 */
q
{
    quotes: none;
}

/******************************************************** Addresses quote property not supported in S4 */
q:before, q:after
{
    content: '';
    content: none;
}
small
{
    font-size: 75%;
}

/****************************************** Prevents sub and sup affecting line-height in all browsers */
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup
{
    top: -0.5em;
}
sub
{
    bottom: -0.25em;
}

/********************************************************************************************************************************** Lists */
ul, ol
{
    margin-left: 0;
    padding: 0 0 0 40px;
}
dd
{
    margin: 0 0 0 40px;
}
nav ul, nav ol
{
    list-style: none;
    list-style-image: none;
}

/*********************************************************************************************************************** Embedded content */
img
{
    border: 0; /**** 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 */
    -ms-interpolation-mode: bicubic; /******************* 2. Improves image quality when scaled in IE7 */
}

/* * Corrects overflow displayed oddly in IE9  */
svg:not(:root)
{
    overflow: hidden;
}

/******************************************************************************************************************************** Figures */

/* Addresses margin not present in IE6/7/8/9, S5, O11 */
figure
{
    margin: 0;
}

/********************************************************************************************************************************** Forms */

/*********************************************************** Corrects margin displayed oddly in IE6/7 */
form
{
    margin: 0;
}

/******************************************************* Define consistent border, margin, and padding */
fieldset
{
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend
{
    border: 0; /*************************** Corrects color not being inherited in IE6/7/8/9 */
    margin-left: -7px; /******************************* Corrects alignment displayed oddly in IE6/7 */
}

/* * 1.
* 2.
* 3.  */
button, input, select, textarea
{
    font-size: 100%; /*************** 1. Corrects font size not being inherited in all browsers */
    margin: 0; /********* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome */
    vertical-align: baseline; /**************** 3.a. Improves appearance and consistency in all browsers */
    vertical-align: middle; /**************** 3.b. Improves appearance and consistency in all browsers */
}

button, input
{
    line-height: normal;
}
/*********************** Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */

button, input[type="button"], input[type="reset"], input[type="submit"]
{
    cursor: pointer; /*********************** 1. Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /***************************************************** 2. Corrects inability to style clickable 'input' types in iOS */
    overflow: visible; /*** 3. Removes inner spacing in IE7 without affecting normal text inputs. Known issue: inner spacing remains in IE6 */
}

input[type="checkbox"], input[type="radio"]
{
    box-sizing: border-box; /*** 1. Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /******************** 2. Removes excess padding in IE8/9 */
}

input[type="search"]
{
    -webkit-appearance: textfield; /* 1.a. Addresses appearance set to searchfield in S5, Chrome */
    -moz-box-sizing: content-box; /* 1.b. Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* 2.a. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    box-sizing: content-box; /* 2.b. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */
}

/************* Removes inner padding that is displayed in S5, Chrome on OS X */
input[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/*********************************** Removes inner padding and border in FF3+ */
button::-moz-focus-inner, input::-moz-focus-inner
{
    border: 0;
    padding: 0;
}

textarea
{
    overflow: auto; /********** 1. Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top; /*** 2. Improves readability and alignment in all browser */
}

/********************************************************************************************************************************** Tables*/
/* Remove most spacing between table cells*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/********************************************************************************************************************************************/
/************************************************************************************************************************** END CSS RESET ***/
/********************************************************************************************************************************************/

/*
***************************
**   PROGRAM HEX COLORS  **
***************************
**                       **
** HMGP -------- #982934 **
**                       **
** SRPP -------- #76712f **
**                       **
** HAP --------- #596d8c **
**                       **
** Default ----- #bb5f04 **
**                       **
***************************
*/

/******************************************************************************** MasterPage.Master - container divs */

html
{
    min-height: 100%;
    height: auto;
}

body
{
    background: #ffffff url('Images/bodyBkgdGradientInvert.png') repeat-x left bottom; /* background: #ffffff url('Images/Master/LeftNavBkgdContent_Default.png') top center repeat-y; */
    min-height: 100%;
    height: 100%;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-attachment: fixed;
    text-align: center;
    font-family: calibri, Sans-Serif;
    color: #222222;
}

div.siteMasterContainer
{
    background-color: #ffffff;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 1000px;
    min-height: 100%;
    height: 100%;
    border: none;
    padding: 0px;
}

/**************************** Top nav section links container div */

div.siteMasterNavMenu
{
    background-color: #ffffff;
    width: 1000px;
    min-height: 140px;
    max-height: 140px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

/* background fix divs */

div.bkgdImage
{
    background: #ffffff url('Images/Master/LeftNavBkgdContent_Default.png') top left repeat-y;
    border: solid 1px red;
}

/******************************************************************************* Top Site Header MasterPage.master Global Navigation Link & Image Classes */

.navMenuHeaderOldSchoolRH
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

span.navLinksSubText
{
    font-size: 14px;
}

.navLinkDefault
{
    background-color: #bb5f04;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    height: 140px;
    max-height: 140px;
    width: 214px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    overflow: hidden;
    border-left: solid 4px #ffffff;
}

.navLinkDefault:hover
{
    font-weight: bold;
}

.navLinkHAP
{
    background-color: #596d8c;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    height: 140px;
    max-height: 140px;
    width: 214px;
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 0px;
    display: inline-block;
    overflow: hidden;
}

.navLinkHAP:hover
{
    font-weight: bold;
}

.navLinkSRPP
{
    background-color: #76712f;
    color: #ffffff;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    height: 140px;
    max-height: 140px;
    width: 216px;
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 0px;
    display: inline-block;
    overflow: hidden;
}

.navLinkSRPP:hover
{
    font-weight: bold;
}

/***************************************************************************** LeftNavDefault.Master - left navigation shims */

.LeftNavTopTabShimDefault
{
    background: url('Images/Master/LeftNavBkgd_TopTabShimDefault-2.png') top left no-repeat; /*background-color:#BB5F04;*/
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    height: 16px;
}

.LeftNavTopTabShimHAP
{
    background: url('Images/Master/LeftNavBkgd_TopTabShimHAP-2.png') top left no-repeat; /*background-color:#596d8c;*/
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    height: 16px;
}

.LeftNavTopTabShimHMGP
{
    background: url('Images/Master/LeftNavBkgd_TopTabShimHMGP-2.png') top left no-repeat; /*background-color:#982934;*/
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    height: 16px;
}

.LeftNavTopTabShimSRPP
{
    background: url('Images/Master/LeftNavBkgd_TopTabShimSRPP-2.png') top left no-repeat; /*background-color:#76712f;*/
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    text-align: left;
    height: 16px;
}

/***************************************************************************** LeftNavDefault.Master - left navigation divs */

span.shim5px
{
    width: 5px;
    height: 140px;
}

.leftNavDefaultContainer
{
    background: url('Images/Master/LeftNavBkgdContent_Default.png') bottom center repeat-y;
    margin: 0px 0px 0px 0px;
    text-align: left;
    min-height: 800px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.leftNavHAPContainer
{
    background: url('Images/Master/LeftNavBkgdContent_HAP.png') bottom center repeat-y;
    margin: 0px 0px 0px 0px;
    text-align: left;
    min-height: 800px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.leftNavHMGPContainer
{
    background: url('Images/Master/LeftNavBkgdContent_HMGP.png') bottom center repeat-y;
    margin: 0px 0px 0px 0px;
    text-align: left;
    min-height: 800px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.leftNavSRPPContainer
{
    background: url('Images/Master/LeftNavBkgdContent_SRPP.png') bottom center repeat-y;
    margin: 0px 0px 0px 0px;
    text-align: left;
    min-height: 800px;
    height: auto;
    position: relative;
    overflow: hidden;
}

.leftNavStack
{
    width: auto; /* 600px */
    min-height: 100%;
    height: 100%;
    border: none;
    display: block;
    float: left;
    text-align: right;
    margin: 0px 0px 0px 5px; /*border: solid 1px red;*/
}

/************************************************************************************* Right navigation menus */
/************************************************************************************* HAP*********************/
.right-nav-hap
{
}
div.right-nav-hap
{
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px auto;
    display: block;
    border: thin solid #596D8C;
    width: 125px;
    right: 15px;
    position: fixed;
    z-index: 15;
}
#navAbsolute
{
    width: 150px;
}
ul.right-nav-hap
{
}
li.right-nav-hap
{
    border: thin outset #FFFFFF;
    padding: 5px;
    margin: 0px 0px 0px -35px;
    background-color: #596D8C;
    color: #FFFFFF;
    line-height: normal;
    width: 100px;
    list-style-type: none;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    height: auto;
}

a.right-nav-hap
{
    color: White;
}

/************************************************************************************* SRPP**********************/
.right-nav-srpp
{
}
div.right-nav-srpp
{
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px auto;
    display: block;
    border: thin solid #596D8C;
    width: 125px;
    right: 15px;
    position: fixed;
    z-index: 15;
    top: 15px;
}
#navAbsolute
{
    width: 150px;
}
ul.right-nav-srpp
{
}
li.right-nav-srpp
{
    border: thin outset #FFFFFF;
    padding: 5px;
    margin: 0px 0px 0px -35px;
    background-color: #76712f;
    color: #FFFFFF;
    line-height: normal;
    width: 100px;
    list-style-type: none;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    height: auto;
    font-size: small;
}

a.right-nav-srpp
{
    color: White;
}

/************************************************************************************* Site Content Container */

.siteContentContainer
{
    height: auto;
    width: 720px;
    font-size: 16px;
    margin: -60px 16px 0px 0px;
    display: block;
    float: right;
    padding: 0px 10px 0px 10px;
    background-color: #ffffff; /*border: solid 1px blue;*/
}

.siteContentContainerHMGP
{
    height: auto;
    width: 720px;
    font-size: 16px;
    margin: -60px 16px 0px 0px;
    display: block;
    float: right;
    padding: 0px 10px 0px 10px;
    background-color: #ffffff; /*border-left: 240px solid 982934;                             border-right: 10px solid 982934;*/
}

/************************************************************************************* Random Generic and/or Global Crap */

.GenInfoNavLink
{
    border-bottom-width: medium;
    border-bottom: white;
    overflow: visible;
}

/************************************************************************************* Random Generic and/or Global Crap */

div.centerText
{
    text-align: center;
}
div.smallCenteredText
{
    font-size: 12px;
    text-align: center;
}
.skinnyText
{
    font-size: 12px;
    font-weight: 500;
    color: #222222;
}
.non`
{
    font-weight: normal;
}

p.underHeaderTextFAQ
{
    margin-top: -16px;
    font-weight: normal;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
}

div.address
{
    margin-left: 30px;
}

div.siteBottomBorderDefault
{
    width: 100%;
    height: 10px;
    background-color: #bb5f04;
}

div.siteBottomBorderHAP
{
    width: 100%;
    height: 10px;
    background-color: #596d8c;
}

div.siteBottomBorderHMGP
{
    width: 100%;
    height: 10px;
    background-color: #982934;
}

div.siteBottomBorderSRPP
{
    width: 100%;
    height: 10px;
    background-color: #76712f;
}

/******************************************************************************* Left Sidebar Site Navigation Link Classes */

.leftNavLnkDefault
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 180px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #bb5f04;
    text-align: right;
}

.leftNavLnkDefault:visited
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 180px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #bb5f04;
    text-align: right;
}

.leftNavLnkDefault:hover
{
    color: #bb5f04;
    background-color: #ffffff;
}

.leftNavLnkHMGP
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 180px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #982934;
}

.leftNavLnkHMGP:visited
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 220px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #982934;
}

.leftNavLnkHMGP:hover
{
    color: #982934;
    background-color: #ffffff;
}

.leftNavLnkHAP
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 20px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #596d8c;
}

.leftNavLnkHAP:visited
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 220px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #596d8c;
}

.leftNavLnkHAP:hover
{
    color: #596d8c;
    background-color: #ffffff;
}

a.leftNavLnkSRPP
{
    display: block;
    color: #ffffff;
    height: 22px;
    width: 180px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #76712f;
}

a.leftNavLnkSRPP:visited
{
    display: block;
    height: 22px;
    width: 180px;
    border-top: solid 1px #ffffff;
    border-right: none;
    border-left: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    text-decoration: none;
    padding-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 6px;
    margin-right: -4px;
    background-color: #76712f;
}

a.leftNavLnkSRPP:hover
{
    color: #76712f;
    background-color: #ffffff;
}

/********************************************************************************************************** Begin Global Header & List Classes */

/* h1.topLeftNavProgramHeaders = Top Text Program Names / Section Headers in leftNavDefault, leftNavHAP, leftNavHMGP, leftNavSRPP Stacks*/
h1.topLeftNavProgramHeaders
{
    color: #ffffff;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 4px;
    font-weight: normal;
    margin: 0px;
    width: 218px;
    height: 70px;
}

h1
{
    color: #ffffff;
    font-size: 20px;
    padding-left: 20px;
    padding-top: 4px;
    font-weight: normal;
}

h2.Text
{
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

h2.centerText
{
    color: #222222;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

h3.Text
{
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

h3.centerText
{
    color: #222222;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

h3.Default
{
    color: #bb5f04;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

h3.HMGP
{
    color: #982934;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

h3.HAP
{
    color: #596d8c;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

h3.SRPP
{
    color: #76712f;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}

h4
{
}

ul.global
{
    list-style-type: none;
    margin-right: 25px;
    margin-left: -20px;
}

ol.globalLowerRoman
{
    list-style-type: lower-roman;
    margin-right: 25px;
    margin-left: -20px;
}

p.indent20px
{
    text-indent: 20px;
}

a.textCenter
{
    width: 100%;
    text-align: center;
}

/*********************************************************************************************** End Global Header Classes */

/* Allows opaque text over transparent background */
span.nonTransText
{
    position: relative;
}

/* Convert program/sedction colored text to Global Content dark grey */
span.genericText
{
    color: #222222;
}

/************************************************************************************************** Program/Section specific spans */

span.defaultSpanHAP
{
    font-style: italic;
}

span.defaultSpanBoldHAP
{
    font-weight: bold;
}

/************************************************************************** Global and Program/Section Sepecific Image Classes */

.imgDivHMGP
{
    background-color: #982934;
    width: 654px;
    height: 416px;
    color: #ffffff;
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imgDivHAP
{
    background-color: #596d8c;
    width: 719px;
    height: 150px;
    color: #ffffff;
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imgMainHMGP
{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.imgDivGeneric
{
    background-color: #ffffff;
    width: 716px;
    color: #ffffff;
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imgDivDefault
{
    background-color: #bb5f04;
    width: 720px;
    color: #ffffff;
    display: block;
    padding: 5px 0px 0px 0px;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.imgMainDefault
{
    padding: 8px 5px 4px 5px;
}

.imgHAPDefault
{
    margin: 0px 0px -4px 0px;
}

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

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

.imgSRPPCenter
{
    margin-left: 56px;
    margin-right: 56px;
    padding: 0px 0px 0px 0px;
}

.imgHAPCenter
{
    margin-left: 56px;
    margin-right: 56px;
    padding: 0px 0px 0px 0px;
}

.imgHAPContainer
{
    float: left;
    padding-right: 5px;
}

.imgIMM
{
    padding: 13px 0px 8px 6px;
}

.imgPanelIMM
{
    text-align: center;
    width: auto;
    height: auto;
    border: none; /*inset 2px #990000;*/
    background: none; /*#982934;*/
}

/******************************************************************* Adobe Download Link Global Classes- JB 2012.02.24 */

div.AdobeDownload
{
    margin-left: 20px;
    margin-top: -20px;
}

span.AdobeDownload
{
    display: block;
    font-size: 13px;
    margin-left: 40px;
    margin-right: 20px;
    padding-top: -10px;
    vertical-align: text-bottom;
}

a.AdobeDownload
{
    font-weight: bold;
    color: #CC0000;
    text-decoration: none;
}

a.AdobeDownload:hover
{
    color: #FF0000;
    font-weight: bold;
    text-decoration: underline;
}

blockquote.AdobeDownload
{
    display: block;
    font-size: 14px;
    padding: 0px 0px 0px 10px;
    vertical-align: text-bottom;
}

div.FairHousing
{
    display: block;
    font-size: 16px;
    padding: 0px 0px 0px 10px;
    vertical-align: text-bottom;
}

/*************************************************************************************************** begin program/section specific header classes */

/**** h1.HAP, h1.HMGP, h1.SRPP, h1.Default are full width block, with each program's bkgd color, and centered white 20px text  */

.subh2Wrapper
{
    border-bottom: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    padding: 10px 20px 10px 20px;
    text-align: left;
    margin-top: -20px;
}

.subh2WrapperSides
{
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    padding: 20px 20px 10px 20px;
    text-align: left;
    margin-top: -20px;
}

.subh2ChartWrapper
{
    border-bottom: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    padding: 10px 20px 10px 20px;
    text-align: left;
    margin-top: -29px;
}

.allWrapper
{
    border: solid 1px #aaaaaa;
    padding: 10px 20px 10px 20px;
    text-align: left;
    margin-top: -20px;
}

.subImgWrapper
{
    border-bottom: solid 1px #aaaaaa;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
    padding: 20px 20px 10px 20px;
    text-align: left;
    margin-top: 0px;
}

h1.HMGP
{
    background-color: #982934;
    color: #ffffff;
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 4px 0px 6px 0px;
}

h2.HMGP
{
    background-color: #982934;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0px 4px 0px;
}

h1.SRPP
{
    background-color: #76712f;
    color: #ffffff;
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 4px 0px 6px 0px;
}

h2.SRPP
{
    background-color: #76712f;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0px 4px 0px;
}

h2.leftSRPP
{
    background-color: #76712f;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0px 4px 0px;
    text-align: left;
}

h1.HAP
{
    background-color: #596d8c;
    color: #ffffff;
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 4px 0px 6px 0px;
}

h2.HAP
{
    background-color: #596d8c;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0px 4px 0px;
}

h2.leftHAP
{
    background-color: #596d8c;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0px 4px 0px;
    text-align: left;
}

h1.Default
{
    background-color: #bb5f04;
    color: #ffffff;
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    padding: 4px 0px 6px 0px;
}

h2.Default
{
    background-color: #bb5f04;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    padding: 2px 0px 4px 0px;
}

/***************************************************************************************************** end program/section specific header classes */

/****************************************** program/section specific hr classes (used in content footers) */

hr.Default
{
    color: #bb5f04;
}
hr.HAP
{
    color: #596d8c;
}
hr.HMGP
{
    color: #982934;
}
hr.SRPP
{
    color: #76712f;
}

/********************************************************************* Program Specific Footer Div Classes */

div.centerTextSRPP
{
    text-align: center;
    color: #76712f;
}
div.centerTextHAP
{
    text-align: center;
    color: #596d8c;
}
div.centerTextHMGP
{
    text-align: center;
    color: #982934;
}
div.centerTextDefault
{
    text-align: center;
    color: #bb5f04;
}

/**************************************************************************** Program Specific Blockquotes */

blockquote.SRPP
{
    color: #76712f;
}
blockquote.Default
{
    color: #bb5f04;
}
blockquote.HAP
{
    color: #596d8c;
}
blockquote.HMGP
{
    color: #982934;
}

/******************************************************************** begin Program/Section Specific Content Links */

h2.LnkBtnDefault
{
    background-color: #bb5f04;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    padding: 2px 0px 4px 0px;
}

h2.LnkBtnDefault:hover
{
    background-color: #bb5f04;
    color: #ffffff;
    width: 100%;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
    padding: 2px 0px 4px 0px;
}

a.contentNavLnkHAP
{
    font-weight: bold;
    color: #596d8c;
    text-decoration: none;
}

a.contentNavLnkHAP:hover
{
    color: #000000;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
}

a.complianceNavLnkHAP
{
    font-weight: normal;
    font-size: 18px;
    display: block;
    width: 346px;
    height: auto;
    padding: 5px;
    color: #ffffff;
    background: url('Images/HAP/imgLnkBkgdCompHAP32grady.png') no-repeat; /*border: Solid 1px #996699;*/
    text-align: center;
    text-decoration: underline;
}

a.complianceNavLnkHAP:hover
{
    font-weight: bold;
    font-size: 20px;
    display: block;
    width: 400px;
    padding: 4px;
    color: #996699;
    background: none; /*background-color:#ffffff;*/ /*border: Solid 1px #ffffff;*/
    text-decoration: underline;
}

a.contentNavLnkSRPP
{
    font-weight: bold;
    color: #76712f;
    text-decoration: none;
}

a.contentNavLnkSRPP:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

a.contentNavLnkHMGP
{
    font-weight: bold;
    color: #982934;
    text-decoration: none;
}

a.contentNavLnkHMGP:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

a.contentNavLnkDefault
{
    font-weight: bold;
    color: #bb5f04;
    text-decoration: none;
}

a.contentNavLnkDefault:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

a.contentNavLnkOCD
{
    font-weight: bold;
    color: #555577;
    text-decoration: none;
}

a.contentNavLnkOCD:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

a.contentNavLnkLAStateGov
{
    font-weight: bold;
    color: #000099;
    text-decoration: none;
}

a.contentNavLnkLAStateGov:hover
{
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

/****************************************************************** Program/Section specific table styles */
.defaultTableHMGP
{
    height: auto;
    width: auto;
    border: none;
    vertical-align: top;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

td.defaultTableHeaderCellHMGP
{
    color: #ffffff;
    border: solid 1px #aaaaaa;
    background-color: #982934;
    padding: 6px;
    vertical-align: middle;
}

td.defaultTableCellHMGP
{
    color: #222222;
    border: solid 1px #aaaaaa;
    background-color: #ffffff;
    padding: 6px;
    vertical-align: middle;
}

.dashboardTableDEFAULT
{
    height: auto;
    width: 680px;
    border: none;
    vertical-align: top;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
}

td.dashboardTableHeaderCellDEFAULT
{
    color: #ffffff;
    border: solid 1px #aaaaaa;
    background-color: #bb5f04;
    padding: 6px;
    vertical-align: middle;
    text-align: center;
}

td.dashboardTableCellDEFAULT
{
    color: #222222;
    border: solid 1px #aaaaaa;
    background-color: #ffffff;
    padding: 6px;
    vertical-align: middle;
    text-align: right;
}

td.dashboardTableCellBlankDEFAULT
{
    color: #ffffff;
    border: none;
    background: none;
    padding: 6px;
    vertical-align: middle;
}

.defaultTableHap
{
    width: 100%;
}

td.defaultTableCellHap
{
    padding: 5px;
    margin: 5px;
    vertical-align: top;
    text-align: left;
}

.shim6pxTableCell
{
    width: 6px;
    height: 6px;
    border: none;
}

td.defaultNewsUpdatesTableCellRight
{
    border-bottom: solid 1px #aaaaaa;
    padding: 10px 0px 10px 0px;
    text-align: right;
    width: 110px;
}
td.defaultNewsUpdatesTableCellLeft
{
    border-bottom: solid 1px #aaaaaa;
    padding: 10px 0px 10px 0px;
    text-align: left;
    width: 570px;
    font-weight: bold;
}
td.defaultNewsUpdatesTableCellLeftBottom
{
    padding: 10px 0px 16px 0px;
    text-align: left;
    width: 570px;
    font-weight: bold;
}
td.defaultNewsUpdatesTableCellRighttBottom
{
    padding: 10px 0px 16px 0px;
    text-align: right;
    width: 110px;
}

/******************************************************************************************** remaining HMGP imorted styles */
a:link.contentLink, a:visited.contentLink, a:active.contentLink /* HMGP Imported Style */
{
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

a:hover.contentLink /* HMGP Imported Style */
{
    color: #ffffff;
    text-decoration: underline;
}

a:link.contentImage, a:visited.contentImage, a:active.contentImage /* HMGP Imported Style */
{
    border: solid 1px #aaaaaa;
    position: relative;
    display: block;
    width: 203px;
    height: 135px;
    margin-left: auto;
    margin-right: auto;
}

a:hover.contentImage /* HMGP Imported Style */
{
    border: solid 1px #ffffff;
    position: relative;
    display: block;
    width: 203px;
    height: 135px;
    margin-left: auto;
    margin-right: auto;
}

/*Start - HAP Events Calendar Details Popup Styles -- (Added by Claudia Gil on 4-12-2012)*/

#backgroundPopup
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 1;
}
#popupEventDetails
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 250px;
    width: 400px;
    background: #FFFFFF;
    border: 2px solid #cecece;
    z-index: 2;
    padding: 12px;
    font-size: 13px;
    text-align: left;
}
#popupEventDetails h1
{
    text-align: left;
    color: #596D8C;
    font-size: 24px; /* Jeff changed */
    font-weight: 900;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}

#popupEventDetails .lbl
{
    text-align: left;
    color: #596D8C;
    font-size: 20px; /* Jeff changed */
    font-weight: 900; /* Jeff changed */
}

#popupEventDetailsClose
{
    cursor: pointer;
    text-decoration: none;
}

#popupEventDetailsClose
{
    font-size: 16px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #596D8C;
    font-weight: 700;
    display: block;
}

#popupEventDetails p, label
{
    font-size: 16px;
    font-family: Calibri;
    font-weight: 600; /* Jeff added */
}

#jMonthCalendar
{
    position: relative;
}
.MonthlyCalendar .MonthNavigation
{
    border-bottom: solid 1px #ddd;
    clear: both;
    height: 20px;
    padding: 5px 10px 0 10px;
    background-color: #596D8C;
    font-family: Calibri;
}
.MonthlyCalendar .MonthNavPrev, .MonthlyCalendar .MonthNavNext, .MonthlyCalendar .TodayLink
{
    width: 7%;
    float: left;
}
.MonthlyCalendar .MonthNavigation a
{
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
}
.MonthlyCalendar .MonthNavigation a:hover
{
    text-decoration: underline;
}
.MonthlyCalendar .YearNavNext, .MonthlyCalendar .YearNavPrev
{
    width: 10%;
    float: right;
}
.MonthlyCalendar .MonthName
{
    width: 59%;
    text-align: center;
    font-weight: bold;
    float: left;
    color: #FFF;
}

.MonthlyCalendar
{
    height: 100%;
    width: 100%;
    border: solid 1px #ddd;
    border-collapse: collapse;
}
.MonthlyCalendar #CalendarHead
{
    width: 100%;
    background: #F7F7F7 none repeat scroll 0 0;
}
.MonthlyCalendar #CalendarHead .DateHeader
{
    width: 14%;
    text-align: center;
}

.MonthlyCalendar #CalendarBody
{
}
.DateBox
{
    vertical-align: top;
    border: solid 1px #ddd;
}
.DateLabel
{
    height: 16px;
    width: 100%;
    background: #F7F7F7 none repeat scroll 0 0;
    text-align: right;
}
.DateLabel a
{
    cursor: pointer;
    padding: 0 5px 2px;
    text-decoration: none;
    line-height: 16px;
}

#CalendarBody .Inactive, #CalendarBody .Weekend
{
    background: #fafafa none repeat scroll 0 0;
}
/*.Today { background:#C0D0FF none repeat scroll 0 0; }*/
/*#C0D0FF*/
#jMonthCalendar .Event
{
    font-size: 12px;
    padding: 4px;
    background-color: #596D8C;
    margin-bottom: 1px;
    -moz-border-radius: 0 8px 8px 8px;
    border: solid 1px #596D8C;
    cursor: pointer;
    display: block;
}
.Event a
{
    text-decoration: none;
    color: #FFF;
}
.Event a:hover
{
    text-decoration: underline;
}

/*End - HAP Events Calendar Details Popup Styles -- (Added by Claudia Gil on 4-12-2012)*/

/****************************************************B4A Image Div**********************************/

.b4a
{
    height: 340px;
    width: 300px;
    border: medium dotted white;
}
div.b4a
{
    background-image: url('Images/SRPP/after_opt.jpg');
    display: block;
    float: left;
    margin: 10px;
}
div.b4a:hover
{
    background-image: url('Images/SRPP/before_opt.jpg');
}

span.b4a
{
    background-color: Gray;
    color: white;
    text-align: center;
    outline: white, thin;
    position: relative;
    left: 50%;
    border: none;
}

/****************************************************************Event Boxes**********************/
.event
{
}
div.Event
{
    width: 500px;
    min-width: 500px;
    min-height: 100px;
    margin-left: auto;
    margin-right: auto;
}

span.Event
{
    /* border-color: #596d8c;*/
    padding: 3px;
    margin: 0px;
    list-style-type: none;
    min-width: 100px;
    min-height: 15px;
    border-collapse: collapse;
    text-align: justify;
    min-width: 150px;
    display: inline-block;
    top: 0px;
    vertical-align: top;
}

span.eventHeader
{
    background: #596d8c;
    color: White;
    margin: 15px 0px 0px 0px;
    border: none;
    background: #596d8c;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    min-width: 500px;
    text-indent: 15px;
}

a.Event
{
    color: #596d8c;
}

.noticeBox
{
    border: thin solid Maroon;
    min-width: 300px;
    min-height: 150px;
    width: 80%;
    padding: 10px;
    padding-bottom: -20px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.italicText
{
    font-style: italic;
}

.boldText
{
    font-weight: bold;
}

.redText
{
    color: Red;
}

.underText
{
    text-decoration: underline;
}

.noticeImportant
{
    width: 95%;
    max-width: 95%;
    margin: auto;
}