body {
	font-family: Verdana, Arial, sans-serif;
}

#container { width: 800px; padding: 0; margin: 0 auto; }

	/* --- CORNER BOXES FOR TOP AND FOOTER NAVS --- */
/* combination of background images that gives background rounded corners look */
* html .boxhead .topleft {height: -2em;} /* For IE 5 PC */
.roundbox { /* used for footer nav, bottom right corner */ margin: 0 auto; /* center for now */ width: 730px; background: url(../shared/box_rd_body_right.gif) no-repeat bottom right; font-size: 100%; overflow: hidden; }
.boxhead  { background: url(../shared/box_rd_top_right.gif) no-repeat top right; /* top right corner */ margin: 0; padding: 0; text-align: center; }
.boxhead .topleft { background: url(../shared/box_rd_top_left.gif) no-repeat top left; /* top left corner */ margin: 0; padding: 1px; }
.boxbody { background: url(../shared/box_rd_body_left.gif) no-repeat bottom left; /* bottom left corner */ margin: 0; padding: 9px 13px 20px; font: 10px Arial,Helvetica,sans-serif; color: #666666; } /* font attr for entire footer */
.boxbody #ftcopy { float: left; } /* Footer copyright, left */
.boxbody #ftnav { float: right; } /* Footer nav */
.boxbody #ftnav a { color: #666666; text-decoration: none; } /* Footer link attributes */
.boxbody #ftnav a:hover { color: #146B00; } /* Footer hover link attributes */
.squarebox { /* used for top nav */
	margin: 0 auto; /* center for now */ width: 100%; background: url(../shared/box_sq_body_right.gif) no-repeat bottom right; /* bottom right square */ font-size: 100%;
}
.sqboxbody { background: url(../shared/box_sq_body_left.gif) no-repeat bottom left; /* bottom left square */ margin: 0; padding: 5px; font: 11px Arial,Helvetica,sans-serif; color: #000000; text-align: right; }
.sqboxbody a { color: #000000; text-decoration: none; } /* style of tnav links */
.sqboxbody a:hover { color: #146B00; } /* hover style of tnav links */

	/* -- MAST CONTAINER -- */
#mast { background: url(../shared/mast_bkg.jpg) no-repeat bottom right; height: 75px; overflow: hidden; } /* logo and search container, sets image background for search */
#logo img { float: left; padding: .2em 0; vertical-align: middle; } /* sets position for logo */
#search { float: right; vertical-align: middle; margin: 2.1em .5em 0 0; padding: 0; } /* position of search box */
#search input { font-family: Verdana, Arial, sans-serif; font-size: 10px; padding: 0; margin: 0; vertical-align: middle; }

.vspace { clear: both; height: 10px; } /* hack to create vertical spacing between container layers, used to separate top nav and mast */

	/* -- MAIN NAV -- */
#mainnav {
	display: block;
	height: 22px;
	width: 800px; /* was 781px changed on 4-1 */
}

#mainnav ul {
	margin: 0;
	height: 22px;
	background: url(../shared/nav_main_on.gif) 0 0 no-repeat;
	padding: 0;
	overflow: hidden;
	list-style-type: none;	
	position: relative;
}

#mainnav ul li a {
	position: absolute;
	top: 0;
	text-indent: -9000px;
	border: 0;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/: 26px;
	background: transparent url(../shared/nav_main_off.gif) no-repeat;
}

#mainnav ul li a:hover {
	background-image: url(../shared/nav_main_on.gif);
}

#mainnav ul li#com a {
	width: 99px; /* sets block width */
	left: 0; /* sets left position from where the block begins */
	background-position: 0 0; /* sets the same exact position but in negative x-coordinate value of where the 'on' state displays */
}

#mainnav ul li#tec a {
	width: 175px;
	left: 101px;
	background-position: -101px 0;
}

#mainnav ul li#new a {
	width: 124px;
	left: 278px;
	background-position: -278px 0;
}

#mainnav ul li#inv a {
	width: 108px;
	left: 404px;
	background-position: -404px 0;
}

#mainnav ul li#prg a {
	width: 136px;
	left: 514px;
	background-position: -514px 0;
}

#mainnav ul li#cln a {
	width: 148px;
	left: 652px;
	background-position: -652px 0;
}

	/* -- MASTER TABLE -- */
