/* Global Style Sheet | 03.05.07 | rev #1 */

html, body {
  background: #fff;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #315c87;
  font: bold 150% verdana, Arial, tahoma, sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  background: #315c87 url(images/l-top-crn.gif) 0% 0% no-repeat;
  border-bottom: 2px solid #6999c9;
  color: #fff;
  font-weight: normal;
  padding-left: 8px;
  white-space: nowrap;
}

h2 {
  font-size: 130%;
  line-height: 1.22;
}
h3 { font-size: 110%; }

h2.bar {
  background: #6999c9 url(images/bk-bld.gif) 0% 0%; 
  border-bottom: 2px solid #bad0e9;
  color: #fff; 
  font-weight: normal;
  letter-spacing: 1px;
  margin: 1em 0 0.5em;
  padding: 1px 0 3px 8px;
} 
h2.cap {
  font: bold oblique 120% verdana, Arial, sans-serif;
}

h4 { font-size: 110%; }
#sidebar h4, #sidebar h5 {
  background: #6999c9 url(images/bk-bld.gif) 0% 0%; 
  color: #fff;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 3px 7px;
}

h5 { font-size: 11px; }
h6 { font-size: 10px; color: #fff; }

h5 span, span.nu, .nu { color: #ec1d25; }

a:link { color: #315c87; font-weight: normal; text-decoration: underline; }
a:visited { color: #315c87; font-weight: normal; text-decoration: underline; }
a:hover { color: #6999c9; font-weight: normal; text-decoration: underline; }
a:active { color: #6999c9; font-weight: normal; text-decoration: underline; }

a.inline:link { color: #315c87; font-weight: normal; text-decoration: none; }
a.inline:visited { color: #5c3187; font-weight: normal; text-decoration: none; }
a.inline:visited:hover { background-color: #5c3187; color: white; font-weight: normal; text-decoration: none; }
a.inline:hover { background-color: #315c87; color: white; font-weight: normal; text-decoration: none; }
a.inline:active { background-color: #315c87; color: white; font-weight: normal; text-decoration: none; }

hr {
  border: 0;
  border-top: 1px solid #ccc; 
  background: #fff;
  clear: both;
  color: #fff;
  height: 1px;
  margin: 1em 0;
}

img, a img { border: none; }
img.nob, #content img.nob { border: none !important; padding: 0 !important; }
img.fl { float: left; }
img.fr { float: right; }
#content img { padding: 5px; border: 1px solid #ccc; margin: 0 1em 0.5em 0; }
#content a:hover img { border-color: #6999c9; }
#content a:hover img.blank { background: #eee; }

p { margin: 0 0 1em 0; }

strong { font-weight: bold; font-style: normal; }
em { font-weight: normal; font-style: italic; }

ol, ul, li, dl, dt, dd, table, div { margin: 0; padding: 0; }
#content ul { margin: 0 0 1em 0.5em; }

/* Blue Bullets */
#overview ul, ul.overview, div.product ul {
  list-style: none;
  position: relative;   /* IE fix disappering bckgrnd imgs */
}
#overview li, ul.overview li, div.product ul li {
  background: url(images/li-ro.gif) 0 8px no-repeat;
  padding-left: 1.0em;
}

#content table {
  font: 0.8em Verdana, Arial, sans-serif;
  margin: 0 0 1em 0;
  text-align: left;
  width: 100%;
}

table th { font-weight: bold; text-align: left; vertical-align: top; }
table td { vertical-align: top; }
table tr.even { background: #eee; }
tr.cent th, th.cent, td.cent { text-align: center; }
table tr.tabdiv td { border-top: 1px solid #e3ecf9; }
table tr.tabdiv th { border-bottom: 1px solid #6999c9; }
caption {
  color: #315c87;
  font: bold oblique 140% verdana, Arial, sans-serif;
  text-align: left;
}

p.note {
  background: #eee;
  font: 70% verdana, sans-serif;
  margin: 1em 0;
  padding: 0.1em 0.5em 0.3em;
}
p.note em { color: #ec1d25; font-size: 1.4em; } 
table em, ul.overview em { color: #ec1d25; }
/* END GENERIC STYLES */


/* LAYOUT */
#container {
  background: url(images/bkgd.gif) 0% 0% repeat-y;
  border-top: 2px #234261 solid;
  font: 0.9em Arial, verdana, sans-serif;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

#header {
  background: #315c87 url(images/banner.png) 0% 0% no-repeat;
  border-bottom: 2px #234261 solid;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  height: 64px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 62px;
}
html>body #header {
  height: 62px;
}

/* logo */
#header img, #header a img {
  float: left;
  margin: 10px 0 0 56px;
  padding: 0;
}

#header form#search {
  position: absolute;
  top: 11px;
  right: 19px;
  width: 200px;
  margin: 0 -15px 0 0;
  padding: 0;
}
/* Mac scrollbar bug \*/
#header form#search { right: 4px; margin-right: 0; }
/* end */
form#search dl { list-style: none; }
form#search dt, form#search dd { display: inline;}
form#search input { font-size: 11px; margin: 2px; width: 60px; } /* 52px for mac */
form#search input#words { border: solid #234261; border-width: 2px 0 0 2px; padding: 2px 4px; width: 120px; }

#header p#hook {
  background: url(images/catch3.png) 0% 0% no-repeat;
  width: 351px;
  margin: 0 0 0 5px;
  padding: 62px 0 0 0;
  height: 0 !important;
  height /**/:62px; /* for IE5 box model */
  overflow: hidden;
}
* html #header p#hook { margin-left: 161px; }

#header p#date {
  position: absolute;
  top: 64px;
  right: 15px;
  background: #315c87;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  margin: 0 -15px 0 0;
  padding: 0.8em 8px 0.8em 0;
  text-align: right;
  white-space: nowrap;
  width: 150px;  /* ie5win box model */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 143px;       /* 1px for IE6 rounding gap. */
}
html>body #header p#date {
  width: 142px; /* Be nice to Opera. */
}
/* IEmac scrollbar \*/
#header p#date { right: 0; margin-right: 0; }
/* end */

div#skipper { display: none; }

#sidebar {
  position: absolute;
  top: 0;
  left: 0;
  border-top: 2.35em solid #315c87;
  font-size: 11px;
  height: auto;
  margin: 64px 0 0 0;
  padding: 0;
  text-align: left;
  z-index: 12;
  width: 162px;
}

#main {
  background: #fff;
  border-left: 1px solid #315c87;
  margin: 0 150px 0 162px;
  padding: 0;
  text-align: left;
}

#content {
  color: #333;
  margin: 0;
  padding: 1.5em 12px 2.5em 12px;
  font: 0.9em/1.5em arial, sans-serif;
}
/* Fixes IE problem with bkgd & right floats, and app border \*/
* html #content { width: 96%; }
/* * html #main { margin-right: 151px; } */ /* rounding error?? */

#right {
  position: absolute;
  right: 15px;
  top: 64px;
  margin: 2.35em -15px 0 0;
  border-top: 2em #fff solid;
  font: 11px/16px verdana, arial, sans-serif; /* line-height in px fixes rounding Moz */
  height: auto;
  padding: 0;
  z-index: 12;
  width: 150px;
}
/* IEmac scrollbar bug \*/
#right { right: 0; margin-right: 0; }
/* end */

#footer {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  background: #315c87;
  border: solid #234261;
  border-width: 1px 0;
  clear: both;
  padding: 6px 0 8px;
  text-align: center;
  z-index: 18;
}
/* END LAYOUT CODE */


/* NAVIGATION CODE */
ul#nav, ul#nav ul {
  position: relative;
  left: 0;
  top: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 162px;
}

