* { margin:0; padding:0; }					/* all margins+padding off by default */

body { background-color:#fff; }

img { border:0; }

/* ################# HEADER ################## */

#header {
	width:100%;
	height:50px;
	text-align:left;
	background-color:#fff;
	position:fixed;						/* keeps header at top of page */
	left:0px;							/* header positioned 0px from window left */
	top:0px;							/* header positioned 0px from window top */
	z-index:1;							/* keeps header "on top" of other objects */
	}

#header img {
	margin-left:2px;					/* spaces tabs apart */
	font-size:12px;
	font-family:tahoma, arial, sans-serif;
	}

#header .logo {
	margin:0 9px 0 9px;					/* adds space between logo & first tab */
	}

#header .apply { position:absolute; left:145px; top:25px; width:83px; height:25px; background-image:url(images/layout/tabs/apply-off.gif); }

#header .vr { position:absolute; left:232px; top:25px; width:84px; height:25px; background-image:url(images/layout/tabs/vr-off.gif); }

#header .hire { position:absolute; left:320px; top:25px; width:55px; height:25px; background-image:url(images/layout/tabs/hire-off.gif); }

#header .work { position:absolute; left:379px; top:25px; width:97px; height:25px; background-image:url(images/layout/tabs/work-off.gif); }

#header .about { position:absolute; left:480px; top:25px; width:62px; height:25px; background-image:url(images/layout/tabs/about-off.gif); }

#header .employees { position:absolute; left:546px; top:25px; width:65px; height:25px; background-image:url(images/layout/tabs/employees-off.gif); }

#cornermenu {
	position:absolute;					/* keeps corner menu at top of page */
	right:5px;							/* menu positioned 5px from window right */
	top:5px;							/* menu positioned 5px from window top */
	font-family:tahoma, arial, sans-serif;
	font-size:12px;
	}

#cornermenu a {
	color:#000;						/* corner menu links are black */
	right:10px;
	top:10px;
	text-decoration:none;
	}

#stripe {
	width:100%;
	height:25px;
	position:fixed;						/* keeps stripe in position under header */
	left:0px;							/* stripe positioned 0px from left of page */
	top:50px;							/* stripe positioned 50px from top (under header) */
	z-index:1;							/* keeps stripe "on top" of other objects */
	}

.skip {
	position:absolute;
	top:-999em;
	}

/* ################# HOMEPAGE ################## */

#homepage #cornertitle {
	position:absolute;
	top:10px;
	left:10px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	font-size:16px;
	}

#hometable { margin:150px auto 0 auto; }	/* centers homepage buttons */

/* ################# SUBMENU ################## */

#submenu {
	display:none;
	width:134px;						/* 134px width + 1px right border = 135px wide */
	border-width:0 1px 1px 0;				/* 1px border on right and bottom only */
	border-style:solid;
	padding:5px 0 5px 0;					/* 5px padding on top and bottom only */
	font-family:tahoma, arial, sans-serif;
	font-size:12px;
	color:#000;
	position:fixed;						/* keeps submenu in position under header */
	left:0px;							/* submenu positioned 0px from left of page */
	top:75px;							/* submenu positioned 75px from top (under stripe) */
	z-index:1;							/* keeps submenu "on top" of other objects */
	line-height:12px;
	}

#submenu ul { list-style-type:none; }			/* removes bullet graphics from list */

#submenu dt {
	padding:5px;						/* aligns group headings with other menu items */
	font-weight:bold;
	}

#submenu dl { padding-bottom:0px; }

#submenu a {
	text-decoration:none;					/* removes link underlines from submenu */
	padding:5px;
	width:124px;						/* 125px element - 2*(5px padding) - 1px right border = 114px */ 
	display:block;						/* allows links to have specified width&height */
	}

#submenu a:link { color:#000; }				/* black submenu links */
#submenu a:visited { color:#000; }			/* submenu links remain black even if visited */
#submenu a:active { color:#fff; }				/* link turns white when clicked */
									/* a:hover state located under 'section specifics' below */

