.L_Widgets_Text { }
    .L_Widgets_TextArea { }
    .L_Widgets_Radio { }
    .L_Widgets_Checkbox { }

    .L_Widgets_LockedText { font-style: italic;}
    .L_Widgets_LockedTextArea { font-style: italic;}
    .L_Widgets_LockedRadio { font-style: italic;}
    .L_Widgets_LockedCheckbox { font-style: italic;}

    .L_Widgets_LockedRadioSelected { font-style: italic;}
    .L_Widgets_LockedCheckboxSelected { font-style: italic;}

/* Html and body styles that include any backgrounds and margins */
html, body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
} 
/* Tables styles must be defined so EWE will look the same as the site */
table tr td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
#fullwidth {
width:100%;
background-image:url(/noia/images/bkg-wave-tile.gif);
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
background-color:#003775;
}

#fixedwidth {
    width:950px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    padding: 0px 0px 0px;
    margin-bottom: 0px;
    background-image:url(/noia/images/bkg-fixedwidth-tile.gif);
    background-repeat: repeat-y;
    NOT-background-color:#cf9;
} 
 
#leftside {
	float:left;
    position:relative;  
    width:740px;
    NOT-background-color:#fc0;
} 

#middle {
    background-image:url(/noia/images/content-bkg-tile.gif);
    background-repeat: repeat-y;
    margin: 0px;
    padding: 0px;
}

#lefttower {
    width:166px; 
    float:left; 
    position:relative;
    padding-top:0px;
    NOT-background-color:#f63;
}
 
NOT#middleandright {
    width:638px;
    float:right;
    position:relative;
}
 

 
#contenttext {
    float: left;
    display:inline;
    position: relative;
    width:552px;
    background-color:#fff;
    overflow:hidden;
}

#rightside {
    width:210px;
    float:right;
    position:relative;
    display:inline;
    padding-top: 0px;
    NOT-background-color:#93f;
}

#promotions {
width:205px;
NOT-background-color:#c6f;
background-image:url(/noia/images/promo-bkg-tile.gif);
background-repeat: repeat-y;
padding-bottom: 10px;
}

#footertop {
    NOT-clear:both;
    margin-left:auto;
    margin-right:auto;
    width:950px;
    height:16px;
    background-image: url(/noia/images/footer-bkg-top.gif);
    background-repeat: no-repeat;
}

#footerfull {
width:100%;
background-image:url(/noia/images/footer-bkg-btm.gif);
background-repeat: repeat-x;
background-position:bottom;
margin: 0px;
padding: 0px;
background-color:#003774;
}

#footerfixed {
    width:950px;
    margin-left:auto;
    margin-right:auto;
    NOT-background-color:#999;
}
 
#footertext p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 115%;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#middlebottom {
    clear:both;
    background-image:url(/noia/images/footer-topper.gif);
    height:16px;
    background-position: top;
}

 
/* TOP BRANDING STYLES */
#logo {
    width:166px;
    position:relative;
    height: 180px;
    NOT-background-image: url(/noia/images/logo-NOIA-top.gif);
    NOT-background-repeat: no-repeat;
}
 
#tworight {
    width:642px; 
    float:right; 
    position:relative; 
}
 
#loginandsearch {
    width:210px;
    height: 122px;
    float:right;
    position:relative;
    padding-right: 0px;
    background-image: url(/noia/images/login-bkg-full.gif);
    background-repeat: no-repeat;
    background-color:#c00;
}

#login {
    width:182px;
    height:178px;
    padding-top: 13px;
    padding-left: 28px;
    background-image: url(/noia/images/login-bkg-full.gif);
    background-repeat: no-repeat;
    NOT-background-color:#f00;
}

#login_label_img {
    border: 0;
    width:  155px;
    height: 10px;
    padding-bottom: 2px;
}

#login_form {
    margin-top: 0px;
    margin-bottom: 0px;
}

#login_form_username {
    font: 11px Verdana;
    display: block;
    width: 155px;
    NOT-height:15px;
    NOT-margin-bottom: 5px;
}

#login_form_password {
    font: 11px Verdana;
    display: block;
    width: 155px;
    NOT-padding-top: 3px;
}
#login_form_password_text {
    font: 11px Verdana;
    display: block;
    width: 155px;
    NOT-padding-top: 0px;
}