#master {
	width: 800px; /* was 779px changed on 3-29 */
}
#master tr {
	vertical-align: top;
}
		/* left column, left nav */
#leftcol { width: 145px; vertical-align: top; }
#leftcol #ltbkg { background: url(../shared/lt_bkg.gif) repeat-y top left; }
.ltspace { overflow: hidden; clear: both; height: 1em; } /* used to space the content table and footer */
#ltnav {
	min-height: 200px; /* sets a minimum height for the left nav box, works in browsers except IE */
	max-height: 400px;
	font-family: "Lucida Grande", Verdana, Tahoma, Arial, sans-serif;
}
#ltnav h3 {
	font-size: 11px;
	color: #3F729F;
	margin-left: 25px
}
#ltnav .space { /* makes left nav box a certain height when there's only h3 head and no left nav, since IE ignores min-height attribute */
	height: 170px;
}

#ltnav ul {
	margin: 2.1em 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	font-size: 11px;
	color: #3F729F;
}
#ltnav li {
	margin: .2em 0 0 1.5em;
	border-bottom: 1px #E9ECD6 solid;
	padding-bottom: 5px;
}
#ltnav a {
	display: block;
	color: #3F729F;
	text-decoration: none;
	background: url(../shared/lt_arrow.gif) no-repeat top left;
	padding-left: 10px;
}
#ltnav a:hover {
	color: #146B00;
	background: url(../shared/lt_arrow_on.gif) no-repeat top left;
}
#ltnavbot { background: url(../shared/lt_bot.gif) no-repeat bottom left; width: 145px; height: 195px; } /* bottom left nav */

		/* right main column */
#maincol { width: 100%;	vertical-align: top; font-family: Verdana, Arial, sans-serif; }
#maincol #toppath { background: url(../shared/rt_tpath_bkg.gif) no-repeat top left; padding: 2px 0 0 3px; font: 10px/2em "Lucida Grande", Verdana, Arial, sans-serif; color: #3F729F; } /* cookie crumb with background image */
#maincol #toppath a { color: #3F729F; text-decoration: none; } /* cookie crumb link style */
#maincol #toppath a:hover { color: #146B00; } /* cookie crumb hover link style */
#maincol #pagetopcorner { background: url(../shared/rt_topcorners.gif) no-repeat top left; height: 5px; } /* top page border */
#maincol #pageborder { background: url(../shared/rt_border_bkg.gif) repeat-y top left; } /* page border that repeats on y */
#maincol #pagebotcorner { background: url(../shared/rt_botcorners.gif) no-repeat top left; height: 5px; } /* bottom page border */

			/* content table, vertical rule, right nav */