ul#nav ul {
  position: absolute;
  left: 162px;
  top: 0;
  display: none;
  border: solid #6999c9;
  border-width: 1px 0;
  width: 200px;
}
ul#nav ul ul { left: 198px; }

ul#nav li {
  position: relative;
  background: #eaeff3;
  color: #315c87;
  white-space: nowrap;
}
ul#nav ul li {
  border: solid #6999c9;
  border-width: 0 1px;
}

ul#nav li.submenu, ul#nav li.submenu2 { background: #eaeff3 url(images/arr-r.gif) 99% 50% no-repeat; }
ul#nav li#current { background-color: #fff;}

/* Menu Items */
ul#nav li a {
  background-color: transparent; /* hack around IE6 Bug. Needs background set! Not sure if transparent works. (was #fff) */
  border-top: 1px solid #fff;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: block;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  padding: 5px 6px 5px 7px;
}

ul#nav a:link, ul#nav a:visited, ul#nav a:hover, ul#nav a:active { text-decoration: none; }

ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

/* Fix IE. Hide from IE Mac. (Holly Hack) \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li, * html ul#tabnav li { behavior: url(hover.htc); }
* html ul#nav li a { height: 1%; }
/* End */

ul#nav li:hover, ul#nav li.hover { background-color: #c4d0dd; } /* Hover Styles */
ul#nav a:hover { color: #315c87; border-top: 1px solid #6999c9; border-left: 1px solid #6999c9; padding-left: 6px; }
/* NB NEED TO SPECIFY A: HOVER BACKGROUND-COLOR FOR IE MAC ONLY ***** */
ul#nav ul a:hover { padding-left: 4px; } /* stops the text from jumping when border is added */

