@charset "UTF-8";
html,body{
	margin:0;
	padding:0;
	border:0;
	/* \*/
  height:100%;
	-moz-box-sizing: content-box;/* Last height declaration hidden from Mac IE 5.x */
}

body{
	background:#FFFFFF;
	font-size:100%;
	min-width:48em;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	-moz-box-sizing: content-box;
}
#header{
	top:0px;
	width:48em;
	height:8.6em;
	overflow:hidden;
}

#subheader1{
	text-align:center; /*** sub-header row height ***/
	left: 0em;
	top: 0em;
	right: 0em;
	bottom: 0em;
	width: 48em;
}
#subheader1 img {
	width: 48em;
	height: 8.6em;
}
#subheader2{
	text-align:center;
	height:1px; /*** sub-header row height ***/
	color: #FFFFFF;
	font-style: italic;
	font-size: 0.8em;
	position: absolute;
	top: 5.2em;
	width: 60em;
}
#subheader3{
	height:4em;
	position: absolute;
	top: 6.4em;
	width: 60em;
	text-align: center;
	font-size: 0.8em;
}
#subheader3 ul {
	list-style-type: none;
	padding-right: 0em;
	padding-left: 0em;
	text-align: center;
}
#subheader3  li {
	padding-right: 1.1em;
	padding-left: 1.1em;
	display: inline;
	float: left;
	font-size: 90%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003773;
	text-align: center;
}
#subheader3 li a:hover, #subheader3 li a:focus {
	color: #0775B9;
}
#subheader4{
	text-align:center;
	height:1em; /*** sub-header row height ***/
	position: absolute;
	top: 9.5em;
	color: #FFFFFF;
	font-size: 0.8em;
	width: 60em;
	margin: 0;
}
#container{
	background-color:#FFFFFF;
	overflow:hidden;
	width:48em;
}
#wrapper {
	width: 48em;
}
#content{
	background-color:#FFFFFF;
	width:40.5em;
	float:right;
	border-left-width: 7.5em;
	border-left-style: solid;
	border-left-color: #D9E3F1;
	margin-left: -7.5em;
	vertical-align: text-top;
}
#content h1 {
	font-size: 1.7em;
	line-height: 1.1em;
	margin-left: 5px;

}
#content h2 {
	font-size: 1.2em;
	line-height: 1em;
	margin-left: 5px;

}
#content .toggle {
	font-size: 0.8em;
}
#content h3 {
	font-size: 0.9em;
	line-height: 1em;
}
#content .arab {
	text-align: right;
	margin-right: 5px;
}
#content .arab p {
	font-size: 0.8em;
}
#content .arabic {
	text-align: right;
	margin-right: 5px;
}
#content .inlinefloatright {
	text-align: right;
	margin-right: 5px;
	display: inline;
	font-size: 0.7em;
	float: right;
}
#content .inlinefloatleft {
	text-align: left;
	margin-right: 5px;
	display: inline;
	font-size: 0.7em;
	float: left;
}
#content img {
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}
#content .imgright {
	margin-left: 5px;
	margin-right: 0px;
	float: right;
}
#content object {
	margin-left: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	float: left;
}
#content p {
	text-align: left;
	margin-left: 5px;
}
#content ul {
	margin: 0px;
	padding: 5px;
	}
#content li {
	line-height: 1.4em;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
#content .reg table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content .reg textarea {
	margin-left: 5px;
	margin-right: 5px;
	width: 98%;
}
#content .reg th {  /* only used on register pages */
	font-size: 0.8em;
	color: #666666;
	text-align: left;
	width: 8.5em;
}
#content .reg td {
	font-size: 0.8em;
}

#content .graphic   {
	font-weight: bold;
	background-image: url(/images/right.gif);
	background-repeat: no-repeat;
	padding-left: 1.2em;	
}
#content .flash   {
	font-weight: bold;
	background-image: url(/images/interactive.gif);
	background-repeat: no-repeat;
	padding-left: 1.5em;
}

#content .banner   {
	width:40.5em;
}
#content .story2 {
	clear:both;
}
#content .story2 td {
	vertical-align: top;
}
#content .story2 img {
	width: 40%;
}

#content .story3 {
	clear:both;
}
#content .story3 p {
	margin-left: 5px;
}

#content .story4 table {
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .story4 p {
	margin-left: 5px;
}

#content  .story4 td {
	background-color: #D9E3F1;
	vertical-align: top;
}

#content .story5 table {
	vertical-align: top;
	text-align: center;
}

#content .story5 td {
	vertical-align: top;
	text-align: center;
}

#content .story5 img {
	width: 40%;
	float: none;
}

#content .story5 object {
	margin-left: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	float: none;
}

#content .story5 p {
	text-align: center;
}

#content .strap {
	background-image: url(/images/strap.gif);
	color: #FFFFFF;
	background-repeat: no-repeat;
	text-indent: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	clear:both;
}