#page { width: 100%; }
#page #content { padding: .5em 1em .5em 1.5em; font-size: 11px; color:#3F3F3F; line-height: 1.3em; vertical-align: top; } /* font attributes for content in page */
#page #content a { color: #3F729F; } /* in-page link attr */
#page #content a:hover { color: #146B00; } /* in-page hover link attr */
h1 { font-family: Arial, Helvetica, sans-serif; color: #146B00; font-size: 16px; line-height: 1.3em; padding: 0; margin: 0; }
.large { font-size: 20px; } /* for short line of index */
h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color: #146B00; font-size: 14px; line-height: 1.1em; padding: 0; margin-top: .5em; }
table .figure { font: 11px Arial, Helvetica, sans-serif; margin: .5em; background-color: #EAEAEA; border: 1px #CCCCCC solid; } /* use for table data */
table .figure td { border: 1px #CCCCCC solid; } /* use for table data */
.footnote { font-size: 10px; } /* class attr for any footnote content */
			/* press release and archive tables */
table .news { margin: .5em 0em 0em 0em; padding: 0; vertical-align: top; font-size: 10px; } /* for press releases table */
table .newsdate { font-weight: bold; background-color: #E9ECD6; color: #3F729F; text-align: left; padding: 2px 4px 2px 4px; border-top: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; }/* for press releases table - the date*/
table .newstitle { margin: 10em 10em 10em 10em; font-weight: bold; background-color: #E9ECD6; color: #3F729F; text-align: left; padding: 2px 4px 2px 4px; border: 1px #CCCCCC solid; }/* for press releases table - the title */
table .newsspace { height: 5px; } /* for press releases table - the space below the "date|title" bar */
table .news th { font-weight: bold; background-color: #E9ECD6; color: #3F729F; text-align: left; padding: 2px 4px 2px 4px; border: 1px #CCCCCC solid; }/* for press releases table - year heads */
table .news .left { padding: 2px 4px 2px 4px; border-left: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; }/* for press releases table - left column with date*/
table .news .right { padding: 2px 4px 2px 4px; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; }/* for press releases table right column with title */
			/* image caption table */
table .caption { font: 10px Arial, Helvetica, sans-serif; color: #666666; text-align: center; margin: auto; padding: .3em; border: 0; } /* for image and caption, still requires align left or right in div tag */
table .caption a { color: #666666; text-decoration: none; }
table .caption a:hover { text-decoration: underline; }  

#page #vertrule { width: 3px; vertical-align: top; background: url(../shared/rt_page_vertrule.gif) repeat-y top left; height: 500px; } /* vertical dash rule */
			/* sidebar, right navigation */
#page #sidebar { vertical-align: top; width: 160px; font-family: Arial, sans-serif; font-size: 11px; color: #3F729F; } /* sets right nav sidebar display and width */
#page #sidebar ul { padding: 0; margin: .8em; list-style-type: none; } /* sets list nav */
#page #sidebar ul li { line-height: 16px; background: url(../shared/rt_arrow.gif) no-repeat 0 .4em; padding-left: 1em; }
#page #sidebar a { color: #3F729F; text-decoration: none; }
#page #sidebar a:hover { color: #146B00; }
#page #sidebar img {
	margin: 1.2em 0 0 0;
	border: 0;
	padding: 0;
}

.anchortop { text-align: right; font-size: 9px; } /* used for 'top' anchor link in longer content */
.anchortop a { color: #3F729F; text-decoration: none; }
.anchortop a:hover { color: #146B00; }

/* INDEX HOME */
#indexmaster { 
	background-color: #E9ECD6;
	border: 1px solid #CCCCCC;
	padding: 0;
	margin: 0;
}
#indexleftcoltd { width: 165px; }
#indexbodyareatd { 
	width: 561px;
	background: #FFFFFF url(../shared/index/index_mncntnt_bot.gif) no-repeat bottom right;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}/* fixed background image path */
#indexleft { width:100%;}
#indexupperleft { 
	width: 127px;
	height: 138px;
	padding: 18px;
	background-color: #FFFFFF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
#indexlowerleft { width: 127px; height: 138px; padding: 18px; background-color: #FFFFFF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; }
#indexcontent { padding: 0 1em .5em 1.5em; vertical-align: top; } /* font attributes for content in main index area page */
#indexcontent a { color: #3F729F; }
#indexcontent a:hover { color: #146B00; }
.indexcopy { font: 11px/1.4em normal Verdana, Arial, sans-serif; color: #3F3F3F; }
.colspace {width: 25px; height: 20px}
.rowspace {width: 25px; height: 20px; background-color: #E9ECD6;}
/* video attr */
#lowerlinktd { padding: .25em  0em 0em 0em; font-size: 9px; text-align: center; }
#lowerlinktd a { color: #3F729F; text-decoration: none;}
#lowerlinktd a:hover { color: #146B00; }

/* site map styles */
#sitemap { margin: 1em 0em 0em 0em; font-size: 10px; color:#636363; line-height: 1.3em; vertical-align: top; } /* sitemap table */
.sitemapheader { width: 190px; margin:  0px 20px 0px 0px; padding: .5em .5em .5em .25em; font-family: Arial, Helvetica, sans-serif; background-color: #E9ECD6; color: #146B00; font-size: 12px; font-weight: bold; border-top: 1px #CCCCCC solid; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; }
/* #sitemap a { color:#3F729F; text-decoration: none; }
#sitemap a:hover { color:#0033CC; text-decoration: underline; } */
#sitemap ul { margin:  0px 20px 15px 0px; padding: 0px; list-style-type: none; font-size: 10px; color:#636363; line-height: 1.5em; vertical-align: top; border: 1px #CCCCCC solid; }
#sitemap li { margin: .25em 2em .15em .8em; }
