body
{
  min-width: 996px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  background-repeat: repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 76%;
  color: #333333;
  background-color: #FFFFFF;
}
/*   background-image: url(Images/bg_tile.gif); */

/* Typographic style rules adapted from http://www.thenoodleincident.com/tutorials/typography/ */

h1, h2, h3, h4, h5, h6 {color: #02102C;}

h1 {
  margin: 0 0 0 0;
  font-size: 2.0em;
  font-weight: normal;
}
h2
{
  margin: 0em 0em 1.2em 0;
  clear: both;
  font-size: 1.7em;
  font-weight: normal;
}
h3 {
	margin: 1.2em 0em 1.2em 0;
	font-size: 1.4em;
	font-weight: normal;
}
h4 {
  margin: 1.2em 0em 1.2em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h5 {
	margin: 1.2em 0em 1.2em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 1.2em 0em 1.2em 0;
	font-size: 0.8em;
	font-weight: bold;
}
pre {
	font-family: monospace;
	font-size: 1.0em;
}

strong, b {font-weight: bold;}

acronym[title] {
	cursor:help;
	border-bottom:1px dotted #333333;
	font-size: 95%;
}
#mainwrapper {			
	margin: 0 auto;
	width: 1004px; 
	text-align: left;
	background-repeat: repeat-y;
	background-image: url(Images/main_bg.gif);
}
#topShadow {
	height: 20px;
	background-image: url(Images/top_shadow.gif);
	background-repeat: no-repeat;
}
#header {
	height: 120px;
	position: relative;
	margin-left: 10px;
}

#mastheadImage {}

#branding {
	position: absolute;
	right: 30px;
	bottom: 21px; 
	text-align: right;
	z-index:1000;
	color: #FFFFFF;
}

#news {
	position: absolute;
	left: 790px;
	top: 2px;
}


#info
{
  position: absolute;
  left: 20px;
  top: 2px;
  color: #FFFFFF;
}

#info a {color: #FFFFFF;}

#info a:link {text-decoration:underline;}

#info a:hover {text-decoration:none;}

#info a.ProductInfoHeaderLink
{
  text-decoration: none;
  color: #99CCFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
}
#info a:hover.ProductInfoHeaderLink
{
  text-decoration: none;
  color: #FFFF00;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
}
#info a.ProductInfoLink 
{
  color: #99CCFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#info a:hover.ProductInfoLink
{
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFF00;
}
#info .ProductInfoHeader
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #99CCFF;
  font-weight: bold;
  font-style: normal;
  font-size: small;
}


* html #branding {bottom:23px;} 

#companyName {
	color: #FFFFFF;
	font-size: 40px;
	vertical-align:bottom; 
}

#logoImage {vertical-align: bottom;}

#slogan { 
  font-family:Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	font-weight:normal; 
	letter-spacing:0.2em; 
}
#breadcrumbs {
	position: absolute;
	left: 32px; 
	bottom: 12px; 
	color: #FFFFFF;
	font-weight: bold;
}
#breadcrumbs a {
	text-decoration: underline;
	color:#FFFFFF;
}

#breadcrumbs a:hover {text-decoration: none;}

#content {
	position:relative;
	margin-top:35px;
}

/* Hide from IE5 Mac \*/
* html #content {
	height:1%;
}
/* End hide from IE5 Mac */

#menu {
  position: relative;
  left: 220px;
  top: -26px;
  width: 760px;
  background-color: #100066;
  color: #FFFFFF;
  z-index: 1;
}
#menu a {
  display:block !important;
  margin-left:8px;
  margin-right:6px;
  color: #FFFFFF;
  background-color: #100066;
  z-index: 99;
}		
#menu .menuNormal
{
  color: #FFFFFF;
  font-weight:bold;
  background-color: #100066;
  z-index: 99;
}
#menu .menuHover
{
  background-color: #FFFFFF;
  color: #53628D;
  z-index: 99;
}
#menu .menuSelected
{
  background-color: #FFFFFF;
  color: #132841;
  z-index: 99;
}
#menu .subMenu table {
        background-color: #100066;
        color: #FFFFFF;
  z-index: 99;
}
#menu .subMenuNormal {
	color:#FFFFFF;
	font-weight:bold;
  z-index: 99;
}
#menu .subMenuHover td {
  background-color: #100066;
  color: #D8C68D;
  z-index: 99;
}
html>body #menu .subMenuHover{
        background-color: #100066;
        color: #FFFF00;
  z-index: 99;
}
html>body #menu .subMenuHover td{
  background-color:transparent;
  background-image:none;
  z-index: 99;
}
#copy {			
	position:relative;
	margin-left:240px;
	margin-right: 40px;
	padding: 0 3.5em 4em;	
  z-index: 1;
}