#submenu dd a {
	margin-left:13px;
	width:99px;						/* previously 114px - 13px left margin - 2px left border = 99px */
	border-left:2px solid;
	}

#submenu .pullright { background-image:url('images/layout/arrow.gif'); background-repeat:no-repeat; background-position:center right; }

#submenu div.menusplit {
	border-top:2px solid;
	padding-top:2px;
	}

#submenu .menusplit p {
	padding-left:5px;
	font-weight:bold;
	}

#submenu .menusplit dt {
	font-weight:normal!important;
	}

/* ################# CONTENT ################## */

#content {
	padding-top:10px;					/* spaces content apart from stripe */
	padding-left:20px;					/* spaces content apart from submenu */
	position:absolute;					/* prevents content from starting at top left corner (0,0) */
	left:125px;						/* content positioned right of submenu */
	top:75px;							/* content positioned below heading&stripe */
	z-index:0;							/* allows content to scroll beneath heading&stripe */
	}

h1, h2, h3, h4 {
	margin-bottom:10px;					/* adds space below h tags (because margin&padding are 0 by default) */
	font-family:tahoma, arial, sans-serif;
	color:#000;
	}

h1 { font-size:28px; }				/* main content heading */

h2 { font-size:18px; }				/* secondary content headings */

h3 {							/* questions during application process */
	font-size:14px;
	padding:3px;
	margin:30px 100px 10px auto;
	}

h4 {							/* site map div titles */
	font-size:16px;
	text-align:center;
	}

a { text-decoration:underline; }
a:link, a:hover { color:#00f; }
a:visited { color:#810381; }
a:active { color:#f00; }

#content p {
	margin-right:100px;					/* prevents content text from reaching edge of page */
	margin-bottom:10px;					/* adds space after paragraphs (since margin&padding are 0 by default) */
	font-size:14px;
	font-family:tahoma, arial, sans-serif;
	color:#000;
	letter-spacing:1px;
	}

table {
	font-size:14px;
	font-family:tahoma, arial, sans-serif;
	color:#000;
	letter-spacing:1px;
	border:0;
	margin:auto 100px 25px 25px;
	}

td { padding:5px 5px 0 5px; }
th { padding:5px 5px 0 5px; }

table p { margin:5px!important; }

caption { margin-bottom:10px; }

.management td {
	vertical-align:top;
	padding-bottom:25px;
	}

/* ################# CONTENT LIST CONTROLS ################## */

#content ol {
	margin:auto 100px 25px 30px;			/* left indent so list items don't spill into submenu */
	font-size:14px;
	line-height:20px;					/* adjusted line spacing */
	font-family:tahoma, arial, sans-serif;
	color:#000;
	letter-spacing:1px;
	}

#content ul {
	margin:auto 100px 10px 30px;			/* left indent so list items don't spill into submenu */
	font-size:14px;
	line-height:20px;					/* adjusted line spacing */
	font-family:tahoma, arial, sans-serif;
	color:#000;
	letter-spacing:1px;
	}

#content .lettered {
	list-style-type:upper-alpha;
	font-weight:bold;
	margin-right:0;
	}

#content .bullet {
	list-style-type:disc;
	font-weight:normal;
	margin-right:100px;
	}

#content .bullet ul {						/* applies these styles to lists nested in bullet lists */
	list-style-type:circle;
	margin-bottom:0;
	margin-right:0;
	}

#content .checkbox { list-style-image:url(images/checkbox.gif); }

#content .faqlist li {
	font-weight:bold;
	}

#content .bold {
	font-weight:bold;
	}	

#content .faqlist a:link { color:#000; text-decoration:none; }
#content .faqlist a:visited { color:#810381; text-decoration:underline; }
#content .faqlist a:hover { color:#00f; text-decoration:underline; }
#content .faqlist a:active { color:#f00; text-decoration:underline; }

