/***********************************************/
/* styles.css   	                           */
/* HTML tag styles                             */
/***********************************************/

body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #FFFFFF
}
/***********************************************/
/******* hyperlink and anchor tag styles *******/
/***********************************************/
a:link, a:visited{
	color: #0000FF;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/***********************************************/
/************** header tag styles **************/
/***********************************************/
h1{
 font: bold 120% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}
h2{
 font: bold 130% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}
h3{
 font: bold 145% Arial,sans-serif;
 color: ##000000;
 margin: 0px;
 padding: 0px;
}
h4{
 font: 100% Arial,sans-serif;
 color: #0148a3;
 margin: 0px;
 padding: 0px;
}
h5{
 font: 220% "Times New Roman", Times, serif;
 color: #0148a3;
 margin: 0px;
 padding: 0px;
}

/* Styles applied to content when displayed on the screen */
/* Allows different styles to be applied to printing */
@media screen {
#globe{
	float: left;
	width: 798px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image: url(../Images/bannerglobe.jpg);
	background-repeat:no-repeat;
}
#banner{
	float: none;
	width: 798px;
	height: 101px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image: url(../Images/bannertop.jpg);
	background-repeat:no-repeat;
}
#logo{
	visibility:hidden;
}
#pageNav{
	float: left;
	width: 208px;
	height: auto;
	padding: 0px;
	background-color: #F5f7f7;
	border-top: 1px solid #ccd2d2;
	font: small Verdana,sans-serif;
	padding-top: 10px;
	border-bottom: 1px solid #ccd2d2;
}
/************* globalNav styles ****************/
#globalNav{
	position: relative;
	width: 796px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	background-image: url(/Images/bannermenu.jpg);
	height: 35px;
	float:none;
}
#globalNav img{
	margin-bottom: -4px;
}
#globalLink{
	margin: 0px;
	padding: 5px 0px 0px 3px;
	position: absolute;
	left: 330px;
	right:10px;
	z-index: 100;
	width: 460px;
	top: 3px;
	height: 24px;
	text-align:right;
	display:inline-table;
}
#globalLink h3{
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #000000;
	height:24px
}
#globalLink a:link, #globalLink a:visited {
	border: none;
	font-weight: bold;
	padding: 0px 6px 0px 6px;
	color: #FFFFFF;
	display:inline-table;
}
#globalLink a:hover{
	border: none;;
	padding: 0px 6px 0px 6px;
	background-color: #21536A;
	background-image: none;
	font-weight:bold;
	text-decoration: none;
	display:inline-table;
}
/************* Language styles ***************/
#langSelect{
	margin: 0px;
	padding: 5px 0px 0px 3px;
	position: absolute;
	left: 250px;
	right:10px;
	z-index: 103;
	width: 80px;
	top: 3px;
	height: 24px;
	text-align:left;
	display:inline-table;
}
#langSelect a:link, #langSelect a:visited {

	border: none;
	font-weight: bold;
	padding: 0px 6px 0px 6px;
	color: #FFFFFF;
	display:inline-table;
}
#langSelect a:hover{
	border: none;;
	padding: 0px 6px 0px 6px;
	background-color: #21536A;
	background-image: none;
	font-weight:bold;
	text-decoration: none;
	display:inline-table;
}


/************ sectionLinks styles **************/
#sectionLinks{
	margin: 0px;
	padding: 0px;
	text-align:left;
}
#sectionLinks p{
	font-style:italic;
	font-size:11px;
	font:Arial, Helvetica, sans-serif small caption;
	padding: 0px;
	width:165px;
	text-align:left;
}
#sectionLinks a{
	display: block;
	border-top: 1px solid #6ca58c;
	border-bottom: 1px solid #3a8664;
	background-image: url(../Images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFFFFF;
}
#sectionLinks a:hover{
	border-top: 1px solid #6ca58c;
	background-color: #21536A;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}
#sectionLinks a.current{
	border-top: 1px solid #6ca58c;
	background-color: #21536A;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}
#sectionLinks ul {
  list-style-image:none;
  padding: 0;
  margin: 0;
  width:208px;
  padding:0;
} /* Makes top border for 1st button */
 
#sectionLinks li {
  list-style: none; /* turns off the list bullets */
  list-style-type: none;
  position: relative;
  vertical-align: bottom; /* for IE5-Win */
}
 
#sectionLinks ul a {
    display: block;
	border-top: 1px solid #6ca58c;
	border-bottom: 1px solid #3a8664;
	background-image: url(../Images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFFFFF;
    vertical-align: bottom; /* needed for IE5-Win */
}
 
#sectionLinks ul ul {
  list-style-image:none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: -3000px;
  width:208px;
} /* set flyout BG color and preset the positioning */

#sectionLinks ul ul li {
  list-style:none;/* turns off the list bullets */
  list-style-type: none;
}

#sectionLinks ul li:hover ul {
  list-style:none;/* turns off the list bullets */
  list-style-type: none;
  left: 14em;
  top: 4px;
} /* make flyout appear when the LI is hovered */ 

/* \*/ /*/ 
ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */

/************* relatedLinks styles **************/
.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}
.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}
.relatedLinks a{
	display: block; 
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell{
	position: relative;
	margin: 0 auto;
	height: auto;
	width: 798px;
	background-color: #ffffff;
	overflow: visible;
}
#content{
	padding: 10px 10px 10px 10px;
	margin:0px 0px 0px 208px;
	float: none;
	border-left: 1px solid #ccd2d2;
}
/************* breadCrumb styles ***************/
#breadCrumb{
	margin-left:208px;
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}
#breadCrumb a{
	color: #AAAAAA;
}
#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}

/************** pageName styles ****************/
#pageName{
	padding: 5px 0px 5px 10px;
	margin-left:208px;
}
#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000066;
	margin:0px;
	padding: 0px;
}
#pageName h3{
	font: bold 135% Arial,sans-serif;
	color: #000066;
	margin:0px;
	padding: 0px;
}
/************** siteInfo styles ****************/
#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	width: 780px;
	float: none;
}
#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
}


/* Styles applied to content when printing only */
/* Allows different styles to be applied when displaying on screen */
@media print {
#globe{
	width:650px;
}
#logo{
	visibility:visible;
}
#pageNav{
	float: left;
	width: 165px;
	font: 70% Verdana,sans-serif;
	padding-top: 6px;
}
/************* globalNav styles ****************/
#globalNav{

}
#globalLink{
	display:none;
}
/************* Language styles ***************/
#langSelect{
	display:none;
}

/************ sectionLinks styles **************/
#sectionLinks{
	margin: 0px;
	padding: 0px;
	text-align:left;
}
#sectionLinks p{
	font-style:italic;
	font-size:11px;
	font:Arial, Helvetica, sans-serif small caption;
	padding: 0px;
	width:165px;
	text-align:left;
}
#sectionLinks a{
	display: block;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #FFFFFF;
}
#sectionLinks a.current{
	font-weight: bold;
	text-decoration:underline;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell{
	position: relative;
	margin: 0;
	height: auto;
	width: 650px;
	overflow: visible;
}
#content{
	padding: 10px 5px 3px 3px;
	margin:0px 0px 0px 165px;
	float: none;
	border-left: 1px solid #ccd2d2;
}

/************* breadCrumb styles ***************/
#breadCrumb{
	display:none;
}

/************** pageName styles ****************/
#pageName{
	padding: 5px 0px 5px 10px;
	margin-left:165px;
}
#pageName h2{
	font: bold 135% Arial,sans-serif;
	color: #000066;
	margin:0px;
	padding: 0px;
}
#pageName h3{
	font: bold 150% Arial,sans-serif;
	color: #000066;
	margin:0px;
	padding: 0px;
}

/************** siteInfo styles ****************/
#siteInfo{
	Display: none;
}
}


/*************** list tag styles ***************/
#content ul{
list-style-type: none;
list-style-image: url(../Images/bullet1.gif);
list-style-position:inherit;
left:-10px;
marker-offset: -10px;

}
#content ul ul{
list-style-type: none;
list-style-image: url(../Images/bullet2.gif);
list-style-position:inherit;
left:-10px;
marker-offset: -10px;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** feature styles *****************/
.feature{
	padding: 0px 5px 10px 10px;
	font-size: 80%;
}
.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000066;
	padding: 30px 0px 5px 0px;
}
.feature h2{
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #000066;
}
strong{
	font: bold 100% Arial, Helvetica, sans-serif;
	color: #000066;
}
.feature img{
	float: left;
	padding: 0px 35px 10px 5px;
}


/*************** story styles ******************/
.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	float: none;
}
.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000066;
}

.story p {
	padding: 0px 0px 10px 0px;
}
.story a.capsule{
	font: bold Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}
.story a.capsule:hover{
	text-decoration: underline;
}
td.storyLeft{
	padding-right: 12px;
}



/**************** advert styles *****************/
#whatsNew{
	position:static;
	width:200px;
	height: 250px;
	padding: 0px;
	text-align: left;
	left: 566px;
	top: 200px;
	float:right;
	border: 1px solid #ccd2d2;
	font-size:88%;
}
#whatsNew h2{
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #2f7f5c;
	font-variant:small-caps;
	padding: 3px;
	text-align:center;
}
#whatsNew img{
	display: block;
	padding: 3px;
}
#whatsNew div{
	padding: 3px;
	float:none;
}
#whatsNew span.more{
	color: #AAAAAA;
	text-align:right;
}
#whatsNew span.more:hover{
	color: #005FA9;
	text-decoration: underline;
}
#tab{
	margin-left:237px;
}

#prodCategory {
	color:#CCCCCC;
	background-color:#2f7f5c;
	height:24px;
	padding-top:3px;
}
#prodCategory h2{
	font: bold 125% Arial,sans-serif;
	color: #FFFFFF;
}

#agencyLogo {
	float:left;
	width:220px;
	height:100%;
}
#agencyProd {
	float:none;
	margin-left:240px;
}
#leftPane{
	height:120px;
	overflow:hidden;
	margin-left:10px;
}
#rightPane{
	height:120px;
	overflow:hidden;
	margin-left:10px;
}
/********************* end **********************/