/*************************************

 STYLE SHEET FOR SCREEN LAYOUT

*************************************/

body {
	margin: 0px auto;
	text-align: center; /* addresses WinIE5 bug when setting margin:auto in contained div */
	font-size: 13px;
	line-height: 110%;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	background: #f4f4f4;
}

body.popup {
	margin: 0px auto;
	text-align: center; /* addresses WinIE5 bug when setting margin:auto in contained div */
	font-size: 13px;
	line-height: 110%;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	background: #ffffff;
}

h1 {
	background-color: transparent;
	margin: 0em 0em 1em 0em;
	font-size: 18px;
	line-height: 130%;
	color: #303030;
	text-align: left;
}
h2 {
	background-color: transparent;
	margin: 2em 0em 0.5em 0em;
	font-size: 16px;
	color: #303030;
	text-align: left;
}
h3 {
	background-color: transparent;
	margin: 1em 0em 0.5em 0em;
	font-size: 15px;
	text-align: left;
}
h4 {
	background-color: transparent;
	margin: 1em 0em 0.5em 0em;
	font-size: 13px;
	color: #303030;
	text-align: left;
}
h5{
	background-color:transparent;
	margin: 0px;
	padding-bottom:14px;
	font-size:12px;
	color:#303030;
	text-align:left;
	
}

table {
	font-size: 13px;
}



img { margin:0px; border:0px; padding:1px; display:inline; background:transparent; }
h1 img { vertical-align:middle; }
h3 a {text-decoration:none; color:#325C95;}
a {text-decoration:none; color:#325C95;}
a:hover {text-decoration:underline; color:#325C95;}
a:visited {color:#325C95;}
a img { border:0px; }
ol { margin-top:-2px; }
ol li {	margin-left:0px; padding-bottom:0px; padding-left:0px; }
ul { margin-top:0px; padding-top:0px; }
ul li { margin-left:0em; padding:3px;list-style:square; text-align:left; }
hr { height: 0; border-style: solid; border-width: 1px 0 0 0; border-color: #888888; }
p {padding:0; margin:0 0 13px 0; line-height:130%;}



/*************************************
 Structural tags
*************************************/

#wrapper {

  width: 792px;
  margin: 0px auto;
  background: url(bg.jpg) top center repeat-y;
}

#container {
	display:block;
	background:white;
	width:780px;
	margin:0px auto;
  color:#303030;
	overflow:hidden;
	text-align:left;
	border: 1px solid #888;
  border-top: 0;
  border-bottom: 0;
	
}

#containerpopup {
	margin: 16px 16px 16px 16px;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-align:left;
	background: #ffffff;
}

/***********************************/

#header {
	display:block;
	background:white;
	height:100px;
	z-index:100;
}
#header h1 {
  float:left;
	width:300px;
	padding:0px;
	background:url("logo263x100.jpg") top left no-repeat;
	z-index:101; /* above the UL */
	float:left;
}
#header h1 a {
	display:block;
	height:80px;
	text-indent:-999px;
	text-decoration:none;
	z-index:102;
}

#header ul {
	float:right;
	width:400px;
	font-size: 11px;
	padding: 5px 10px 0px 0;
	margin: 0;
	display:inline;
}

#header ul li {
	float:right;
	display:inline;
	list-style:none;
	z-index:104;
}

#header ul li a{
	display:inline;
}
#header div form {
	position:relative;
	bottom:-32px;
	text-align:right;
	margin-right:10px;
	z-index:103;
}
#header .search {
	float:right;
}

/***********************************/
/*
#topnav {
	display:block;
	clear:both;
	float:left;
	width: 100%;
	margin-bottom: 3px;
	padding:5px 10px;
	border-bottom:1px solid #888;
}
*/
#topnav ul {
	float:left;
	margin:0;
	padding:0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #EBEBEB;
	width:100%;
	font-weight:bold;
	font-size:12px;
	list-style:none;
}
#topnav ul li{ display: inline; padding: 0px; }
#topnav ul li a{
	padding: 1px 15px 1px 15px;
	background: #EBEBEB;
	color: #325C95;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}
#topnav ul li a:hover {
	background: #325C95;
	color:#fff;
}



