@charset "utf-8";

* { font-size:100%; margin:0; padding:0; vertical-align: baseline; }
img {border:0;} a{text-decoration: none;}
a:active, a:focus {outline: none;}

body {font: 76%/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
color:#fff;
text-align:center;
background: #000 url(i/bg.jpg) top left repeat-x;
} /* was    background: #467 url(i/bg.gif) top left;  */
#header {
  font-family: Verdana, Geneva, sans-serif;
  text-align: left;
  margin: 0px auto;
  width: 960px;
  height: 100px;
  overflow: hidden;
background: #579 url(i/header.jpg) top left no-repeat;
}
#search {
float: right;
font-size: 11px;
padding: 20px;
}
#search form input{
color: #036;
}
#logolink {
display:block;
float:left;
width:400px;
height:99px;
}
#wrapper {
  text-align: left;
  margin: 0px auto;
  width: 960px;
  overflow: hidden;
font-size: 1.2em
}

/* Top Nav */

#topnav{
 width: 960px;
 height: 35px;
 overflow: visible;
 display: block;
 background: url('i/nav/navbg.jpg');
}

#topnav ul {
list-style: none;
font-size: 12px;
text-transform: uppercase;
margin: 0;
padding: 0;
}

#mainmenu {
float: right;
}

.sublinks, #mainmenu li {
	float:left; 
	overflow: hidden;
	position: relative;
	z-index: 10;
margin: 0;
padding: 0;
}
#mainmenu .sublinks li a, #mainmenu .sublinks li a:link, #mainmenu .sublinks li a:visited, #mainmenu .sublinks li a:focus {
width: 162px;
width: 10em;
font-weight: bold;
}
#mainmenu .sublinks li a:hover {
}

.sublinks li {
	margin: 0;
	padding:0;
}
/* 
IF USING SUBMENU SLIDEDOWN REMOVE THE LEFT FLOAT 
FROM BELOW AND ADD IT BACK FOR ie6 ONLY, THEN
CHECK TO MAKE SURE THE SLIDEDOWN IS VISIBLE IN ie6
ADJUSTMENTS MAY BE NEEDED
 */
#mainmenu a:link, #mainmenu a:visited {
	float:left; 
display: block;
height: 21px;
padding: 9px 20px 5px 20px;
background: #ccd url(i/nav/nav-a-bg.jpg) top right;
color: #fff;
overflow: hidden;
font-weight: bold;
}

#mainmenu a:hover {
background: #150600 url(i/nav/nav-a-bg.jpg) bottom right;
color: #fff;
}

#topnav img {
border: none;
padding: 0 10px;
}

/* END TOP NAV */
/* BOTTOM NAV */
#btmmenu {
list-style:none;
padding: 0;
margin: 0;
}
#btmmenu li {
list-style:none;
padding: 0;
margin: 0;
background: none;
display: inline;
}
#btmmenu li a {
padding: 0 10px;
color: #9ce;
}
#btmmenu li a:hover, #btmmenu li a:focus {
padding: 0 10px;
color: #fff;
}

/* END BOTTOM NAV */

#top3rd {
  width:960px;
margin: 20px 0 0 0;
	background: #a4b5bf;
	background: #36a;
overflow: hidden;
}

#top3rd img {display:block;}

/* 1 column page */

#content1 {
background: #579 url(i/cont-bg-med.gif) top left repeat-y;
margin: 20px 0 10px 0;
overflow: hidden;
}
#content2 {
background: url(i/cont-top-med.gif) top left no-repeat;
overflow: hidden;
}
#content3 {
background: url(i/cont-btm-bright.gif) bottom left no-repeat;
overflow: hidden;
width: auto;
height: 100%;
}

.content {
    padding: 5px 20px;
	background: none;
overflow: hidden;
}

/* 2 column page */

#cont2col-1 {
background: #579 url(i/cont2-bg-med-grey.gif) top left repeat-y;
margin: 20px 0 10px 0;
overflow: hidden;
}
#cont2col-2 {
background-image: url(i/cont2-top-med-grey.gif);
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}
#cont2col-3 {
background-image: url(i/cont2-btm-nogridmed-greydrk.gif);
background-position: bottom left;
background-repeat: no-repeat;
overflow: hidden;
width: auto;
height: 100%;
}

