/* STRUCTURE STYLES */
html { font-size: 13px; }
body { margin: 0px 0px 5px 0px; text-align: center; min-width: 1000px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; }
#outer { margin: auto; width: 1000px; text-align: left; position: relative; }
#header { position: relative; }
#mainarea { position: relative; float: left; width: 1000px; }
#footer { position: relative; float: left; width: 980px; background: #151050; color: #FFFFFF; font-size: 0.7em; padding: 5px 10px 5px 10px; margin-top: 2px; }
#footer p { position: relative; float: left; display: inline; margin: 0px; }
#footer p.right { float: right; }
#footer a { color: #FFFFFF; }
table { border: 0px; width: 100%; }
th { text-align: right; vertical-align: top; padding: 5px 5px 0px 0px; }

/* ELEMENT STYLES */
* { behavior: url(scripts/iepngfix.htc); }
img { border: 0px; }
a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { opacity: 1; filter: alpha(opacity=100); }
a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
h1 { font-size: 1.6em; color: #151050; padding: 0px 10px 2px 0px; text-indent: 10px; margin: 0px 0px 2px 0px; position: relative; background: #CCCCCC; border-bottom: 1px solid #FFFFFF; border-top: 2px solid #FFFFFF; text-transform: capitalize; }
h1 span { background: url(images/h1fade.png) repeat-x; position: absolute; display: block; height: 12px; width: 100%; }
h2 { font-size: 1.4em; background: #CCCCCC; color: #151050; text-indent: 10px; padding: 0px 10px 2px 0px; margin: 2px 0px 2px 0px; border-bottom: 0px solid #FFFFFF; position: relative; }
h2 span { background: url(images/h1fade.png) repeat-x; position: absolute; display: block; height: 12px; width: 100%; }
h3 { color: #151050; font-size: 1.2em; font-weight: bold; margin: 5px 0px 0px 0px; font-style: normal; border-bottom: 1px solid #CCCCCC; text-transform: capitalize; }
h3 a { color: #151050; text-decoration: none; }
h3 a:hover { color: #CCCCCC; }
h4 { display: inline; font-size: 1em; }
h6.titleleft { color: #151050; text-align: left; font-size: 1.2em; margin: 0px; }
h6.titlemiddle { color: #151050; text-align: center; font-size: 1.5em; margin: 5px 0px 0px 0px; }
h6.titleright { color: #151050; text-align: right; font-size: 1.2em; margin: 0px; }
table { border: 0px; width: 100%; }
th { font-size: 1.1em; background: #B3B3B3; font-weight: normal; text-align: center; padding: 5px; vertical-align: middle; white-space: nowrap; color: #FFFFFF; }
td { padding: 5px; vertical-align: text-top; background: #CCCCCC; }
td.knockout { padding: 5px; vertical-align: text-top; background: #F3F3F4; }
th.tape { color: #FF0000; font-size: 1.5em; }
th.nas { color: #151050; font-size: 1.5em; }
.tape strong { color: #FF0000; }
.nas strong { color: #151050; }
ul { list-style-image: url(images/more-arrow.gif); }

/* COLUMN STYLES */
#colcontainer { overflow: hidden; width: 1000px; position: relative; float: left; }
#intro { width: 1000px; }
#introcopy { width: 490px; position: relative; float: left; }
#introcopyrt { width: 490px; position: relative; float: right; }
#introtitle { width: 490px; min-height: 180px; position: relative; float: right; padding-top: 1em; background: url(images/nas-system.jpg) no-repeat bottom center; background-position: 0px 30px; }
#introtitle h6.titleleft { width: 490px; color: #151050; text-align: left; font-size: 1.4em; margin: 0px; }
#introtitle h6.titlemiddle { width: 490px; color: #151050; text-align: center; font-size: 2.2em; margin: 0px; }
#introtitle h6.titleright { width: 490px; color: #151050; text-align: right; font-size: 1.4em; margin: 0px; }
#intro p { text-align: justify; }
#intro p.runin { color: #151050; font-weight: bold; margin-bottom: -0.5em; font-size: 1.1em; }
.col { background: #F3F3F4; margin: 2px 0px -2000px 0px; padding: 0px 0px 2000px 0px; position: relative; }
.col img.left { float: left; margin: 0px 5px 5px 0px; }
.col img.right { float: right; margin: 0px 0px 5px 5px; }
.full { width: 1000px; margin-bottom: 0px; padding-bottom: 0px; }
#content { position: relative; float: right; width: 749px; }
#content .full { width: 749px; }
#furthercol { background: #CCCCCC; margin: 2px 0px -2000px 0px; padding: 0px 0px 2000px 0px; position: relative; width: 249px; }
#furthercol ul { list-style-image: url(images/forward.gif); }
#furthercol ul.back { list-style-image: url(images/back.gif); }
.half { width: 499px; }
.onethird { width: 332px; }
.twothird { width: 666px; }
.left { float: left; }
.middle { float: left; margin-left: 2px; }
.right { float: right; }
.imgleft { float: left; margin: -1px 10px 10px 0px; border: 1px solid #CCCCCC; }
.imgright { float: right; margin: -1px 0px 10px 10px; border: 1px solid #CCCCCC; }
.secimg { border: 1px solid #CCCCCC; }
.colcontent { padding: 0px 10px 10px 10px; }
.onethird h2 span { width: 322px; }
.twothird h2 span { width: 656px; }
.learnmore { text-align: right; margin: 0px; }
.learnmore a { color: #151050; text-decoration: none; }
.learnmore a:hover { color: #999999; }
.learnmore a.more { background: url(images/more-arrow.gif) no-repeat 100% 60%; top: -8px; padding-right: 10px; }
#subs { background: #CCCCCC; margin-top: 2px; padding: 5px 10px 5px 10px; width: 980px; position: relative; float: left; }
#logos { text-align: center; }
#logos img { margin: 5px; }
.ruleabove { border-top: 2px solid #FFFFFF; padding-top: 1em; }

/* FORM STYLES */
.instructions { font-size: 0.8em; color: #999999; }
.fielderror { background-color: #FF9999; }

#sitemap { line-height: 1.5em; }
#sitemap a { font-weight: bold; }

/* MENU STYLES */
#menucontainer { height: 27px; width: 1000px; position: relative; z-index: 9999; /*overflow: hidden;*/ background: url(images/menu.jpg) no-repeat; }
.menulist { margin: 0px 0px 0px 12px; padding: 0px; }
.menulist, .menulist  ul { background: #CCCCCC; }

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul { display: none; position: absolute; /* I'm using ems and px to allow people to zoom their font */ left: 0px; white-space: nowrap; margin: -2px 30px 0px -1px; padding: 0; list-style: none; font-size: 1em; border: 2px solid #FFFFFF; }

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li { float: left; display: block; position: relative; background: #CCCCCC; }

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li { float: none; margin: 0; }
.menulist ul>li:last-child { margin-bottom: 0px; /* Mozilla fix */ }

/* Links inside the menu */
.menulist a { display: block; color: #2A2724; text-decoration: none; }
.menulist ul li a { padding: 3px 10px 3px 10px; min-width: 100px; }

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { background-color: #FFFFFF; }
.menulist a.highlighted { color: #FFF; background-color: #6ECFF6; }

.menulist a#home { width: 69px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -12px 0px; text-indent: -900px; }
.menulist a#busi { width: 174px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -81px 0px; text-indent: -900px; }
.menulist a#itse { width: 103px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -255px 0px; text-indent: -900px; }
.menulist a#offi { width: 147px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -358px 0px; text-indent: -900px; }
.menulist a#supp { width: 84px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -505px 0px; text-indent: -900px; }
.menulist a#cont { width: 111px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -589px 0px; text-indent: -900px; }
.menulist a#abou { width: 93px; height: 27px; overflow: hidden; background: url(images/menu.jpg) no-repeat -700px 0px; text-indent: -900px; }

.menulist a#home:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -12px -27px; }
.menulist a#busi:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -81px -27px; }
.menulist a#itse:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -255px -27px; }
.menulist a#offi:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -358px -27px; }
.menulist a#supp:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -505px -27px; }
.menulist a#cont:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -589px -27px; }
.menulist a#abou:hover, .menulist a.highlighted#xyz, .menulist a:focus { background-position: -700px -27px; }

#menucontainer.home .menulist a#home { background-position: -12px -54px !important; cursor: default; }
#menucontainer.busi .menulist a#busi { background-position: -81px -54px !important; }
#menucontainer.itse .menulist a#itse { background-position: -255px -54px !important; }
#menucontainer.offi .menulist a#offi { background-position: -358px -54px !important; }
#menucontainer.supp .menulist a#supp { background-position: -505px -54px !important; }
#menucontainer.cont .menulist a#cont { background-position: -589px -54px !important; }
#menucontainer.abou .menulist a#abou { background-position: -700px -54px !important; }

#search { position: relative; float: left; margin: 3px 0px 0px 17px; }
#search input { border: 0px; margin: 0px; width: 145px; padding: 2px 0px 1px 0px; height: 16px; background: url(images/search-bg.gif) repeat-x top center; position: relative; float: left; }
#search #searchleft { position: relative; float: left; width: 18px; height: 19px; background:url(images/left-cap.gif); }
#search #searchright { position: relative; float: left; width: 11px; height: 19px; background:url(images/right-cap.gif); }

/* Only style submenu indicators within submenus. */
.menulist a .subind { display: none; }
.menulist ul a .subind { display: block; float: right; }


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a { float: left; }
.menulist ul a { float: none; }
/* \*/
.menulist a { float: none; }
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li { float: left; width: 100%; }

* html .menulist ul li { float: left; height: 1%; }
* html .menulist ul a { height: 1%; }
/* End Hacks */