/* THE MAGIC */
ul#nav li.hover ul li.submenu2 ul { display: none; } /* IE dont expand sub-sub-menus */
ul#nav li.hover ul, ul#nav li.submenu ul li.hover ul { display: block; } /* IE/win behavior */
ul#nav li:hover > ul { display: block; } /* decent browsers just need this */
/* END NAV */


/* RELATED PAGES, LINKS, ABOUT BOXES */
#links, #related, #about {
  border-bottom: 1px solid #ddd;
  margin: 1em 0;
}

#links ul, #related ul, #about ul {
  list-style: none;
  margin: 0;
  padding: 0.5em 0 1em 0;
}

#related li, #links li {
  background: url(images/li-arr.gif) 7px 5px no-repeat;
  line-height: 1.6em;
  margin: 0 0.8em 0 0;
  padding: 0 0 0 19px;
}

#related li.out, #links li.out { background: url(images/li-arr-l.gif) 7px 5px no-repeat; }
#related li.down, #links li.down { background: url(images/li-arr-d.gif) 7px 5px no-repeat; }
/* END RELATED... BOXES */

/* ABOUT US */
#about li { background: url(images/li-sq.gif) 7px 6px no-repeat; padding-left: 16px; margin: 0; }
#about a:link, #about a:hover, #about a:visited, #about a:active { text-decoration: none; }
/* END ABOUT */

/* SITE MAP */
#smap { text-align: center; margin: 1em 0; }
#smap img, #smap a img { border: none; display: block; }
#smap p { padding: 2px 0;}
/* END ADVERTS */

/* ADDRESS */
#addr { padding: 0 7px; }
#addr * { margin: 0; }
#addr p, #addr address { color: #666; }


/* RHS PANEL */
#right div  {
  background: url(images/right2.gif) 0% 0% repeat-x;
  border-bottom: 1px solid #c4d0dd;
}
#right div#mlist { background-color: #eaeff3; }

#right h5 { padding: 2px 6px; }
#mlist h5, #right h5.first { background: url(images/right3.gif) 0% 0% no-repeat; }

#mlist p, div.feature p { background: #eaeff3; margin: 0; padding: 0 6px; }
div.feature p { background: #fff; }
#mlist p { padding: 0.5em 0 0.5em 6px; } /*IEmac fix 0 rm */
#mlist form p { padding: 0; }

div.feature { margin-bottom: 1em; }
div.feature a { background: #fff; display: block; }
div.feature img {
  display: block;
  margin: 0;
  padding: 4px 6px 6px 6px;
}

#mlist form { text-align: center; }
#mlist form input { border: 1px #6999c9 solid; font-size: 10px; margin: 2px 0; }

#right div.ad { background: none; border-bottom: 1px solid #aaa; }
div.ad img { display: block; }


/* MAIN SECTION STYLES */
/* TAB BAR */
ul#tabnav {
  font: 10px/1 verdana, arial, sans-serif;
  background: #315c87;
  height: 2.2em;
  list-style: none;
  margin: 0;
  padding: 0.4em 0 0 6px;
}

ul#tabnav li {
  float: left;
  list-style: none;
  display: inline;
  white-space: nowrap;
  background: #315c87 url(images/tab-crn-r.gif) 100% 0% no-repeat;
  margin-right: 0.3em;    /* tab gaps */
  padding: 0 0.7em 0 0;
}

ul#tabnav a, ul#tabnav a:link, ul#tabnav a:visited, ul#tabnav a:active {
  background: transparent url(images/tab-crn-l.gif) 0% 0% no-repeat;
  color: #fff;
  display: block;
  float: left; /* for IE 5/mac to display properly...reset below for others. */
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  line-height: 2.2em; /* line-height + top&bottom padding + t&b border = height of ul */
  padding: 0 0.7em 0 1.4em;
  text-decoration: none;
}

/* Hide from ie5-mac \*/
ul#tabnav a, ul#tabnav a:link, ul#tabnav a:visited, ul#tabnav a:active { float: none; }
* html ul#tabnav a { width: 1%; } /* Needed by IE/win to fix display block */
/* End IE5 mac hack */

ul#tabnav a:hover, ul#tabnav li:hover, ul#tabnav li:hover a, ul#tabnav li.hover, ul#tabnav li.hover a:link, ul#tabnav li.hover a:visited {
  background-color: #c4d0dd;
  color: #234261;
  text-decoration: none;
}

