html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong,
ol, ul,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "Trebuchet MS", arial, sans-serif;
	vertical-align: baseline;}
	
:focus {
	outline: 0;}

body {
	line-height: 1;}

ul {
	list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;}
	
th, td {
	text-align: left;
	font-weight: normal;}

	
/* end css reset  */


html, body {
	background: #08142a;}
	
.mainbox {
	position: relative;
	background: #fff url(bckgd/border-left910.png) repeat-y left 0;
	max-width: 910px;
	min-width: 770px;
	margin: 0 auto;}
	
#mainbox-border {
	width: 100%;
	height: 100%;
	background: url(bckgd/border-right.png) repeat-y right 0;}

	
/*  baner  */


#baner-top {
	margin: 0 7px 0 7px;
	max-width: 896px;
	height: 100px;
	background: url(bckgd/baner-bckgd-new.gif) no-repeat 0 0;}
	
#baner-top img {
	margin: 10px 0 0 25px;}
	
#baner-top a:hover img {
	border-left: 2px solid #f9f7ed;}
	
/*  menu  */

#lev-1 {
	min-width: 756px;
	max-width: 910px;
	margin: 0 2px 0 6px;
	font-size: 70%;
	clear: both;}
	
#lev-1 li {
	position: relative;
	z-index: 1100;
	float: left;
	width: 16.6%;
	text-align: center;
	text-transform: uppercase;
	background: #fff;
	line-height: 130%;}
	
#lev-1 li a, #lev-1 li em, .lev-2 li a, #lev-1 li:hover .lev-2 li a{
	display: block;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 6px 0;
	background: #003a7e;}
	
#lev-1 li:hover, #lev-1 li#this-group {
	background: #b2c900 url(bckgd/corner-l1.png) no-repeat 1px 1px;}
	
#lev-1 li:hover em, #lev-1 li:hover a, #lev-1 li#this-group a, #lev-1 li#this-group em {
	background: url(bckgd/corner-r.png) no-repeat right 0;}
	
#lev-1 li#this-group .lev-2 li a {
	background: #003a7e;}
	
#lev-1 li#this-group .lev-2 li a:hover, #lev-1 li#this-group .lev-2 li a.this-link {
	background: #b2c900;}

#lev-1 li .lev-2 li a {
	width: 99%;}

.lev-2 {
	position: absolute;
	display: none;
	margin: 0;}
	
#lev-1 .lev-2 li {
	clear: both;
	padding: 0;
	width: 100%;
	text-align: center;
	background: #fff;
	text-transform: none;}
	
#lev-1 li .lev-2 li a:hover {
	background: #b2c900;}

.lev-2 li span {
	margin: 1px;}
	
.lev-2 li img {
	width: 99%;
	height: 15px;}
	
#lev-1 li:hover .lev-2 {
	display: block;}
	
#lev-1 .lev-3 {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	display: none;}
	
#lev-1 .lev-2 li:hover .lev-3 {
	display: block;}
	
.menu-box #lev-1 .lev-2 li:hover a {
	background: #b2c900;}
	
.menu-box #lev-1 .lev-2 li:hover  .lev-3 li a {
	background: #003a7e;}
	
.menu-box #lev-1 .lev-2 li:hover  .lev-3 li a:hover {
	background: #b2c900;}
	
.menu-box #lev-1 li {
	border-bottom: 4px solid #b2c900;}
	
.menu-box #lev-1 li .lev-2 li {
	border-bottom: none;}
	
#lev-1 .lev-2 li .lev-3 li a {
	display: block;
	font-weight: normal;}
	
/* main content */

h1 {
	position: relative;
	top: 40px;
	z-index: 5;
	margin: 0 20px 40px 20px;
	font-size: 90%;
	font-weight: bold;
	color: #003a7e;
	border-bottom: 2px solid #b2c900;
	padding: 0 0 5px 0;}
	