/* FOR Editing in Dreaweaver - some unknown redering problem */
/*
.leftcol .content{
background-color: #000;
}
*/
.leftcol, .rightcol {
  width:50%;
  float:left;
overflow:hidden;
}
.rightcol {
  padding-top: 2.5em;
}

/* 3 column homepage */
.col-left1 {width: 40%; float: left; background:#9ca3a6 url(i/cont-bg-grey.gif) top left repeat-y;}
.col-left2 {background: url(i/cont-top-nogrid-grey.gif) top left no-repeat;}
.col-left3 {background: url(i/cont-btm-grey-drk.gif) bottom left no-repeat;
overflow: hidden;
width: auto;
height: 100%;}
.col-middle {width: 50%; float:left;}
.col-right {width: 50%; float:left;}

/* page bottom */
#copyright {
  text-align:right;
  padding:12px 20px;
  clear:both;
  color: #9bc;
}
#footer {
font-size: 0.9em;
    text-align:center;
    color:#ccd;
	margin-bottom: 10px;
}

/* POP-UP Pages */
#cont481-1 {
background: url(i/cont481-mid.gif) left repeat-y;
width: 481px;
overflow: hidden;
margin: 10px auto;
text-align: left;
font-size: 1.2em;
}
#cont481-2 {
background: url(i/cont481-top.gif) top left no-repeat;
width: 481px;
overflow: hidden;
}
#cont481-3 {
background: url(i/cont481-btm.gif) bottom left no-repeat;
width: 481px;
overflow: hidden;
padding-top: 30px;
}


/* ACCORDION */
#accordion {margin: 0 20px;}
#accordion h3 {
font-size: 18px;
padding: 0;
}
.toggler {
	cursor: pointer;

}
.element {

}

/* typography */
a:link, a:visited { color: #cf9;font-weight: bold }
a:hover, a:focus {color:#cf6}
h1 {font-size: 2em;
line-height: 140%;
margin: 0 0 10px 0;
color: #fff;
font-variant: small-caps;
}
h2 {font-size: 2em;
line-height: 150%;
padding: 6px 0;
color: #fed;
}
h3 {font-size: 1.5em;
line-height: 130%;
padding: 6px 0;
color: #fed;
}
h4 {font-size: 1.3em;
line-height: 130%;
padding: 6px 0;
color: #def;
}
h5 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
color: #def;
}
h6 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
color: #def;
}
.home{font-size: 1.2em;}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
list-style: none;
padding: 0 0 0 1.5em;
margin: 4px 0;
background: url(i/li.gif) 0 0.4em no-repeat;
}
ul li ul li {
list-style: square;
padding: 0;
background: none;
color: #ddd
}


/* EVOLUTION */

#evolution {
width: 780px;
height: 306px;
padding: 60px 20px 0 20px;
margin: 10px auto;
background: url(i/product-timeline/evo-timeline.jpg) 0 0 no-repeat;
text-align: left;
}

#evolution a {
display: block;
width: 58px;
height: 44px;
padding-top: 14px;
overflow: hidden;
background: url(i/product-timeline/evo.gif) 0 0 no-repeat;
text-align: center;
font-size: 11px;
color: #030;
position: relative;
}

#evolution a:hover, #evolution a:focus {
background: url(i/product-timeline/evo.gif) 0 100% no-repeat;
color: #300;
z-index: 30;
}


.moreInfo {padding-bottom: 1.5em; margin: 0}
.dateline {width: 58px; height: 99px; background: url(i/product-timeline/dateline.gif) 0 100% no-repeat; font-size: 12px; text-align: center;}
.dateline p {padding: 8px 0 0 0; margin: 0;}

/* insets and tables */

