/*Areas within the frame*/
/*main Area*/
#mainArea {
    width: 100%;
    height: auto; /*border: 1px aqua solid;*/
}

#topArea {
    width: 100%;
    height: 155px;
    margin: 0em 0em -7.75em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    float: left; /*border: 1px aqua solid;*/
}

#textNavArea, #textNavArea2 {
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px green solid;*/
}

#textNavArea p {
    font-size: 1.00em;
    font-weight: normal;
    margin: 0em 0em 0.85em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}
.leftNavHeader {
    /* Apply this class to a "div" tag replace the "h4" heading over the LeftNav; Allows for reuse with LeftNav. */
    font-size: 1em;
    font-weight: normal;
    background: #333333;
    color: #FFFFFF;
    margin: 0;
    padding: 0 3px; /*Top Right Bottom Left*/
    border-bottom: 2px #CC3333 solid;
    text-align: center;
}
/*Header Formatting*/
#textNavArea h4, #textNavArea2 h4 {
    font-size: 1em;
    font-weight: normal;
    background: #333333;
    color: #FFFFFF;
    margin: 0;
    padding: 0 3px; /*Top Right Bottom Left*/
    border-bottom: 2px #CC3333 solid;
    text-align: center;
}

#mainRight h4 {
    /* This is the DEN H4 heading CSS; it often breaks the document structure when not preceeded by an H3: - replace this with a div and use DENheading class. */
    font-size: 1.3em;
    font-weight: lighter; /*background: #333333;*/
    color: #000000;
    width: 100%;
    margin: 0em 0em 0.15em -0.30em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0.35em; /*Top Right Bottom Left*/
    font-weight: bold; /*border-bottom: 2px #CC3333 solid;*/
}

.DENheading {
    font-size: 1.3em;
    font-weight: lighter;
    color: #000000;
    width: 100%;
    margin: 0em 0em 0.15em -0.30em;
    padding: 0em 0em 0em 0.35em;
    font-weight: bold;
}


/*Large UHV Logo*/
#MainLogoSec {
    /*background: transparent url('../images/pageElements/UHVMainLogo.gif') no-repeat top;*/
    width: 188px;
    height: 90px;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    float: left;
    position: relative;
    top: -3.4em;
    left: 0.85em;
}

#UHVSec {
    /*background: transparent url('../../images/pageElements/UHV.jpg') no-repeat top;*/
    width: 421px;
    height: 25px;
    margin: 3px 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    float: left;
    position: relative;
    top: -1.85em;
    left: 1.65em;
}

#quickLinksSec {
    color: #FFFFFF;
    background: transparent;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    font-weight: lighter;
    width: 320px;
    height: 25px;
    margin: 0.15em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0.40em 29px 0em 0em; /*Top Right Bottom Left*/ /*border: 1px blue solid;*/
}

#searchSec {
    color: #FFFFFF;
    float: right;
    font-size: 0.7em;
    width: 275px;
    height: 25px;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0.15em 30px 0em 0em; /*Top Right Bottom Left*/ /*border: 1px blue solid;*/
}

.uhvTitle {
    display: none;
}

/*Top Navigation*/
#UHVSecNavSub {
    width: 100%;
    height: auto;
    position: relative;
    top: -1em;
    background-color: Transparent;
    text-align: right;
}

#UHVSecNavSub ul {
    margin: 0em 0em 0.5em 0em; /*Top Right Bottom Left*/
    padding: 0em 45px 0em 0em; /*Top Right Bottom Left*/ /*border: 1px yellow solid;*/
}

#UHVSecNavSub li {
    display: inline;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0.15em 0em 0.15em; /*Top Right Bottom Left*/
    font-size: 0.7em;
    font-weight: bolder; /*border: 1px blue solid;*/
}

#UHVSecNavSub li a:link, #UHVSecNavSub li a:visited {
    color: #000000;
    text-decoration: none;
}

#UHVSecNavSub li a:hover {
    color: #CC3333;
    text-decoration: none;
}

/*Left side text and navigation area*/
#mainLeft {
    float: left;
    width: 25%;
    min-width: 21%;
    max-width: 20%;
    height: auto;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px red solid;*/
}



/*Cener text area*/
#mainCenter {
    float: left;
    width: 56%;
    min-width: 50%;
    max-width: 58%;
    height: auto;
    margin: 0em 0.55em 0em 0.55em; /*Top Right Bottom Left*/
    padding: 0em 0.65em 0em 0.95em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: left; /*border: 1px yellow solid;*/
}

#mainCenter2 {
    /* float: center; --- no such attribute as center!!! */
    width: 90%; /* min-width: 53%;     max-width: 58%; */
    height: auto;
    margin: 0em 0.95em 0em 0.95em; /*Top Right Bottom Left*/
    padding: 0em 0.95em 0em 0.95em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: left; /* border: 1px yellow solid; */
}