#topnav ul li a:active, #topnav li.selected a{
	background: #325C95;
	color:#fff;
}


#topnav form {
	float:right;
	margin:0 9px 0 0;
	font-size:x-small;
	height:12px;
	position:relative;
	top:-2px;
}
#topnav input {
	margin-top:-1px;
	font-size:x-small;
}


/***********************************/

#topmenu {
	width:762px;
	float:left;
	z-index:200;
}

#topbutton {
	float:right;
	z-index:201;
}

/***********************************/

#summaryimage {
	display:block;
	width:780px;
	height:176px;
	float:left;
	overflow:hidden;
	background-image:url(../images/summary_background/summary3.jpg);
	z-index:201;
}
#summaryimage h2 {
	width:156px;
	height:200px;
	margin:0px;
	padding:10px 10px 10px 10px;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#fff;
	float:left;
	background:#325C95;
	filter:alpha(opacity=90);
	opacity:0.90;
	font-family:Times New Roman, serif;
	font-size:25px;
	font-style:italic;
	font-weight:bold;
	line-height:38px;
	text-align:right;
	color:white;
	z-index:202;
}

/***********************************/

#breadcrumb {
	width:600px;
	height:12px;
	margin-top:1px;
	padding:1px 0px 3px 180px;
	float:left;
	background:#EBEBEB;
	color:#325C95;
	font-size:10px;
	overflow:hidden;
}
#breadcrumb a {
	font-weight:bold;
	text-decoration:none;
}
#breadcrumb a:hover {text-decoration:underline; background: none; color: #325C95}

/***********************************/

#mainmenu {
	float:left;
	width:176px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:13px;
	text-align:left;
	overflow:hidden;
	
}
#mainmenu hr { width:135px }
#mainmenu div.news {
	width:156px;
	margin-top:1px;
	border:0;
	padding:2px 10px 0px 10px;
	background:#EBEBEB;

}

#mainmenu div.news a:hover {text-decoration:underline; background: none; color: #325C95}

#mainmenu img {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}
#mainmenu p img {
    display:inline;
    margin:0px 3px 0px 3px;
    vertical-align:middle;
    float:left;
}
#mainmenu div {
	width:176px;
	margin:1px 0px 1px 0px;
	background:#EBEBEB;
}
#mainmenu div.level1 { width:156px; padding:0px 10px 0px 10px; font-weight:bold; }
#mainmenu div.level2 { width:146px; padding:0px 10px 0px 20px; }
#mainmenu div.level3 { width:136px; padding:0px 10px 0px 30px; font-size:11px; }
#mainmenu div.level4 { width:131px; padding:0px 10px 0px 35px; font-size:10px; }
#mainmenu div a {
	display:block;
	width:100%; /* need this for IE */
	text-decoration:none;
	padding:2px 2px;
}
html>body #mainmenu div a {
	width:auto;
}
#mainmenu div a:hover { background: #325C95; color:#fff; }
#mainmenu div.selected a { color:#fff; background-color:#325C95; }

#mainmenu h5{
	background-color:transparent;
  margin:-15px 0 16px 2px;
  padding:0;
	font-size:11px;
	color:#303030;
	text-align:left;
	font-weight:normal;
}

/***********************************/

#content {
	float:right;
	line-height: 130%;
	width:585px;
	padding: 3px 5px 0px 5px;
	text-align:left;
	
}

/***********************************/

#email_content { width:750px; margin: auto; text-align:justify; }

/***********************************/

#footer {
	clear: both;
	background:white;
	width: 780px;
	margin-top: 15px;
	border-top: 1px solid #888;
	border-bottom: 10px solid #fff;
	padding-top: 10px;
	text-align: center;
	color: #837D7D;
}
#footer ul {
	display:block;
	margin:0;
	border:0;
	padding:0;
	list-style:none;
	text-align: center;
}
#footer li { display:inline; margin:5px 0 0 0; border:0px; padding:0px; }
#footer li a { margin:0px; padding:5px 5px 0px 5px; }

#footer p { margin:0px; font-size: 11px; line-height: 18px;}


/*************************************
 Classes
*************************************/