#content .faq li { font-weight:bold; }

#content .faq li p {
	font-weight:normal;
	margin-right:0;
	}

#content .faq ul li { font-weight:normal; }

#content p.jumpback {
	font-size:12px;
	padding-bottom:50px;
	}

#content li p { margin:10px 0 auto auto; }

/* #################### SITE MAP ######################## */

#sitemap ul {
	list-style-type:disc;					/* filled circle list bullet for top level sitemap lists */
	list-style-position:inside;				/* keeps bullets from rendering outside of list's container */
	margin:auto;
	}

#sitemap li {
	padding-top:3px;					/* spaces out list items a little */
	font-size:12px;
	line-height:14px;
	}

#sitemap ul ul {
	list-style-type:circle;				/* hollow circle list bullet for nested sitemap lists */
	padding-left:20px;					/* 20px indent */
	}

ul ul li { margin-left:5px; list-style-position:outside; }

#sitemap .mapbox {
	margin:10px;
	padding:10px;
	border:1px solid;
	}

.mapbox p { font-weight:bold; padding-top:10px; }

#sitemap #content a:visited { color:#00f; }

/* ################# BOTTOM MENU ################## */

#bottommenu {
	margin:50px 100px 10px 0;			/* 100px right padding to match paragraphs, 10px bottom to create space */
	padding-top:10px;					/* creates 10px of space between menu and its top border */
	border-top:1px solid #ccc;				/* creates 1px "horizontal rule" top border */
	}

#bottommenu p {
	margin:0 0 10px 0;
	font-size:12px;
	line-height:16px;
	}

/* ################# PRINT STYLESHEET ################## */

.print-tag { display:none; }

/* ################# SECTION SPECIFICS ##################

The following blocks apply color to the the stripe and submenu. The first id marker (e.g. #apply) ensures the properties will only be applied to the appropriate page sections. Below is a model block with pseudocode declarations so the actual blocks can be comment-free.

#SECTION #stripe { sets stripe background to appropriate gradient }
#SECTION #submenu, #sitemap .SECTION { sets background color and right/bottom border color for submenu, sitemap div }
#SECTION #submenu a:hover { sets background color of links when they are moused over }
#SECTION #submenu .current { sets background color for link corresponding to current section }
#SECTION #submenu dd a { sets color of left border for submenu sub-groups }
#SECTION h3 { sets background color of body level 2 headings }

 */


/* Apply for Jobs */
#apply #stripe { background-image:url(images/layout/gradient-apply.gif); }
#apply #submenu, #sitemap .apply { border-color:#60c; background-color:#dec3ff; }
#apply #submenu a:hover { background-color:#efe1ff; }
#apply #submenu dd a, #apply div.menusplit { border-color:#b980ff; }
#apply h3 { background-color:#dec3ff; }

/* VR Counselors */
#vr #stripe { background-image:url(images/layout/gradient-vr.gif); }
#vr #submenu, #sitemap .vr { border-color:#cc8365; background-color:#ffd2c0; }
#vr #submenu a:hover { background-color:#ffe9e0; }
#vr #submenu dd a { border-color:#ff8859; }
#vr h3 { background-color:#ffd2c0; }

/* Hire NTI */
#hire #stripe { background-image:url(images/layout/gradient-hire.gif); }
#hire #submenu, #sitemap .hire { border-color:#65cc65; background-color:#d8ffd8; }
#hire #submenu a:hover { background-color:#ecffec; }
#hire #submenu dd a { border-color:#6dda6d; }
#hire h3 { background-color:#d8ffd8; }

/* Work from Home */
#work #stripe { background-image:url(images/layout/gradient-work.gif); }
#work #submenu, #sitemap .work { border-color:#ccc865; background-color:#fffcad; }
#work #submenu a:hover { background-color:#fffed6;  }
#work #submenu dd a { border-color:#e5e050; }
#work h3 { background-color:#fffcad; }