#mainCenter h1 {
    font-size: 2em;
    text-align: center;
}
#mainCenter h2 {
    font-size: 1.6em;
    text-align: center;
}
#mainCenter h3 {
    font-size: 1.4em;
}
#mainCenter h4 {
    font-size: 1.2em;
}
#mainCenter h5 {
    font-size: 1em;
}
#mainCenter h6 {
    font-size: .8em;
}
#mainCenter h1, h2, h3, h4, h5, h6 {
    color: black;
    background-color: inherit;
    font-weight: bold;
}

#mainCenter p {
    color: #333333;
    margin: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#mainCenter ol li {
    margin-bottom: 0.85em;
}

#mainCenter ol li ol li {
    margin-bottom: 0.05em;
}

/*Cener text area*/
#mainCenterExt {
    float: left;
    width: 78%;
    min-width: 74%;
    max-width: 78%;
    height: auto;
    margin: 0em 0.55em 0em 0.15em; /*Top Right Bottom Left*/
    padding: 0em 0.65em 0em 0.95em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: left; /*border: 1px yellow solid;*/
}

#mainCenterExt p {
    color: #333333;
    margin: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#mainCenterExt ol li {
    margin-bottom: 0.85em;
}

#mainCenterExt ol li ol li {
    margin-bottom: 0.05em;
}

/*Cener text area*/
#mainCenterExtRight {
    float: right;
    width: 72%;
    min-width: 70%;
    max-width: 72%;
    height: auto;
    margin: 0em 1.85em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0.85em 0em 0em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: left; /*border: 1px yellow solid;*/
}

#mainCenterExtRight p {
    margin: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#mainCenterExtRight ol li {
    margin-bottom: 0.85em;
}

#mainCenterExtRight ol li ol li {
    margin-bottom: 0.05em;
}

/*Cener text area*/
#mainCenterAll {
    float: left;
    width: 70%;
    min-width: 70%;
    max-width: 70%;
    height: auto;
    margin: 0em auto 0em auto; /*Top Right Bottom Left*/
    padding: 0em 0.65em 0em 0.95em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: left; /*border: 1px yellow solid;*/
}

#mainCenterAll p, #mainCenterAllBB p {
    margin: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#mainCenterAll ol li, #mainCenterAllBB ol li {
    margin-bottom: 0.85em;
}

#mainCenterAll ol li ol li, #mainCenterAllBB ol li ol li {
    margin-bottom: 0.05em;
}

#mainCenterAllBB {
    float: left;
    width: 95%;
    min-width: 90%;
    max-width: 95%;
    height: auto;
    margin: 0em auto 0em auto; /*Top Right Bottom Left*/
    padding: 0em 0.65em 0em 0.95em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: left; /*border: 1px yellow solid;*/
}

#floatLeft {
    float: left;
}

#floatRight {
    float: right;
}

/*Right text area*/
#mainRight {
    float: right;
    width: 18%;
    min-width: 18%;
    max-width: 18%;
    height: auto;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    font-size: 0.85em;
    text-align: center;
    overflow: hidden;
    border-left: 1px #EEEEEE solid; /*border: 1px blue solid;*/
}

#mainRight p {
    color: #333333;
    text-align: left;
    font-size: 0.85em;
    margin: 0.25em 0.15em 0.2em 0.45em;
    padding:.2em 0 1em 0; 
}

.DENitem {
    background: url(../images/pageElements/GreyLineLG.jpg) no-repeat bottom;
}
        
#mainRight .release {
    color: inherit;
    text-align: left;
    font-size: 0.73em;
}

#mainRight a:link, #mainRight a:visited {
    color: #333333;
    font-size: inherit;
    margin: 0.25em 0em 0.25em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#mainRight a:hover {
    color: #CC3333;
    text-decoration: underline;
    font-size: inherit;
}

/*Lower List Navigation*/
#navList {
    width: 100%;
    height: 300px;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px red solid;*/
}

#leftList {
    width: 48%;
    height: auto;
    float: left;
    text-align: left;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0.55em; /*Top Right Bottom Left*/ /*border: 1px teal solid;*/
}

#rightList {
    width: 48%;
    height: auto;
    float: right;
    text-align: center;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px maroon solid;*/
}

#rightList .imgLinks {
    border: 0;
    margin: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    background: transparent url('../images/pageElements/GreyLineSM.jpg') bottom left no-repeat;
}

#rightList .imgLast {
    border: 0;
    margin: 0em 0em 1em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 1em 0em; /*Top Right Bottom Left*/
}