#sidebar{
	background-color:#D9E3F1;
	width:7.5em;
	float: left;
	z-index: 100;
}
#sidebar p {
	line-height: 1.5em;
	padding-left: 5px;
}
#sidebar  ul {
	font-size: 80%;
	line-height: 1em;
	padding-left: 5px;
	list-style-type: none;
	padding-top: 0px;
}
#sidebar li {
	line-height: 1.4em;
	color: #0875B8;
}
#sidebar  #nav  img {
	height: 0.8em;
	width: 0.8em;
}
#sidebar #nav,  #nav  ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1.5em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#sidebar #nav  a {
	display: block;
	width: 10.5em;
}
#sidebar #nav  li { /* all list items */
	float: left;
	width: 10.5em; /* width needed or else Opera goes nuts */
	list-style-type: none;
}
#sidebar #nav  li  ul { /* second-level lists */
	position: absolute;
	background: white;
	width: 10.5em;
	left: -999em;
}

#sidebar #nav li:hover ul, #sidebar #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#sidebar .sidebarads {
	width: 95%;
	}
/* */

#search {
	background-color: #D9E3F1;
	font-size: 0.65em;
}
#search td {
	background-color: #D9E3F1;
	text-align: center;
}
#search input {
	font-size: 1.1em;
}
#search select {
	font-size: 1.1em;
}
#search ul {
	list-style-type: none;
	padding-right: 0em;
	padding-left: 0em;
	text-align: left;
	margin-left: 5px;
}

#search li {
	padding-right: 1em;
	display: inline;
	float: left;
	text-align: left;
	font-size: 1.1em;
	width: 4.5em;
}
#results {
}
#results table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#results th {
	font-size: 0.7em;
	color: #666666;
}
#results td {
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-top-style: none;
	border-left-style: dotted;
	border-bottom-style: dotted;
	border-right-style: none;
	border-left-color: #A7C1E2;
	border-bottom-color: #A7C1E2;
	padding-left: 5px;
	border-left-width: 1px;
}
#results form {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#results img {
	margin-left: 2px;
	margin-right: 2px;
}
#footer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  clear: both;
  width:48em; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  height:3em; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
  margin-top:0.5em; /*** negative height ***/
}
#subfooter{
background:#FFFFFF; /*** Background Color of Sub-footer #1 ***/
	text-align:center;
	height:3.8em;
	font-size: 70%;
}
#subfooter ul {
	list-style-type: none;
	padding-right: 0em;
	padding-left: 0em;
	text-align: center;
}

#subfooter  li {
	padding-right: 1.2em;
	padding-left: 1.2em;
	display: inline;
x	font-size: 80%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003773;
	text-align: center;
}
#subfooter li a, #subfooter li a:hover, #subfooter li a:focus {
	color: #0775B9;
	font-weight: normal;
}

.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  font-size:0px;
  margin-bottom:-1px;
}
#detailDIV {
	font-size: 0.8em;
	width: 100%;
	height: 240px;
	overflow: scroll;
}

#detailDIV .nb {
	color: #FF0000;
}

#detailDIV form {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#historyDiv {
	font-size: 0.8em;
	height: 135px;
	width: 100%;
	overflow: hidden;
}
.download {
	font-weight: bold;
	color: #003773;
}
.cart {
	font-size: 0.8em;
	padding-left: 5px;

}
.cart td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-color: #A7C1E2;
	border-bottom-color: #A7C1E2;
}
.gnlightbox {
	font-size: 0.75em;
}
.gnlightbox td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-color: #A7C1E2;
	border-bottom-color: #A7C1E2;
}
.gnlightbox img {
	height: 135px;
	width: 135px;
}
.credit {
	font-size: 0.7em;
	color: #666666;
}
.fms_nav_bar {
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	width: 100%;
}
#content .gnnavbar {
	font-size: 0.8em;
	font-style: italic;
	text-align: center;
	width: 100%;
}
#content .gnnavbar img {/*** stops it inheriting left float ***/
	float: none;
}

* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/
a {
	text-decoration: none;
	font-weight: bold;
	color: #003773;
	}
a:hover {
	color: #0471B9;
	text-decoration: none;
	}
strong, b {
	font-weight: bold;
	}
em {
	color: #990000;
	font-style: normal;
	}
hr {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin: 5px; /* fixes xhtml N6 bug where the hr sits to the left*/
	margin-right: 1px;
	color: #A7C1E2; /* for ie */
	background-color: #A7C1E2; /* for everyone else */
	height: 1px;
	clear:both;
	}
p {
	font-size: 80%;
	line-height: 110%;
	margin-top: 0.5em;
	margin-bottom: 0.5em; 
	}
	dl dt dd ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li {
	list-style-type: none;
}
img {
	border: 0;
	}


a.tooltip span{ display: none; }
#content .graphic  span {
	display: none;	
}
	

	/*** the following styles and notes are (c) Copyright
Big John @ www.positioniseverything.net ***/
div,p{margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. The problem
is that those properties together make IE force the
container wider, which in this type of floated layout
causes a float drop.
Pre-IE6 gets "width: 100%" and "overflow: hidden",
while IE6 gets "width: auto" and "overflow: visible,
which is the default, but explicitly stating it seems
to keep IE6 happy. IE6 also needs to see the
"height: 1%" to give it some kind of box dimension.
Browser coddling we call it. Finally, Bruno Fassino
found that "word-wrap: break-word;" disarranged the
justified text in IE5.5 and 6, so it is defaulted to
"normal" for this text.
If you don't need justified and italicized text then
forget all these fixes.
Although, ClevaTreva adds, I have seen some odd
behavior with normal justified text in IE, so
this may be worth remembering.
***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}