.announce {
	margin:10px 0 10px 0;
	padding:10px;
	width:130px;
	color:#505050;
	background-color:#f4f4f4;
	line-height:1.3em;
}

.left { margin:5px 10px 5px 0; float:left; }

.right { margin:3px 0 5px 10px; float:right; }

.textright { text-align:right; }

.center { text-align:center; }

.small { font-size:0.8em; }

.bold { font-weight:bold; }

.underline { border-bottom:1px solid #888; }

.nav img {border:0px;}

.imageborder {border:1px solid #E3E1E1;}


/*
.zzunderline { background:url(../images/main/underline.gif) repeat-x; }
.zzexlink { padding-right:13px; background:url(exlink.png) right no-repeat; }
*/

/***** Template classes *****/

.tpl-0 { margin-bottom:1em; }
.tpl-1 img { border:0px solid #000; margin-bottom:1em; }
.tpl-1 div { font-size:9px; }



/***** Product Focus box *****/

.pftable {
	width: 580px;
	margin-bottom:20px;
	border:1px solid black; /*#b9b9b9;*/
	padding:0px;
	float:left;
}
.pfheading {
	margin:0px;
	border:1px;
	border-style:solid;
	padding:5px;
	font-size:109%;
	font-weight:bold;
}
.pfbody { padding:7px; }

/***** Top Searches + Press Releases box *****/

.tspr {
	width:582px;
	background:url(bg_295_295.gif) repeat-y;
	margin-top:20px;
}
.topsearches {
	float:left;
	width:270px;
	padding:0px 20px 10px 10px;
}
.pressreleases {
	float:right;
	width:270px;
	padding:0px 0px 10px 0px;
}

/***** Principals box *****/

div.principals {
	width:562px;
	margin:30px 0px;
	border:1px solid #325C95;
	padding:10px 10px 20px 10px;
	background:#EBEBEB;
	overflow:hidden;
	clear:both;
}

div.principals h2 { margin:0px 0px 20px 0px; border-bottom:1px solid #333; padding-bottom:5px; }
div.principals a {display:block; float:left; margin:10px 20px; padding:0px; overflow:hidden; }
div.principals a:hover {text-decoration:none; }
div.principals a img {margin:0px; border:1px solid #286EA0; padding:0px; }



/***** Product Map page *****/

td.productmap1 {
	background:#eee;
	font-size:110%;
	font-weight:bold;
}
td.productmap2 {
	font-size:100%;
	padding:0 0 0 1em;
}
td.productmap3 {
	font-size:95%;
	font-style:italic;
	padding:0 0 0 3em;
}
td.productmap4 {
	font-size:90%;
	padding:0 0 0 5em;
}
td.productmap5 {
	font-size:88%;
	padding:0 0 0 7em;
}
td.productmap0 {
	font-size:50%;
	font-weight:bold;
}

td.productdesc1 {
	font-size:110%;
/*	font-weight:bold;*/
	overflow:hidden;
}
td.productdesc2 {
	font-size:100%;
	padding:0 0 0 1em;
	overflow:hidden;
}
td.productdesc3 {
	font-size:95%;
	font-style:italic;
	padding:0 0 0 3em;
	overflow:hidden;
}
td.productdesc4 {
	font-size:90%;
	padding:0 0 0 5em;
	overflow:hidden;
}
td.productdesc5 {
	font-size:88%;
	padding:0 0 0 7em;
	overflow:hidden;
}
td.productdesc0 {
	font-size:50%;
	font-weight:bold;
	overflow:hidden;
}

.otherlinks {display:none;}

.hidesimple {display:none;}

.hide {display:none;}

/*************************************

 TABS

*************************************/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #dfdfdf;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #dfdfdf;
 border-bottom: none;
 background: url(tab.jpg) top center repeat-x;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #325c95; }
ul.tabbernav li a:visited { color: #325c95; }

ul.tabbernav li a:hover
{
 color: white;
 background: #325c95;
 
}

ul.tabbernav li.tabberactive a
{
 background: url(spacer.gif) top center repeat-x;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #325c95;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #dfdfdf;
 border-top:0;
 width:573px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabberlive .tabbertab .tpl-0 {
 width:573px;

}