/*Main List Nav formatting*/
#listMainSec {
    color: #333333;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#listMainSec ul, #textNavArea2 ul {
    list-style: none;
    margin: 0em 0em 0em 0.45em; /*Top Right Bottom Left*/
    padding: 10px 0em 0em 0em; /*Top Right Bottom Left*/
}

#listMainSec li, #textNavArea2 li {
    margin: 0em 0em 0.7em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0.2em 0em; /*Top Right Bottom Left*/
    background: transparent url('../images/pageElements/GreyLine.jpg') bottom left no-repeat;
}

#listMainSec li a:link, #listMainSec li a:visited, #listMainSec li a:active {
    color: #333333;
    text-decoration: none;
}

#listMainSec li a:hover {
    color: #CC3333;
    text-decoration: none;
}

#listMainSec ul li ul {
    font-size: 0.85em;
    font-weight: lighter;
    list-style: none;
    margin: 0.20em 0em 0em 0.65em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#listMainSec ul li ul li {
    display: inline;
    margin: 0em 0em 0.25em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    background: transparent;
}

/*Lower List formatting*/
#list {
    color: #333333;
    font-size: 0.8em;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#list ul {
    list-style: none;
    margin: 0em 0em 0em 0.45em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#list li {
    margin: 0em 0em 0.15em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    background: transparent url('../images/pageElements/GreyLine.jpg') bottom left no-repeat;
}

#list li a:link, #list li a:visited {
    color: #333333;
    text-decoration: none;
}

#list li a:hover {
    color: #CC3333;
    text-decoration: none;
}

/*Right Area*/
#rightArea {
    float: right;
    width: 650px;
    border: 1px orange solid;
}

#networkArea {
    clear: both;
    width: 100%;
    height: 35px;
    color: #000000;
    text-align: right;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    background: #FFFFFF;
}

#networkArea img {
    border: 0;
    margin: 0.5em 0.25em 0.25em 0em; /*Top Right Bottom Left*/
    padding: 0em 0.65em 0em 0em; /*Top Right Bottom Left*/
}


/*Bottom area*/
#bottomAreaSec {
    width: 100%;
    height: 325px;
    text-align: center; /*background: transparent url('../images/pageElements/bottomGrad.jpg') repeat-x;*/
    margin: 0em auto 0em auto; /*Top Right Bottom Left*/
    padding: 1.65em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px yellow solid;*/
}

#bottomAreaSec img {
    border: 0;
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

/*Four column areas*/
/*Column One Formatting*/
#column1 {
    width: 235px;
    height: auto;
    float: left;
    text-align: left;
    margin: 0em 0em 0em 1.85em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px red solid;*/
}

#column1 h6 {
    color: #333333;
    font-size: 1.2em;
    margin: 0.35em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#column1 p {
    color: #000000;
    font-size: 0.8em;
    margin: 0.75em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

/*Column Two Formatting*/
#column2 {
    width: 235px;
    height: auto;
    float: left;
    text-align: left;
    margin: 0em 0em 0em 0.75em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px yellow solid;*/
}

#column2 h6 {
    color: #333333;
    font-size: 1.2em;
    margin: 0.35em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#column2 p {
    color: #000000;
    font-size: 0.8em;
    margin: 0.75em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

/*Column Three Formatting*/
#column3 {
    width: 235px;
    height: auto;
    float: left;
    text-align: left;
    margin: 0em 0em 0em 0.75em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px blue solid;*/
}

#column3 h6 {
    color: #333333;
    font-size: 1.2em;
    margin: 0.35em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#column3 p {
    color: #000000;
    font-size: 0.8em;
    margin: 0.75em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

/*Column Four Formatting*/
#column4 {
    width: 235px;
    height: auto;
    float: left;
    text-align: left;
    margin: 0em 0em 0em 0.75em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/ /*border: 1px green solid;*/
}

#column4 h6 {
    color: #333333;
    font-size: 1.2em;
    margin: 0.35em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

#column4 p {
    color: #000000;
    font-size: 0.8em;
    margin: 0.75em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
}

/** Placement/Alignment Classes **/
.floatLeft {
    float: left;
    margin: 0em 0.35em 0.35em 0em; /*Top Right Bottom Left*/
}

.floatRight {
    float: right;
    margin: 0em 0em 0.35em 0em; /*Top Right Bottom Left*/
}

.middle {
    text-align: center;
}

.formListStyle {
    list-style-type: none;
}
.formListStyle li ul {
    list-style-type: none;
}
.formListStyle li ul li {
    margin-bottom: 10px;
}

/*for IT FAQs */
span.qa {
    color: #b90000;
    background-color: inherit;
    font-weight: bold;
    font-style: italic;
}
.red {
    /* red bullet point in topNavSub control used in SubMaster.master */
    color: #CC3333;
}

.underline{ text-decoration : underline;}