#login_form_password_input {
    font: 11px Verdana;
    display: none;     /* Hide the password input until user intacts with it */
    width: 155px;
}

#login_btn_link {
}

#login_btn_img {
    margin-top: 3px;
    border: 0;
    width: 67px;
    height: 19px;
}

#login_forgot {
    padding-left: 5px;
    text-align: left;
}

#login_forgot_link:link,
#login_forgot_link:visited {
    line-height: 105%;
    text-decoration: none;
    color:#003775;
    font: 9px Verdana;
}

#login_forgot_link:hover {
    color:#000;
    text-decoration: underline;
}

#login_salutation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 100%;
    font-weight: bold;
    color: #c0daf4;
    margin: 0px;
    padding: 0px;
}

#login_username
{
    width: 150px;
    height: 12px;
    overflow: hidden; /* --- prevents long names from breaking layout (width/height required) --- */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 100%;
    font-weight: bold;
    color: #fff;
    margin: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#login_logoutbtn_link {
}

#login_logoutbtn_img {
    border: 0;
    width: 77px;
    height: 18px;
    padding-top: 3px;
    padding-bottom: 17px;
}


#search {
    width: 166px;
    height: 30px;
    NOT-background-image: url(/noia/images/search-bkg-panel.jpg);
    NOT-background-repeat: no-repeat;
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0px;
}

#search_form {
    margin-bottom: 0px;
}

#search_form_input {
    float: left;
    position: relative;
    font: 11px Verdana;
    width: 92px;
    padding-top: 3px;
}

#search_form_btn {
}

#search_form_btn_img {
    float: right;
    position: relative;
    border: 0px;
    width: 61px;
    height: 20px;
    padding-top: 3px;
}


#title {
    float: left;
    display:inline;
    position: relative;
    width:466px;
    height: 102px;
    background-image: url(/noia/images/header-mid-bkgtile.gif);
    background-repeat: repeat-y;
    border-top-width: 4px;
    border-top-style: solid;
    border-top-color: #6396d4;
}
#titleart {
    float: left;
    display:inline;
    position: relative;
    width:466px;
    height: 102px;
}

#topper {
    height:16px;
    clear:left;
    background-image: url(/noia/images/header-topgap-ctr-bkg.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #5a8dca;
} 

/* END TOP BRANDING STYLES */

/* CENTER CONTENT STYLES */

#contenttext {
    margin: 47px 0px 0px;
    padding-top: 0px;
    padding-right: 11px;
    padding-bottom: 10px;
    padding-left: 11px;
    background-color: #fff;
}

#contenttext .breadcrumb, #contenttext .breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited {
    font-size: 10px;
    color: #347d89;
    padding-bottom: 2px;
}
#contenttext .breadcrumb {
background-color: #dfeef2;
}

/***
  NOTE: This style should be fixed when the styles below are fixed (it
        should be a conditional style: global (for EWE) and contenttext)
***/
#contenttext img {
    padding: 0px;
    margin: 2px;
}

/***
  NOTE: The styles below used to be restricted to the contenttext div,
        but we have found that they must be global or EWE doesn't see them
        (becuase EWE knows nothing about the contenttext div).
        We need to fix this by using ASP to conditionally change them from #contenttext
        to global depending on the presence of an argument (like "editor=yes").
***/
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    margin: 0px;
    padding: 0px;
}

p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
}

h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #fff;
    background-image: url(/noia/images/bkg-pagetitle-tile.gif);
    background-repeat: repeat-x;
    background-position: top;
    text-align: left;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 2px 5px;
    NOT-border: 1px solid #cfdae6;
}

ul {
    margin-top: 5px;
}
li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    margin: 0px;
    padding: 0px 15px 3px 0px;
}

#NOTcontenttext img {
    padding: 0px;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}


/* END CENTER CONTENT STYLES */

/* PROMO STYLES */