h1 span {
	background: #b2c900 url(bckgd/corner-l.png) no-repeat 0 0;
	padding: 5px 0 3px 0;
	margin-left: 20px;}
	
h1 span strong {
	background: url(bckgd/corner-r.png) no-repeat right 0;
	padding: 5px 35px 0 35px;}
	
h1 span strong a {
	color: #fff;
	text-decoration: underline;}
	
h1 span strong a:hover {
	text-decoration: none;}
	
.main-content {
	margin: 0 20px 70px 20px;
	border-left: 2px solid #b2c900;
	padding: 10px 10px 10px 1px;}
	
.main-content p, .add-col p {
	font-size: 70%;
	line-height: 140%;
	margin: 5px 10px 10px 20px;}
	
.main-content h2, .main-content h3, .add-col h3, #contact h4 {
	font-size: 75%;
	font-weight: bold;
	color: #003a7e;
	margin: 10px 20px;}
	
.main-content h2, .main-content h3, .clear {
	clear: both;}
	
.main-content h2 {
	font-size: 80%;
	border-bottom: 1px solid #003a7e;}
	
#archive-link {
	border: 0;
	font-size: 75%;}
	
#fadeshow1, #fadeshow2, #fadeshow3 {
	margin: 30px 0 23px 22px;}
	
#right-col {
	float: right;
	width: 42%;
	margin: 1px 0 0 10px;}
	
#right-col li {
	float: left;
	margin: 5px;}
	
#right-col li a img {
	border: 1px solid #003a7e;
	padding: 1px;}
	
#right-col li a:hover img {
	border: 1px solid #b2c900;}
	
.video-link, .download-link, #right-col li.group-title {
	display: block;
	width: 99%;
	font-weight: bold;}
	
#right-col li.group-title span {
	font-weight: normal;
	color: #000;}

#right-col li.group-title {
	font-size: 75%;
	color: #003a7e;}
	
#r-col p, #r-col ul.just-list {
	width: 55%;}	

/*  video stuff  */
	
.video-link, .download-link {
	height: 40px;}
	
.video-link a {
	background: url(bckgd/vid-blue.png) no-repeat left 0;
	padding: 0 0 10px 50px;}
	
.download-link a {
	background: url(bckgd/pdf.gif) no-repeat left 0;
	padding: 0 0 10px 50px;}
	
.video-link a:hover, .video-link#this-video a {
	background: url(bckgd/vid-green.png) no-repeat left 0;
	color: #b2c900;
	text-decoration: none;}
	
.download-link a:hover {
	color: #b2c900;
	text-decoration: none;}
	
.video-link a span, .download-link a span {
	font-weight: normal;}
	
#vid ul, #dwnld ul {
	margin: 25px 0 0 10px;
	list-style-type: none;
	font-size: 90%;}
	
#dwnld ul {
	margin-left: 20px;}
	
#vid .video-link a, #dwnld .download-link a {
	padding: 6px 0 5px 50px;}
	
#vid .video-link span, #dwnld .download-link span {
	position: relative;
	left: 30px;
	top: 1px;
	color: #fff;}
	
#dwnld .download-link span {
	color: #000;}
	
#vidbox-link {
	float: right;
	margin: 32px 85px 0 0;
	background: url(bckgd/play-video.png) no-repeat 0 0;
	text-align: center;}
	
#vidbox-link a {
	display: block;
	width: 354px;
	height: 44px;
	padding: 210px 0 0 0;
	border: 1px dotted #003a7e;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-size: 140%;
	color: #cac5cd;}
	
#vidbox-link a:hover {
	border: 1px dotted #b2c900;
	color: #666;}
	
.img-in-txt {
	float: right;
	margin: 5px;
	border: 1px solid #9b9b9b;
	padding: 1px;}
	
/*  additional box  */

.no-main-content#additional-box {
	margin-top: 0;
	padding: 45px 0 0 0;}

#additional-box {
	margin: -35px 0 0 40px;
	padding: 10px 0 0 0;}
	
.no-main-content {
	margin: -60px 0 0 35px;}

