/* ====================================================== */
/* base styles for global elements */
/* ====================================================== */

body {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 90%;
	margin: 0px;
	width: 100%;
    padding: 0px;
    line-height: 1.5;
    /* background-color: #ffffff; */
}

@font-face {
  font-family: "Nasalization";
  src: url(fonts/nasaliza.ttf); /* IE */
  src: local("nasaliza.ttf"), url(fonts/nasaliza.ttf) format("truetype"); /* non-IE */
}

.container {
	width: 100%;
}

.clear {
	clear: both;
	margin: 0px;
    padding: 0px;
    height: 0px;
    /* line-height: 0px; */
    /* content: ""; */
    /* visibility:hidden; */
    /* display: none; */
    /* border: solid 1px #ECECFA; */ /* debug */
}

.bold {
	font-weight: bold;
}

p {
  font-size:100%;
}

p.small {
  font-size:85%;
}

p.large {
	font-size: 120%;
}

p.quote {
  font-size: 130%;
  color: #cc6600;
}

a {
	color: navy;
	text-decoration: underline;
}

img {
	border-style: none;
}


a:visited {
	color: navy;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

h1 {
  font-weight:bold;
  color:#000066;
  font-size: 200%;
  margin: 0;
  padding: 0;
}

.content a {
	text-decoration: underline;
}

.content h1 {
  font-weight:bold;
  color: navy;
  font-size: 150%;
  /* background-color: ghostwhite;
  // background: -moz-linear-gradient(left,ghostwhite,white);
  // background: -moz-linear-gradient(left,khaki,white);
  // background: -moz-linear-gradient(left,levendar,white); */
  background: khaki;
  background: -moz-linear-gradient(left,khaki,white);
  border-radius: 4px;
  margin: 0;
  padding: 1px;
  padding-left: 2px;
  /* border: solid 1px silver; */
}
.content h2 {
  font-weight:bold;
  color: khaki;
  background: navy;
  /* background: -moz-linear-gradient(left,navy,white); */
  border-radius: 3px;
  margin: 0px;
  padding: 1px;
  padding-left: 3px;
}

td h3 {
  font-weight:bold;
  color: white;
  font-size: 100%;
  background-color: ghostwhite;
  /* background: -moz-linear-gradient(left,khaki,white); */
  background: -moz-linear-gradient(left,slateblue,white);
  border-radius: 3px;
  margin: 0;
  padding: 1px;
  padding-left: 3px;
}

.content h3 {
  font-weight:bold;
  font-size: 130%;
  border-radius: 3px;
  margin: 0;
}

.content h4 {
  font-weight:bold;
  color: navy;
  font-size: 100%;
  /* background-color: ghostwhite; */
  /* background: -moz-linear-gradient(left,khaki,white); */
  /* background: -moz-linear-gradient(left,slateblue,white);
  border-radius: 3px; */
  /* margin: 0;
  padding: 1px;
  padding-left: 3px; */
}


/* a.plain{color:gold;border:none}
a:link{color:gold}
a:visited{color:gold}
a:hover{color:gold}
a:active{color:gold} */

/* hr.sharp{height:1;border-collapse:collapse;border-width:1;border-style:solid;border-color:#666699;} */

hr.sharp {
  height:0px;
  border-collapse:collapse;
  border-width: 1px 0 0 0;
  border-style:solid;
  border-color:silver;
  padding: 0px;
  /* margin: 0px 1% 0px 1%; */
  margin: 0;
}

p.short {
  height:0.5em;
  padding: 0px;
  margin: 0px;
}
p.shortShort {
  height:0.1em;
  padding: 0px;
  margin: 0px;
}

.vr {
  /* width:20px; */
  border-collapse:collapse;
  border-width: 0 1px 0 0;
  border-style:solid;
  border-color:green;
  padding: 0px;
  margin: 0px 1% 0px 1%;
}

td.vr {
  border-collapse:collapse;
  border-width: 0 1px 0 0;
  border-style:solid;
  border-color:silver;
  padding: 0px;
  margin: 1% 0px 1% 0px;
}

sup {
  font-size: 70%;
}

table.std{border-collapse:collapse;border-width:1;border-style:solid;border-color:maroon;border-spacing:0;border-width:1px}

td{font-family:Arial;font-size:100%}
td.required{font-family:Arial;font-size:75%;color:black;font-weight:bold}
td.mediumText{font-size:70%}
td.smallText{font-size:60%}
td.menu{border-width:1;border-style:solid;border-color:slategray;border-spacing:0;border-width:1px;border-collapse:collapse;padding:5px;}
td.list{border-width:1;border-style:solid;border-color:#bbbbbb;border-spacing:0;border-width:1px}

th{font-family:Arial;font-size:75%;background:#efefef}

/* ====================================================== */
/* styles for main header and navigation */
/* ====================================================== */

.header {
	font-family: Verdana,Helvetica,Arial,Sans-Serif;
	font-size: 90%;
	filter: none;
	width: 100%;
	background: rgb(0,0,102);
	background: -moz-linear-gradient(top,  rgba(0,0,102,1) 0%, rgba(51,51,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,102,1)), color-stop(100%,rgba(51,51,204,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,102,1) 0%,rgba(51,51,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,102,1) 0%,rgba(51,51,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,102,1) 0%,rgba(51,51,204,1) 100%);
	background: linear-gradient(top,  rgba(0,0,102,1) 0%,rgba(51,51,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000066', endColorstr='#3333cc',GradientType=0 );
	/* height: 85px; */
	height: 71px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.headerPrint {
	display: none;
}

.header a {
	color: #ffffff;
	text-decoration: none;
}

.header a:hover {
	font-weight: bold;
    color: gold;
	text-decoration: underline;
}

.headerLogo {
	width: 23%;
	margin-left: 2%;
	/* margin-top: 13px; */
	margin-top: 14px;
	/* height: 60px; */
	float: left;
}

.headerNav01Container {
	width: 74%;
	/* height: 85px; */
	height: 71px;
	position: relative;
	float: right;
	padding-right: 8px;
	/* border-bottom: 1px solid red; */ /* debug */
}

.headerAddress {
	width: 100%;
	text-align: right;
	float: right;
	font-size: 70%;
	color: #ffffff;
	/* color: #000066; */

	/* margin: 3px; */
	margin: 2px 0 0 0;
	padding: 3px;
	padding-right: 8px;
	font-weight: normal;
}

ul.headerSubNav {
	width: 100%;
	/* margin: 0px; */
	padding-right: 8px;
	font-size: 90%;
	float: right;
	/* margin: 3px; */
	margin: 2px 0 0 0;
	padding-right: 8px;
}

ul.headerSubNav li {
	float: right;
	color: #ffffff;
	list-style: none;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid tan;
}

.headerPrimaryNav01Container {
	width: 99%;
	/* height: 25px; */ /* for button style */
	position: relative;
	float: left;
	padding-right: 1%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727de3', endColorstr='#333399'); /* for IE */
	background: -webkit-gradient(linear,left top,left bottom,from(#727de3), to(#333399)); /* for webkit browsers */
	background: -moz-linear-gradient(bottom,#555599,#8888ff); /* for firefox 3.6+ */
	/* border-top: 1px solid navy; */
	/* border-bottom: 1px solid navy; */ /* for row for button-style links */
}

.headerPrimaryNav a:hover {
	color: #fff;
}

ul.headerPrimaryNav {
	width: 99%;
	margin-right: 1%;
	/* margin-bottom: 0px; */ /* for tab style */
	margin-bottom: 1px;
	white-space: nowrap;
	text-align: left;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 75%;
}

ul.headerPrimaryNav li.on {
	float: right;
	width: 140px;
	list-style: none;
	background-color: gold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00',endColorstr='#ff9900'); /* for IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc00,endColorstr=#ff9900)";
	background: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ff9900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#ffcc00,#ff9900); /* for firefox 3.6+ */
	margin-left: 6px;
	/* padding: 3px 10px 2px 10px; */
	padding: 1px 10px 0px 10px;
	font-size: 130%;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: 1px solid gold;
	font-weight: bold;
}

ul.headerPrimaryNav li.on a {
	color: navy;
}


ul.headerPrimaryNav li.off {
	float: right;
	width: 140px;
	list-style: none;
	background-color: #cccccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc',endColorstr='#999999'); /* for IE */
	background: -webkit-gradient(linear,left top,left bottom,from(#cccccc),to(#999999)); /* for webkit browsers */
	background: -moz-linear-gradient(top,silver,#313131); /* for firefox 3.6+ */
	margin-left: 6px;
	/* padding: 3px 10px 3px 10px; */
	padding: 1px 10px 1px 10px;
	color: #ffffff;
	font-size: 120%;
	border-bottom: 1px solid silver;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/* ====================================================== */
/* styles for section navigation sidebar */
/* ====================================================== */

.sectionNav {
	width: 21%;
	/* width: 240px; */
	float: left;
	/* border: solid 1px #ECECFA; /* debug */
	/* margin-left: 5px; */
}

.sectionNavMenu {
	margin-left: 5px;
	padding: 3px 3px 3px 3px;
	background-color: #333399;
	border-radius: 5px;
}

.sectionNavCallout {
	padding: 3px 5px 5px 5px;
	background-color: #ffffff;
	margin-left: 5px;
	margin-top: 10px;
	border-radius: 5px;
	border: 1px solid gold;
}

.sectionNav a {
	color: ghostwhite;
	text-decoration: none;
}

.sectionNav a:hover {
	text-decoration: underline;
	color: gold;
}

.sectionNav h1 {
	font-size: 90%;
	font-weight: bold;
	color: gold;
	/* border-bottom: 1px solid #ffffff; */
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 4px 4px;
}

ul.sectionNavLevelOne {
	font-size: 85%;
	color: #ffffff;
	padding-left: 20px;
	font-weight: bold;
	/* list-style-image: url(/images/section-nav-bullet-one.png); */
    list-style: none;
    margin-left: 0;
    padding-left: 5px;
}

ul.sectionNavLevelOne li.on {
	text-decoration: none;
}
ul.sectionNavLevelOne li.on a {
	color: gold;
}
ul.sectionNavLevelOne li.oh a {
	color: gold;
    font-weight: bold;
}

ul.sectionNavLevelTwo {
	font-size: 100%;
	color: #ffffff;
	padding: 0 0 0 12px;
	font-weight: normal;
	margin-bottom: 3ex;
	list-style-image: url(/images/section-nav-bullet-two.png);
}
ul.sectionNavLevelTwo li {
	margin-top: 10px;
}
ul.sectionNavLevelTwo li.on {
	font-weight: bold;
}
ul.sectionNavLevelTwo li.on a {
	color: gold;
}

ul.sectionNavLevelThree {
	font-size: 100%;
	color: #ffffff;
	padding: 0 0 0 12px;
	font-weight: normal;
	margin-bottom: 0;
	list-style-image: url(/images/section-nav-bullet-two.png);
}
ul.sectionNavLevelThree li {
	/* margin-top: 10px; */
	padding: 0 0 0 0;
    margin: 0 0 0 0;
}
ul.sectionNavLevelThree li.on {
	font-weight: bold;
}
ul.sectionNavLevelThree li.on a {
	color: gold;
}

/* ====================================================== */
/* styles for tabbed content navigations */
/* ====================================================== */

ul.contentTabs {
	margin: 0px;
	padding: 0px;
}

.contentTabs li {
	float: left;
	background-color: #333399;
	color: #ffffff;
	padding: 7px;
	margin-left: 0px;
	list-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 160px;
}

.contentTabs a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 110%;
}

.contentTabs a:hover {
	text-decoration: underline;
}

.packagesOuter {
	 background-color: #333399;
	 padding: 5px;
	 border-bottom-right-radius: 5px;
	 border-bottom-left-radius: 5px;
	 border-top-right-radius: 5px;
	 border-top-left-radius: 0px;
	 -moz-border-bottom-right-radius: 5px;
	 -moz-border-bottom-left-radius: 5px;
	 -moz-border-top-right-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	 -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
}

.packagesInner {
	background-color: #ffffff;
	padding: 10px;
}

.packagesInner h2 {
	font-size: 150%;
	background-color: #ffffff;
	color: #000000;
}

.packagesInner h3 {
	font-size: 110%;
	background-color: #ffffff;
}

.packagesInner h4 {
	font-size: 100%;
	background-color: #ffffff;
	margin-bottom: -5px;
}

.cameraGrid td {
	font-size: 90%;
}

table.packageConfig {
	margin-top: 10px;
	font-size: 90%;
}

.packageConfig h3 {
	background:none;
}

.packageConfig td {
	border: 1px solid #cccccc;
	font-weight: normal;
}

.packageConfig select {
	font-size: 90%;
}

.packageConfig input {
/*font-size: 80%;  2011/12/28 comented this */
}

td.packageConfigHeader {
	border: 1px solid #cccccc;
	font-weight: bold;
	background: #e6e6e6;
}

.packageConfig th {
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 120%;
	background: #666666;
	color: ghostwhite;
}

ul.packagePdf {
	 margin-top: -20px;
	 padding: 25px;
}
.packagePdf li{
	list-style-image: url(/images/bullet-pdf.png);
	font-size: 115%;
	font-weight: normal;
	padding-left: 0;
}

th.configColumn {
	background: #e6e6e6;
	color: #333;
	font-size: 100%;
}

ol.packageTips {
	font-size: 85%;
	padding-left: 15px;
}

ul.packageTips {
	font-size: 85%;
	padding-left: 10px;
}

ul.packageSpecs {
	margin-top: 0px;
	font-size: 85%;
	font-weight: normal;
	padding: 5px;
	list-style:none;
}

.packageSpecs li {
	border-bottom: 1px solid #e6e6e6;
}
.packageNote {
	font-size: 85%;
	font-weight: normal;
}

a.packagesControl {
	font-size: 130%;
}

.packageProgress li {
 	float: right;
 	list-style: none;
 	margin-left: 5px;
 	padding: 0 6px;
 	font-size: 110%;
 	background: #cccccc;
 	border-radius: 15px;
 	-webkit-border-radius: 15px;
 	-moz-border-radius: 15px;
 	font-weight: bold;
 	color: #333333;
}

li.packageProgressOn {
 	background: navy;
 	color: ghostwhite;
}

/* ====================================================== */
/* styles for global content layout blocks */
/* ====================================================== */

.hpContent {
	width: 100%;
}

.content {
	font-size: 90%;
	width: 77%;

	/* padding: 0 0 0 1%; */
	/* margin: 0 10px; */
	padding: 0 0 0 10px;
	margin: 0 0px 0 0;

	float: left;
	border-radius: 5px;
}

.contentWide {
	width: 60%;
	margin-right: 5%;
	float: left;
}

.contentFull {
	width: 96%;
	margin: 2%;
	float: left;
}

.contentNarrow {
	font-size: 90%;
	width: 35%;
	float: left;
}

.contentNarrowRight {
	font-size: 90%;
	width: 29%;
	float: left;
}

.contentNarrow h4 {
	margin-bottom: 0px;
	font-size: 120%;
}

.contentHalf {
	width: 49%;
	/* margin-top: 20px; */
	float: left;
    border-right: 1px;
}

.contentHalf h2 {
    color: #000066;
    margin: 0px;
    padding: 0px;
 	font-size: 160%;
  background: none;
}

.contentHalfImage {
	 /* width: 20%; */
	 padding: 0;
	 float: left;
}

.contentHalfCopy {
 	/* width: 72%; */
 	padding: 0 3%;
 	/* float: left; */
  margin: 0;
  padding: 1 px;
}

.contentHalfCopy h2 {
 	font-size: 190%;
 	font-weight: bold;
    color: navy;
  /* background: -moz-linear-gradient(left,slateblue,white); */
  background: none;
  border-radius: 3px;
  margin: 0;
  padding: 1px;
  padding-left: 0px;
}

.contentHalfCopy p {
 	font-size: 100%;
}

.contentHalf a {
    text-decoration: underline;
}

.contentHalfCopy a {
 	font-size: 110%;
 	font-weight: bold;
}

.fullBanner {
	/* width: 98%; */
	/* padding: 1%; */

	/* padding: 5px; */
	/* background-color: #e6e6e6; */
	/* background-color: khaki; */

  /* background: -moz-linear-gradient(left,slateblue,white); */
  /* background: WhiteSmoke; */
  margin: 0;
  /* padding: 1px;
  padding-left: 3px; */
}

.fullBanner h2 {
	font-size: 160%;

	/* border-radius: 5px; */
 	/* font-size: 190%; */
 	font-weight: bold;
    color: navy;
  /* background: -moz-linear-gradient(left,slateblue,white); */
  background: none;
  /* border-radius: 3px; */
  margin: 0;
  padding: 0;
  /* padding: 1px;
  padding-left: 3px; */
}

.contentHalfCopy h4 {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
}

/* ====================================================== */
/* styles for footer */
/* ====================================================== */

footer {
	border-top: 1px solid #cccccc;
	font-size: 60%;
	padding-top: 8px;
	margin: 1%;
	width: 98%;
}

/* ====================================================== */
/* global buttons styles */
/* ====================================================== */

.Button {
    padding: 3px 4px 3px 4px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid silver;
	background-color: #333333; /* for no CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#ff9900'); /* for IE */
	background: -webkit-gradient(linear,left top,left bottom,from(#666666),to(#333333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#666666,#333333); /* for firefox 3.6+ */
}

.ButtonYellow {
	padding: 5px 20px 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid silver;
	background-color: #ffcc00; /* for no CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe065',endColorstr='#fef4cc'); /* for IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe065,endColorstr=#fef4cc)";
	background: -webkit-gradient(linear,left top,left bottom,from(#ffe065),to(#fef4cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#ffe065,#fef4cc); /* for firefox 3.6+ */
	cursor: pointer;
	float: left;
}

.ButtonYellowSmall {
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid silver;
	font-size: 12px;
	background-color: #ffcc00; /* for no CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#ff9900'); /* for IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#FFFFFFFF)";
	background: -webkit-gradient(linear,left top,left bottom,from(#ffcc00),to(#ff9900)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#ffe065,#fef4cc); /* for firefox 3.6+ */
	cursor: pointer;
	font-weight: bold;
}

.ButtonYellow a {
	text-decoration: none;
}

.ButtonYellowSmall a {
	text-decoration: none;
}

.ButtonYellowSmall a:hover {
	text-decoration: underline;
}


.Button:hover {
	background-color: #666666; /* for no CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#ffff00'); /* for IE */
	background: -webkit-gradient(linear,left top,left bottom,from(#333333),to(#ffff00)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#333333,#ffff00); /* for firefox 3.6+ */
}

.ButtonYellow:hover {
	background-color: #333333; /* for no CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#ffcc00'); /* for IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff00,endColorstr=#ffcc00)";
	background: -webkit-gradient(linear,left top,left bottom,from(#ffff00),to(#ffcc00)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#ffff00,#ffcc00); /* for firefox 3.6+ */
}

/* ====================================================== */
/* styles for homepage */
/* ====================================================== */

.hpMasthead {
	border-bottom: 1px solid #666666;
	border-radius: 10px;
	background-color: #000000;
	width: 94%;
	padding-right: 2%;
	padding-left: 2%;

	/* padding-top: 20px;
	padding-bottom: 50px; */
	padding-top: 1%;
	padding-bottom: 4%;

	/* margin: 1%; */
	/* margin: 8px 10px 0px 10px; */
	margin: 0px 1% 0px 1%;

	background-image: url(/images/hp-masthead-bg_03.png);
    background-position: bottom right;
	background-repeat: no-repeat;
    /* border:ridge 3px white; */
}

.hpMasthead a:hover {
	color: gold;
}

.hpMasthead h1 {
	margin-top: 5px;
	color: #ffffff;
	font-size: 150%;
}

.hpMasthead h2 {
	margin-top: 5px;
	color: #ffffff;
	font-size: 100%;
	font-weight: lighter;
	line-height: 1.5;
	width: 65%;
}

.hpDoor {
	/* float: left; */
	color: #ffffff;
	background-color: #3333cc; /* for no CSS 3 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066',endColorstr='#3333cc'); /* for IE */
	background: -webkit-gradient(linear,left top,left bottom,from(#000066),to(#3333cc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#000066,#3333cc); /* for firefox 3.6+ */
	padding: 1%;
    padding-top: 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	/* height: 180px; */
	/* height: 120px; */
    vertical-align: top; /* df */
}

.hpDoor:hover {
	background-color: #000066;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3333cc',endColorstr='#000066'); /* for IE */
	background: -webkit-gradient(linear,left top,left bottom,from(#3333cc),to(#000066)); /* for webkit browsers */
	background: -moz-linear-gradient(top,#3333cc,#000066); /* for firefox 3.6+ */
	color: gold;
}

td.hpDoorColor2 {
	/* color: red;
	background-color: #3333cc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066',endColorstr='#3333cc');
	background: -webkit-gradient(linear,left top,left bottom,from(#000066),to(#3333cc));
	background: -moz-linear-gradient(top,#2A0080,#874DFE); */
    color: navy;
    background: none;
    border:ridge 1px #2A0080;
}
td.hpDoorColor2:hover {
	/* background-color: #000066;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3333cc',endColorstr='#000066');
	background: -webkit-gradient(linear,left top,left bottom,from(#3333cc),to(#000066));
	background: -moz-linear-gradient(#874DFE,#2A0080);
	color: gold; */
    color: navy;
    background: none;
    border:ridge 1px #2A0080;
	background: -moz-linear-gradient(white,PaleGoldenRod);
}

.hpDoorLink {
	float: left;
	padding: 1%;
}

.hpDoorLink a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

.hpDoor h1,h2 {
	color: #ffffff;
	font-size: 120%;
	padding-top: 5px;
    margin: 0; /* df */
    vertical-align: top; /* df */
}

.hpDoor p {
	color: #ffffff;
	font-size: 100%;
}

.hpDoor p:hover {
	color: gold;
}

.hpDoorOne {
	/* width: 19.5%; */
	margin: 1% 1% 0 1%;
}

.hpDoorTwo {
	/* width: 19.5%; */
	margin: 1% 1% 0 0;
}

.hpDoorThree {
	/* width: 19.5%; */
	margin: 1% 1% 0 0;
}

.hpDoorFour {
	/* width: 19.5%; */
	margin: 1% 1% 0 0;
}

.hpMasthead ul {
	color: #ffffff;
}

.hpMasthead li {
	float: left;
	margin-right: 50px;
	font-size: 115%;
	font-weight: bold;
	list-style-image: url(/images/hp-door-arrow_75pct.png);
	vertical-align: top;
}

.hpMasthead a {
	color: #ffffff;
    vertical-align: top; /* df */
}

.hpGovernment {
	width: 45%;
	float: left;
	/* border-top: 2px solid #cccccc; */
	margin: 1% 1% 0 1%;
}

.hpGovernmentImage {
 	width: 25%;
 	float: left;
 	padding-top: 25px;
}

.hpGovernmentCopy {
	width: 75%;
	float: left;
}

.hpGovernmentCopy h1 {
 	font-size: 120%;
 	color: #333333;
 	margin-top: 10px;
}

.hpGovernmentCopy h2 {
 	font-size: 100%;
 	color: #333333;
}

.hpGovernmentCopy p {
 	font-size: 90%;
 	color: #333333;
}

.hpAbout {
	width: 48%;
	float: left;
	border-top: 2px solid #cccccc;
	margin: 1% 1% 0 1%;
}

.hpAbout h1 {
 	font-size: 120%;
 	color: #333333;
 	margin-top: 10px;
}

.hpAbout p {
 	font-size: 90%;
 	color: #333333;
}

.hpPartners {
 	width: 98%;
 	border-top: 1px solid #cccccc;
 	margin: 1% 1% 0 1%;
 }

.hpPartners img {
 	margin: 0 20px 10px 0;
    vertical-align: middle;
}

/* ====================================================== */
/* styles for category menu pages */
/* ====================================================== */

.categoryMasthead {
	background-color: #333;

	/* padding: 10px; */
	padding: 0 0 5px 10px ;

	/* margin-top: 5px; */
	border-radius: 5px;
}

.categoryMasthead h1 {
	color: #ffffff;
	/* margin: 0 0 5px 0; */
	margin: 0 0 0px 0;
	font-size: 250%;
    background: none;
}

.categoryMasthead h2 {
  font-weight:normal;
  color: khaki;
  padding-right: 10px ;
  background: none;
}

.categoryFeature {
	width: 100%;
	float: left;
	/* border-bottom: 1px solid #666666; */
	border-top: 1px solid #999999;
	margin-top: 5px;
	padding-top: 10px;
}

.categoryFeatureCopy {
	width: 50%;
	float: left;
}

.categoryFeatureCopy ul {
	font-size: 90%;
}

.categoryFeatureCopy h1 {
	font-size: 110%;
    color: navy;
    background: none;
  margin: 0px;
  padding: 1px;
}


.categoryFeatureCopy h2 {
  font-weight:bold;
  font-size: 300%;
  color: navy;
  background: none;
  margin: 0px;
  padding: 1px;
}

.categoryFeatureCopy p {
 	font-size: 110%;
}

.categoryFeatureCopy a {
 	font-size: 120%;
 	font-weight: bold;
}

.categoryFeatureImage {
	width: 300px;
	float: right;
}


/* ====================================================== */
/* styles for product content */
/* ====================================================== */

.productMasthead {
	width: 100%;
	border-bottom: 1px solid #ccc;
	float: left;
}

.productMastheadCopy {
	width: 49%;
	float: left;
	padding: 1% 0 0 1%;
}

.productMastheadCopy h1 {
	font-size: 150%;
    color: navy;
    background: none;
    margin-top: -10px;
}

.productMastheadCopy h2 {
	font-size: 340%;
    color: #333333;
    background: none;
}

.productMastheadCopy p {
	font-size: 100%;
    color: #000;
    margin: 10px 0 0 1%;
}

.productMastheadImage {
	width: 315px;
	padding: 10px 0;
	float: right;
}

.callOutTile {
	width: 96%;
	padding: 2%;
	border: 1px solid #999999;
	/* margin: 0 2%; */
    margin-bottom: 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.callOutTile h4 {
	/* margin-top: 0px; */
	margin: 0px;
	/* font-size: 16px; */
	font-size: 120%;
	letter-spacing: 0px;
}

.Gold {
	background-color: #fdffec;
}

.Blue {
	background-color: #ecfdff;
}

ul.linedList {
	font-size: 100%;
	margin: 0px;
	padding-left: 0px;
}

.linedList li {
	border-bottom: 1px solid #cccccc;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	padding: 2px 0;
}

ul.calloutLinks {
	color: #000000;
	padding-left: 25px;
	font-size: 85%
	padding-top: -5px;
}

li.pdf {
	list-style-image: url(/images/bullet-pdf.png);
}

li.gallery {
	list-style-image: url(/images/bullet-gallery.png);
}

li.film {
	list-style-image: url(/images/bullet-film.png);
}

li.monitor {
	list-style-image: url(/images/bullet-monitor.png);
}

li.download {
	list-style-image: url(/images/bullet-download.png);
}

/* ====================================================== */
/* about page */
/* ====================================================== */



h1.about {
	font-size: 170%;
    color: navy;
    background: none;
}

h2.about {
	font-size: 260%;
    color: #000000;
    background: none;
}

ul.aboutBullets {
	margin-left: 0px;
	margin-right: 20px;
	padding-left: 0px;
}

.aboutBullets li {
	list-style: none;
	border-top: 1px dotted #666666;
	padding-top: 5px;
	margin-top: 5px;
	margin-left: 30px;
	list-style-image: url(/images/bullet-checkbox.png);
}


.bigNumber {
 	padding: 10px;
 	background: #333399;
 	color: #ffffff;
 	border-radius: 5px;
 	-moz-border-radius: 5px;
 	-web-kit-border-radius: 5px;
 }

h3.about {
	font-size: 24px;
	line-height: 2;
}


.rounded {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.metallic {
background: rgb(204,204,204);
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(229,229,229,1) 8%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 48%, rgba(232,232,232,1) 87%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(8%,rgba(229,229,229,1)), color-stop(37%,rgba(255,255,255,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(87%,rgba(232,232,232,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#cccccc)";
border: 1px solid #cccccc;
margin-top: 20px;
}

.metallicBlue {
background: #feffff;
background: -moz-linear-gradient(top,  #feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(35%,#ddf1f9), color-stop(100%,#a0d8ef));
background: -webkit-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
background: -o-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
background: -ms-linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
background: linear-gradient(top,  #feffff 0%,#ddf1f9 35%,#a0d8ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
border-radius: 5px;
-moz-border-radius: 5px;
-web-kit-border-radius: 5px;
border: 1px solid #999999;

}

.metallicMasthead {
height: 110px;
background: rgb(204,204,204);
background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(229,229,229,1) 8%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 48%, rgba(232,232,232,1) 87%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(8%,rgba(229,229,229,1)), color-stop(37%,rgba(255,255,255,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(87%,rgba(232,232,232,1)), color-stop(100%,rgba(204,204,204,1)));
background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
background: linear-gradient(top, rgba(204,204,204,1) 0%,rgba(229,229,229,1) 8%,rgba(255,255,255,1) 37%,rgba(255,255,255,1) 48%,rgba(232,232,232,1) 87%,rgba(204,204,204,1) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#cccccc)";
}

.categoryMastheadInnerLeft {
float: left; position: relative; top: 0; left: 0; z-index: 900; height: 130px;
 }

.categoryMastheadInnerLeft h1 {
margin-top: 10px; margin-bottom: 0px; font-size: 39px; color: #090978;
}

.categoryMastheadInnerLeft h2 {
margin-bottom: 0px; font-size: 18px; color: #333333;
}

.fixButton {
    /*height: 35px;
    width: 115px;*/
    padding: 1px 4px 1px 4px;
    font-family: Arial;
    font-size: 10pt;
}

.tblCaption {
    font-size:12pt;
    font-weight:bold;
}