div.inset {background: #eee9dd url(i/insets/inset_main-cl.gif) top left repeat-y; color: #630;}
div.inset a, .element .inset a {color:#c30; font-weight: bold;}
div.inset a:hover, div.inset a:focus {color:#360;}
div.inset div {background: url(i/insets/inset_main-cr.gif) top right repeat-y;}
div.inset div div { background:url(i/insets/inset_main-tl.gif) top left no-repeat;}
div.inset div div div { background:url(i/insets/inset_main-tr.gif) top right no-repeat;}
div.inset div div div div { background:url(i/insets/inset_main-bl.gif) bottom left no-repeat;}
div.inset div div div div div {
  background:url(i/insets/inset_main-br.gif) bottom right no-repeat;
  padding: 45px 20px 20px 20px;
}

.right div.inset {background: #eee9dd url(i/insets/inset_right-cl.gif) top left repeat-y; color: #630;}
.right div.inset div {background: url(i/insets/inset_right-cr.gif) top right repeat-y;}
.right div.inset div div { background:url(i/insets/inset_right-tl.gif) top left no-repeat;}
.right div.inset div div div { background:url(i/insets/inset_right-tr.gif) top right no-repeat;}
.right div.inset div div div div { background:url(i/insets/inset_right-bl.gif) bottom left no-repeat;}
.right div.inset div div div div div {
  background:url(i/insets/inset_main-br.gif) bottom right no-repeat;
  padding: 45px 20px 20px 20px;
}

/* Tables */

table {
border-collapse: collapse; 
border-spacing: 0;
line-height:130%;
font-size:0.95em;
}
td, th {
padding: 4px 8px;
border: none; 
border-collapse: collapse;
}
table.lines td, table.lines th {
padding: 4px 8px;
border: 1px solid #568; 
border-collapse: collapse;
}

.inset table {
border: 1px solid #fff; 
border-collapse: collapse; 
border-spacing: 0;
margin: 0;
background: none;
color: #630;
}

.inset td, .inset th {
padding: 4px 8px;
border: 1px solid #cba; 
border-collapse: collapse;
}


/* Assignable */
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}

/* SPECIAL NAVS */
	/* timeline */
#next {
float:right; 
width: 210px;
clear: both;
}
a.button {
display: block; 
width: 206px; 
height: 36px; 
background: url(i/button.png) 0 0 no-repeat; 
text-align: center;
line-height: 33px;
color: #fff;
clear: both;
}
a.button:hover, a.button:focus {
background-position: 0 100%;
color:#cf6;
}
a.button100, a.button100end {
display: block;
width: 100px; 
height: 36px; 
padding-right: 6px;
background: url(i/button100.png) 0 0 no-repeat; 
text-align: center;
line-height: 33px;
color: #fff;
}
   a.button100end {
   padding-right: 0;
   }
   .rightcol a.button100 {
   background: url(i/button100-r.png) 0 0 no-repeat;
   }

a.button100:hover, a.button100:focus,
.rightcol a.button100:hover, .rightcol a.button100:focus, 
a.button100end:hover, a.button100end:focus {
background-position: 0 100%;
color:#cf6;
}
#next a.button100, #next a.button100end, #next a.button {
float: left; 
}

   /* top */
.top { margin: 10px;}
   
/* VIDEO PAGE */
ul.vid {}
	ul.vid li { background:none;}
	ul.vid li a {display: block; padding:0 40px 0 0; background: url(i/video-button.jpg) 100% 0 no-repeat; height:30px; line-height: 30px; }
	ul.vid li a:hover, ul.vid li a:focus {background-position: 100% 100%; }
div.vid { 
background: #444;
width: 80%;
margin: 0 10%;
border: 3px inset #99c;
}
div.vid ul {
background: none;
padding: 0;
margin: 0;
}
div.vid ul li img {
display: block;
float: right;
}
div.vid ul li {
background: none;
border-bottom: 1px solid #99c;
padding: 10px;
clear: right;
overflow: hidden;
}

div.dot-section {border: none;}
   div.dot-section div {border-bottom: 1px dotted; padding: 4px 0;}
   .dot-section ul {list-style:none; margin:0; padding: 0;border: none;}
   .dot-section ul li {list-style:none; margin:0; padding: 4px 0; background:none; border-bottom: 1px dotted;}


ul.samplelist {
margin:0;
padding:0;
}
ul.samplelist li {
list-style:none;
background:none;
margin:0;
padding:0;
clear:both;
}

ul.samplelist li img {
float: left;
display:inline;
padding: 6px 6px 0 6px;
vertical-align:middle;
}
.samplelisttitle{
width:38%;
padding-left:2%;
float: left;
margin-top: 60px;
font-weight:bold;
}

/* Assignable 3 Columns */

.three-col {
float:left;
width:30%;
padding-right: 3%;
}