.promo_left {
    background-image:url(/noia/images/promo-bkg-btm.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 171px;
    padding: 0px 0px 16px;
    margin: 0px 0px 7px;
}
.promo_left p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #123b6d;
    background-image: url(/noia/images/promo-midbkg-tile.gif);
    background-repeat: repeat-y;
    margin: 0px;
    padding: 0px 10px 0px 12px;
}
.promo_left h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #123b6d;
    background-image: url(/noia/images/promo-bkg-h1-top.gif);
    background-repeat: no-repeat;
    background-position: top;
    margin: 0px;
    padding: 10px 0px 0px 12px;
}
.promo_left a {color:#123b6d;}

.promo_left h1 a:link,
.promo_left h1 a:visited {
    color: #123b6d;
    text-decoration: none;
}
.promo_left h1 a:hover {color:#0d52a6;
    text-decoration: underline;
    }
.promo_left img {
    background-color:#FFCC99;
}

.promo_right {
    NOT-background-image:url(/noia/images/promo-bkg-btm.gif);
    NOT-background-repeat: no-repeat;
    NOT-background-position: bottom;
    NOT-width: 171px;
    NOT-padding: 0px 0px 16px;
    margin: 0px 0px 7px;
}
.promo_right p {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 116%;
    color: #10487e;
    NOT-background-image: url(/noia/images/promo-midbkg-tile.gif);
    NOT-background-repeat: repeat-y;
    margin: 0px;
    padding: 0px 9px 3px 11px;
}
.promo_right h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #10487e;
    NOT-background-image: url(/noia/images/promo-bkg-h1-top.gif);
    NOT-background-repeat: no-repeat;
    NOT-background-position: top;
    margin: 0px;
    padding: 10px 9px 0px 11px;
}
.promo_right a {color:#10487e;}

.promo_right h1 a:link,
.promo_right h1 a:visited {
    color: #10487e;
    text-decoration: none;
}
.promo_right h1 a:hover {color:#10487e;
    text-decoration: underline;
    }
.promo_right img {
    NOT-background-color:#FFCC99;
}

/* ADVERTISEMENT STYLES */

.advertisement_left {
    width: 100%;
    text-align:center;
    padding-bottom: 10px;
}

.advertisement_right {
    width: 100%;
    text-align:center;
    padding-bottom: 10px;
}

/* SITEMAP STYLES */

.sitemapLink {
    text-decoration: underline;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.sitemapLinkParent {
}

.sitemapLinkTopLevel {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.sitemapDiv {
}

.sitemapDivParent {
}

.sitemapDivTopLevel {
    padding-top: 10px;
}

/* NAVIGATION STYLES */
#navmain {
    float:right;
    NOT-background-image: url(/noia/images/nav-bkg-top-tall.gif);
    NOT-background-repeat: no-repeat;
    NOT-background-position: top;
    background-color: #FFFFFF;
}
#navbottom {
	display:none;
}
#navmain ul {
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 0px;
    line-height: 110%;
    text-align:right;
}
#navmain li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 0px;
}

/* STYLES FOR ALL NAVITEMS THAT ARE NOT IN THE EXPANDED TREE */
#navmain .navitem a {
    display: block;
    padding: 3px 10px 3px 0px;
    width: 156px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #a2dce5;
    text-decoration: none;
    NOT-background-image: url(/noia/images/nav-n-tile.gif);
    NOT-background-repeat: repeat-y;
    margin: 0px;
    background-color:#def4f7;
}
#navmain .navitem a:link, #navmain .navitem a:visited {
    color: #10487e;
    text-decoration: none;
}
#navmain .navitem a:hover {
    color: #FFFFFF;
    NOT-background-image: url(/noia/images/nav-h-tile.gif);
    NOT-background-repeat: repeat-y;
    border-top: 1px solid #003775;
    border-bottom: 1px solid #003775;
    background-color: #003775;
}

/* BASIC STYLES FOR ALL EXPANED TREE LEVELS */
/* #navmain .level0, #navmain .level1, #navmain .level2, #navmain .level3, #navmain .level4 {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    color: #2e5584;
    line-height: 110%;
} */