.add-col {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	background: url(bckgd/additional-col.png) no-repeat 0 18px;}
	
#dwnld .add-col {
	width: 40%;}

.no-main-content .add-col, #dwnld .add-col {
	background: none;}
	
.add-col h2 {
	font-size: 80%;
	text-align: left;
	font-weight: bold;
	color: #fff;
	border-bottom: 2px solid #003a7e;
	background: #fff;
	padding: 0 0 3px 0;
	margin: 0 5px 0 0;}
	
.add-col h2 span {
	background: #003a7e;
	padding: 2px 8px;
	margin: 0 0 0 20px;}
	
.add-col img {
	width: 200px;
	height: 149px;
	margin: 30px 0 10px 22px;}
	
.add-col p {
	margin-top: 13px;
	text-align: left;}
	
/*  foot  */


#foot {
	margin: 0 7px 0 7px;
	max-width: 896px;
	height: 75px;
	clear: both;
	border-top: 4px solid #b2c900;}
	
#foot p {
	font-size: 70%;
	width: 440px;
	margin: 15px 0 0 30px;
	padding: 2px;
	line-height: 160%;}
	
#foot ul {
	float: right; 
	width: 260px;}

#foot ul li {
	position: relative; 
	float: left;
	margin: 10px 8px 0 8px;
	text-align: center;}

#foot ul a {
	color: #6694ab;
	font-size: 70%;
	font-weight: bold;
	font-variant: small-caps;
	font-family: verdana;
	text-decoration: none;}

#foot ul a:hover {
	color: #a0d03e;}

#foot ul a img {
	width: 35px; 
	height: 35px; 
	border: 0;}
	
#foot-border {
	display: block;
	height: 4px;
	margin-top: 1px;
	background: #003a7e;}

/*  all links in text */

.main-content a, #additional-box a, .add-col a, #foot p a {
	color: #003a7e;
	text-decoration: underline;}
	
.main-content a:hover, #additional-box a:hover, .add-col a:hover, #foot p a:hover {
	color: #b2c900;
	text-decoration: none;}
	
/* list style type for all non-menu lists */

.just-list {
	text-align: left;
	font-size: 75%;
	margin-left: 20px;
	list-style-type: none;
	list-style-image: url(bckgd/point1.png);}
	
.just-list li {
	line-height: 140%;
	margin: 5px 15px;}

.just-list ul {
	list-style-type: none;
	list-style-image: url(bckgd/dash1.png);}

strong {
	font-weight: bold;}
	
/* table */

.main-content table {
	font-size: 70%;
	margin: 5px 20px;
	min-width: 50%;}
	
.main-content table td {
	padding: 10px;
	border: 1px solid #003a7e;
	line-height: 140%;}
	
.main-content table td.first-cell {
	font-weight: bold;
	background: #b2c900;}
	
/*  references  */

#ref-logos {
	margin: 5px 20px;
	text-align: center;}
	
#ref-logos img {
	margin: 5px;}
	
/*   contact   */
	
#map {
	text-align: center;
	float: right;
	width: 60%;
	font-size: 70%;}
	
#contact p span {
	font-weight: bold;
	font-size: 120%;
	background: #003a7e;
	padding: 2px 5px;
	color: #fff;
	display: block;
	width: 38%;}
	
/*  language  */
#lang {
	position: absolute;
	top: 168px;
	right: 0;
	z-index: 10;
	margin-right: 14px;}
	
#lang li {
	display: block;
	float: left;
	margin-right: 8px;
	opacity: 0.6;
	color: #787878;
	font-size: 70%;
	padding: 1px 1px 0 1px;
	border: 1px solid #fff;}
	
#lang li:hover, li#this-lang {
	opacity: 1;
	border: 1px solid #b2c900;}
	
#lang li a img {
	margin-top: 1px;}
	
select {
	font-family: Trebuchet MS;
	font-size: 100%;
	background: #fff;
	border: 0;}
	