/* About NTI */
#about #stripe { background-image:url(images/layout/gradient-about.gif); }
#about #submenu, #sitemap .about { border-color:#7f7f7f; background-color:#ebebed; }
#about #submenu a:hover { background-color:#f5f5f6;  }
#about submenu dd a { border-color:#bfbfbf; }
#about h3 { background-color:#ebebeb; }

/* Employees */
#employees #stripe { background-image:url(images/layout/gradient-employees.gif); }
#employees #submenu, #sitemap .employees { border-color:#6588cc; background-color:#c0d5ff; }
#employees #submenu a:hover { background-color:#e0eaff;  }
#employees #submenu dd a, #employees div.menusplit { border-color:#80aaff; }
#employees h3 { background-color:#c0d5ff; }

/* Site Map */
#sitemap #stripe { background-image:url(images/layout/gradient-sitemap.gif); }

/* =================== submenu highlight controls ===================== */

#a0030 .a0030, #a0030 .a0030, #a0035 .a0035 #a0040 .a0040, #a8000 .a8000, #a0050 .a0050, #a1000 .a1000, #a1100 .a1100, #a2000 .a2000, #a2010 .a2010, #a2400 .a2400, #a2410 .a2410, #a3000 .a3000, #a3010 .a3010, #a6000 .a6000, #a6010 .a6010, #a7000 .a7000, #a7001 .a7001, #a7010 .a7010, #a8005 .a8005, #a8010 .a8010, #a9000 .a9000 { background-color:#b980ff!important; }

#v0001 .v0001, #v0020 .v0020, #v0030 .v0030, #v0040 .v0040, #v0050 .v0050, #v0060 .v0060, #v0070 .v0070 { background-color:#ff8859!important; }

#h0001 .h0001, #h0020 .h0020 { background-color:#6dda6d!important; }

#w0001 .w0001, #w0020 .w0020, #w0030 .w0030, #w0040 .w0040, #w0060 .w0060, #w0070 .w0070 { background-color:#e5e050!important; }

#n0001 .n0001, #n0020 .n0020, #n0030 .n0030, #n0040 .n0040, #n0200 .n0200, #n0500 .n0500, #nvoa03172006 .#nvoa03172006 { background-color:#bfbfbf!important; }

#e0001 .e0001, #e0005 .e0005, #e0009 .e0009, #e0010 .e0010, #e0030 .e0030, #e0058 .e0058, #e0059 .e0059, #e0057 .e0057, #e0070 .e0070, #e0080 .e0080, #e0041 .e0041, #e0042 .e0042, #e0042b .e0042b, #e0043 .e0043, #e0044 .e0044, #e0045 .e0045, #e0046 .e0046, #e0047 .e0047, #e0048 .e0048, #e0081 .e0081, #e0055 .e0055, #e2500 .e2500, #e2501 .e2501, #ibc0001 .ibc0001, #e3000 .e3000, #e3500 .e3500, #e4000 .e4000, #e5000 .e5000, #e6000 .e6000, #e60001 .e60001 #e6500 .e6500, #e6501 .e6501 { background-color:#80aaff!important; }

/* =================== tab highlight controls ===================== */

#apply .apply { background-image:url(images/layout/tabs/apply-on.gif)!important; }

#vr .vr { background-image:url(images/layout/tabs/vr-on.gif)!important; }

#hire .hire { background-image:url(images/layout/tabs/hire-on.gif)!important; }

#work .work { background-image:url(images/layout/tabs/work-on.gif)!important; }

#about .about { background-image:url(images/layout/tabs/about-on.gif)!important; }

#employees .employees { background-image:url(images/layout/tabs/employees-on.gif)!important; }

/* =================== submenu display controls ===================== */

#apply .submenu-apply { display:block!important; }

#vr .submenu-vr { display:block!important; }

#hire .submenu-hire { display:block!important; }

#work .submenu-work { display:block!important; }

#about .submenu-about { display:block!important; }

#employees .submenu-employees { display:block!important; }
}