#navmain .level0 a, #navmain .level1 a, #navmain .level2 a, #navmain .level3 a, #navmain .level4 a {
    display: block;
    padding: 3px 10px 3px 0px;
    width: 156px;
    border-top: 1px solid #f0f6fc;
    text-decoration: none;
    NOT-background-image: url(/noia/images/nav-sub-n-tile.gif);
    NOT-background-repeat: repeat-y;
    font-size: 11px;
    text-transform: uppercase;
}
#navmain .level0 a:link, #navmain .level1 a:link, #navmain .level2 a:link,    #navmain .level3 a:link, #navmain .level4 a:link,
#navmain .level0 a:visited, #navmain .level1 a:visited, #navmain .level2 a:visited, #navmain .level3 a:visited, #navmain .level4 a:visited
{
    color: #a2dce5;
    text-decoration: none;
}
#navmain .level0 a:hover, #navmain .level1 a:hover, #navmain .level2 a:hover, #navmain .level3 a:hover, #navmain .level4 a:hover {
    color: #FFFFFF;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
    background-color: #1191a6;
}

/* STYLES FOR ALL SUB-LEVELS */
#navmain .level0 a {
    display: block;
    padding: 3px 10px 3px 0px;
    width: 156px;
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
    text-decoration: none;
    NOT-background-image: url(/noia/images/nav-n-tile.gif);
    NOT-background-repeat: repeat-y;
    background-color:#1191a6;
    margin: 0px;
    text-transform: none;
}
#navmain .level1 a {
    padding: 3px 10px 3px 0px;
    width: 156px;
    color:#a2dce5;
    background-image: url(/noia/images/nav-sub-bkg-1.gif);
    background-repeat: repeat-y;
    background-color:#44aaba;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
}
#navmain .level2 a {
    padding: 3px 10px 3px 0px;
    width: 156px;
    color:#a2dce5;
    background-image: url(/noia/images/nav-sub-bkg-2.gif);
    background-repeat: repeat-y;
    background-color:#44aaba;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
}
#navmain .level3 a {
    padding: 3px 10px 3px 0px;
    width: 156px;
    color:#a2dce5;
    background-image: url(/noia/images/nav-sub-bkg-3.gif);
    background-repeat: repeat-y;
    background-color:#44aaba;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
}
#navmain .level4 a {
    padding: 3px 10px 3px 0px;
    width: 156px;
    color:#a2dce5;
    background-image: url(/noia/images/nav-sub-bkg-4.gif);
    background-repeat: repeat-y;
    background-color:#44aaba;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
}

/* SELECTED STATE STYLE FOR SELECTED NAV ITEM */
#navmain .selected a:link, #navmain .selected a:visited, #navmain .selected a:hover {
    color: #FFF;
    border-top: 1px solid #1191a6;
    border-bottom: 1px solid #1191a6;
    background-color:#1191a6;
    background-image: none;
    NOT-background-repeat: repeat-x;
    NOT-background-position: bottom;
}

/* EXPANDED STATE STYLE (IF ANY) */
#navmain .expanded a:link, #navmain .expanded a:visited, #navmain .expanded a:hover {
    text-decoration: underline;
    background-color: #1191a6;
    border-top: 1px solid #1191a6;
}
/* END NAVIGATION STYLES */

/* FOOTER STYLES */
#footerlogo {
    width:165px;
    float:left;
    position:relative;
    margin-top: 10px;
}
 
#footertworight {
    width:780px; 
    float:right; 
    position:relative; 
}
 
#streamline {
    width:210px;
    float:right;
    position:relative;
    vertical-align: middle;
    padding-top: 20px;
}
 
#footertext {
    float: left;
    display:inline;
    position: relative;
    width:560px;
}

#verybottom {
    height:20px;
    clear:left;
    margin: 0px;
    padding: 0px;
}
#footertext p a:link,
#footertext p a:visited, #footertext p {
    color: #aed5de;
    text-decoration: none;
}
#footertext p a:hover {
    color:#fff;
    text-decoration: underline;
}


/* END FOOTER STYLES */

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#left{display:none;} 

/*hide the right column when printing*/ 
#right{display:none;} 
#middlebottom{display:none;}
#middleandright, #content{width:100%; float:none;}

#middle{
    background-image:none;
    width:80%;
    margin-right: auto;
    margin-left: auto;
} 
#login{display:none;}
#header{background-image:none;}
#footer{background-image:none;}
#logo{background-image:none;} 
#title{background-image:none;}
#topper{background-image:none;}
#verybottom{background-image:none;}
#contenttext h6{background-image:none;}
html, body{
    background-image:none;
}
#branding{background-color:#4a7bb7;}
#footertext p {color:#000000;}
}