* html #copy {padding:0 5em 4em 2em;}

/* Hide from IE5 Mac \*/
* html #copy {height:1%;}
/* End hide from IE Mac*/

#copy ol, #copy ul, #copy li {
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	font-size: 1.0em;
	line-height: 1.8em;
}

* html #copy ul {padding-left:18px;}

* html #copy li {padding-left:0.5em;}

#copy li {
	margin-left:5px;
	list-style-image: url(Images/bullet.gif);
}
#copy p {
	margin: 1.2em 0em;
	font-size: 1.0em;
	line-height: 1.8em;
}
#copy .pullQuote {
	float: right;
	display:inline;
	width: 25%;
	margin: 1em 0 1em 1em;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	background-image: url(Images/logo_mini.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#copy a {color:#02102C;}

#copy a:link {text-decoration:underline;}

#copy a:hover {text-decoration:none;}

#copy .textBox {
	margin-left: 1em;	
	border:1px solid #132841;
	background-color:#5E7C96;
}

#copy .textBox:focus {background-color:#ECE4D2;}

#copy .dropDownlist {
	margin-left: 1em;
	background-color: #5E7C96 !important;
}

/* #copy .radioButtonList {margin-left: 1em;} */

#copy fieldset {
	padding: 1.5em;
	border:1px solid #132841;
}

#copy legend {color: #333333;}

#copy .button {
    margin:1em 0;
    border:1px solid #5E7C96;
    background-color:#132841;
    color:#FFFFFF;
    font-weight:bold;
}
* html .button {padding:0 0.5em;} 

.AdminButton {
    margin:1em 0;
    border:1px solid #FFFF00;
    background-color:#000000;
    color:#FFFF00;
    font-weight:bold;
}

.PriceText
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #003399;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
}

.AdminText
{
  font-family: Courier New;
  color: #FF0000;
  font-weight: bold;
  font-style: italic;
}

#bottomShadow {
	height: 50px;		
	background-image: url(Images/bottom_shadow.gif);
	background-repeat: no-repeat;
}

* html #bottomShadow {margin-bottom:-46px;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */


@media print {	
	body {
		color: #333333 !important;
		border-bottom: 1px solid #000;
		background:#FFFFFF !important;
		font-size:10pt;
		line-height:12pt;
	}	
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		color: #333333;
	}

	#mainwrapper,#topShadow,#bottomShadow{background:none;}

	#header   {
    position: static;
    height: auto;
    background-color: #100066;
  }	

	#menu,#mastheadImage {display:none;	}

	#branding {
		position: static;
		text-align:left;
		margin: 0;
		padding: 0;
	}
	#breadcrumbs {
		position: static;
		margin: 1em 0;
		color: #333333;
		border-bottom: 1px solid #000000;
		padding-bottom: 2em;
	}

	#breadcrumbs a {color: #333333;}

	#copy {
		margin-left:0;
		padding: 0 2em;
		width: 80%
	}
	#copy a {color: #333333;}

	#copy li {
		list-style-image: none;
		list-style-type: disc;
	}

	#copy .pullQuote {display: none;}

	#copy .textBox {
		background-color: transparent;
		border: 1px solid #333333;
	}

	#copy .textBox:focus {background:none;}

	#copy fieldset {border:1px solid #333333;}

	#copy legend {padding-bottom:1em;}

	#copy .dropDownlist {background:none;}
}

