* { margin: 0; padding: 0; }

body {
	margin: 20px 0 0 0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: center;
	line-height: 1.5em;
}

#bodycontainer {
  margin: 0 auto;
  width: 870px;
  position: relative;
  text-align: left;
  color: #000;
  background: #FFF;
}




/* =================================================================
    Masthead
================================================================= */

#masthead {
	color: #17578B;
	background: #FFF;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 5;
	padding-left: 0px;
}

#masthead div.left {
	float: left;
	width: 190px;
	height: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

#masthead div.left img { margin-top: 12px; border: none; }

#masthead div.right {
	float: right;
	width: 600px;
	/* height: 25px; */
  text-align: right;
	color: #4477A1; /* 00467F; */
	margin-top: 33px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#masthead h1 {
  font-size: 22px;
}


/* =================================================================
    Primary Navigation
================================================================= */

#container1 { color: #17578B; background: #FFF; }

#primarynavigation {
  width: 870px;
  height: 42px;
  color: #17578B;
  background: #D4DDE6 url(../images/bg_primary_nav.gif) right 0 no-repeat;
}

ul#primarynav {
  margin: 0;
  padding: 0;
  height: 42px;
  list-style: none;
  display: inline;
  overflow: hidden;
}

#primarynav li {
  margin: 0;
  padding: 0;
  list-style: none; /* list-style and display are redundant to keep IE5/Win happy */
  display: inline;
}

#primarynav a.pnavbtn {                  /* 1. text is put in the markkup for accessibility */
  float: left;
  padding: 42px 0 0 0;                  /* 2. the padding equals the height of the box, pushing the text below the nav bar */
  overflow: hidden;                     /* 3. using hidden overflow, we don't see the text on the page */
  height: 0px !important;
  height /**/:42px; /* for IE5/Win - CSS validation warning */
}

#primarynav a.pnavbtn:hover { background-position: 0 -42px; }

#pnavproducts a.pnavbtn { width: 88px; background: transparent url(../images/btn_pnavproducts.gif) top left no-repeat; }

#pnavwhatsnew a.pnavbtn { width: 100px; background: transparent url(../images/btn_pnavwhatsnew.gif) top left no-repeat; }

#pnavwhysafari a.pnavbtn { width: 97px; background: transparent url(../images/btn_pnavwhysafari.gif) top left no-repeat; }

#pnavcompany a.pnavbtn { width: 85px; background: transparent url(../images/btn_pnavcompany.gif) top left no-repeat; }


/* =======================================================================
    Widget Search Box on Primary Nav Bar
======================================================================= */

#pnavwidgetbox {}

#pnavwidgetbox div.boxw { padding: 8px 4px 0 0; position: relative; text-align: left; }

form#pnavsafariwidget { margin: 0; padding: 0; }

#pnavwidgetcontainer {
  margin: 1px 0;
  padding: 0;
  border-collapse: collapse;
  border: none;
  float: right;
}

#pnavwidgetcontainer td {
  margin: 0;
  padding: 0 3px 0 0;
  border-collapse: collapse;
  border: none;
  color: #10417B;
  font-weight: bold;
  white-space: nowrap;
}

.searchwidgetinput { padding: 2px 0 2px 0; width: 127px; font-size: 11px; } /* #pnavwidgetsearch */

#pnavwidgetgobtn { margin: 0; }




/* ===========================================================
    Footer - Global Links, Publisher Logos, and Copyright
=========================================================== */

#footer { clear: both; margin-top: 20px; padding: 15px 0 12px 0; }

.contentFooter { border-top: 1px solid #CDD1E2; }

.nolineFooter { border: none; }

#globallinks {
  text-align: center;
  font-size: 11px;
  color: #4477A1;
}

#publisherlogos { padding: 5px 0 5px 0; text-align: center;}

#publisherlogos img { display: inline; border: none;}

#copyright {
  text-align: center;
  font-size: 10px;
  color: #9EB2C7;
}

#copyright p { line-height: 1.4em; }




/* =================================================================
    Misc.
================================================================= */

.clearfloats { clear: both; height: 1px; }

.horizgutter { clear: both; height: 20px; }

a {   /* :link, a:visited */
  color: #003399; /* 4477A1 00467F; */
  text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	color: #477aa3;
}

a:hover, a:active { cursor: pointer; } /* cater to Opera */

a:focus { outline: none; }

p {
	margin: 0 0 12px 0;
	line-height: 1.5em;
}

p a, li a { font-weight: bold; }

span.hidejlinks { display: none; }