ul#tabnav li.active { background: #fff url(images/tab-crn-r.gif) 100% 0% no-repeat; padding-bottom: 0; }

ul#tabnav a.active:link, ul#tabnav a.active:visited, ul#tabnav a.active:hover, ul#tabnav li.active a:link, ul#tabnav li.active a:visited, ul#tabnav li.active a:hover {
  background: transparent url(images/tab-crn-l.gif) 0% 0% no-repeat;
  color: #315c87;
  font-weight: bold;
}
/* END TABS */


/* BREADCRUMBS */
#content ul#bread {
  border: 1px #315c87 dotted;
  border-top: none;
  font: bold 11px verdana, sans-serif;
  list-style: none;
  margin: 0 0 1.5em 0;
  padding: 0.2em 7px 0.3em 7px;
}

/* Fix border problem IE win \*/
* html ul#bread { height: 1%; }
/* End hide mac */

ul#bread ul { display: inline; list-style: none; padding-left: 0; margin-left: 0; }

ul#bread li {
  display: inline;
  margin-left: 0;
}

ul#bread ul li { background: url(images/arr-r.gif) 1px 5px no-repeat; padding-left: 12px; }

#bread a.here:link, #bread a.here:visited, #bread a.here:hover, #bread a.here:active {
  background-color: #fff;
  color: #6999c9;
  font-weight: bold;
  text-decoration: none;
}

#bread a:link { color: #315c87; font-weight: bold; text-decoration: underline; }
#bread a:visited { color: #315c87; font-weight: bold; text-decoration: underline; }
#bread a:hover { background-color: #315c87; color: white; font-weight: bold; text-decoration: none; }
#bread a:active { color: #315c87; font-weight: bold; text-decoration: underline; }
/* END BREADCRUMBS */

/* ICONS */
#content div#icon {
  float: right;
  font: 11px/1 verdana, arial, sans-serif;
  margin: 0 0 1em 0;
  padding: 0;
  width: 110px;
}
#content div#icon ul { list-style: none; margin: 0; padding: 0;}
#content div#icon li { margin: 0; padding: 4px 0 4px 22px; }

div#icon li#iclpt { background: url(images/ic_lpt.gif) 0% 50% no-repeat; padding-top: 0; }
div#icon li#icmail { background: url(images/ic_mail.gif) 0% 50% no-repeat; }
div#icon li#iccon { background: url(images/ic_con.gif) 0% 40% no-repeat; }
div#icon li#icpdf { background: url(images/pdficon.gif) 0% 50% no-repeat; }
/* end icons */


/* MINI-NAV */
#content #mininav {
  background: #e3ecf9 url(images/tr-b-crn.gif) 0% 100% no-repeat;
  font: 11px verdana, arial, sans-serif;
  float: right;
  padding-bottom: 15px;
  margin: 0.5em 0 1em 1em;
  width: 280px;
}

#mininav h2, #mininav h3 {
  font-size: 11px;
  margin-bottom: 0.5em;
  padding: 3px 0 3px 2em;
}

#mininav h2 {
  background: #315c87 url(images/ic_winw.gif) 7px 6px no-repeat;
  border-bottom: 2px solid #6999c9;
  color: #fff;
}

#mininav h3 {
  background: url(images/ic_page.gif) 7px 4px no-repeat;
  border: dashed #315c87;
  border-width: 1px 0;
  letter-spacing: 1px;
}

#content #mininav ul, ul.arrow { list-style: none; margin: 0 1em 1em 0; padding: 0; }
#mininav ul#ext li, ul.arrow li, a.out { background: url(images/li-arr-blu.gif) 9px 4px no-repeat; padding-left: 2em; }
#mininav ul li { background: url(images/arr-r.gif) 9px 4px no-repeat; padding-left: 2em; }
#mininav ul li.catg { background: url(images/arr-d.gif) 8px 5px no-repeat; padding-left: 2em; }

/* Top of Page & Pages */
#toppage, #pagexofx {
  border-bottom: 4px solid #eee;
  clear: both;
  font: 11px verdana, arial, sans-serif;
  margin-top: 4em;
  padding: 0 0 2px 14px;
}
#toppage { position: relative; }
/* IE positioning fix \*/ 
* html #toppage { height: 1%; }
/* end */

#toppage { background: url(images/ic_back.gif) 0% 60% no-repeat; }
#pagexofx { background: url(images/ic_page.gif) 0 2px no-repeat; }
#toppage a#tp {
  background: url(images/ic_top.gif) 100% 75% no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 14px;
}

#pagexofx a#thispage { text-decoration: none; }
#pagexofx p { margin: -1.2em 0 0 0; text-align: right; }