@import 'leftNav.css';

#index #content #nav-container{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background: url('/TemplatePackage/images/bg_NavArea_home.gif') 0 0 repeat-y;
	margin:0;
	border:none;
	padding:0;
	width:10px;
}

#flashALTcontent{
		clear:right;
		display:block;
		float:right;
		margin-right:-10px;
		width:auto;
}
	#flashALTcontent embed,
	#flashALTcontent object{
		clear:right;
		display:inline;			
		float:right;
		margin:0;
		padding:0;
	}
	#flashALTcontent object.fooBar {
		display: inline;
	}
	#flashALTcontent ul{
		margin-top:1em;
		float:left;
	}

#top-container p img{
	clear:right;
	display:inline;
	float:right;
	padding-left:10px;
}

				
#breadBox{
	background-color:#f5faed;
	position:relative;
	margin:10px 175px 1em 179px;	
	border: none;
	border-top: 10px solid white;
	padding:0;
	min-height:30px;
	width: auto;
	overflow: visible;
}

#breadBox ul{
	background-color:#f5faed;
	position:relative;
	margin:0 12px;
	padding:6px;
	height:100%;
	width:auto;
	overflow:visible;
}

#breadBox ul li{
	display:inline;
	position:relative;
	margin:0;
	border:none;
	padding:4px 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	height:15px
}

#breadBox ul li:first-child a,
#breadBox ul li.firstChild a{
	background-image: none;
	padding-left: 0;
}
#breadBox ul li a:hover{
	text-decoration:none;
}
#breadBox ul li a{
	background: transparent url('/TemplatePackage/images/bg_breadcrumbsArrow.gif') 0 0.75em no-repeat;
	display: inline;
	margin: 0;
	padding: 0.5em 0.4em 0.5em 0.9em;
	line-height:1;
	font-size:0.9em;
	width:auto;
	white-space:nowrap;
	text-decoration:underline;
}

p#return-link{
background: transparent url('/TemplatePackage/images/arrow_back.gif') 0 3px no-repeat;
padding-left: 12px;
}

#wrapper img.stroke{
	border:1px solid #cdcdcd;
	padding:3px;
}

/* 
===========================================================
FOOTER MENU (NAVIGATION) 
===========================================================
*/

#siteinfo-nav{
	background: #eef1f7;
	color: #0061AA;
	margin:0;
	font-size:0.9em;
	height:23px;
	width: auto;
}
#siteinfo-nav ul.menu{
	background: transparent;
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.25;
	height:23px;
}
#siteinfo-nav ul.menu li{
	float:left;
	display:inline;
	background:transparent;
	margin:0;
	padding:0 1em;
	width: auto;
}

#siteinfo-nav > ul.menu > li:first-child{ margin-left:0;}
#siteinfo-nav > ul.menu > li.last-child{ background:none;}
#siteinfo-nav ul.menu a{ color:#0a29a5; padding:5px 0; text-decoration:none; display:block;}
#siteinfo-nav ul.menu li.righty a{ padding-left: 20px;}
#siteinfo-nav ul.menu a:hover{ color:#0a29a5; text-decoration:underline;}


/* 
===========================================================
HORIZONTAL A-Z STRIP
===========================================================
*/

#AZlist-container{
	background: transparent;
	position: absolute;
	top: 74px;
	left: 0;
	right: 0;
	margin:0 auto;
	border: none;
	padding: 0 0 0 10px;
	line-height: 1;
	height: 30px;
	width: auto;
	z-index: 9999;
}
#AZlist-container h1,
#AZlist-container h2{
	display: inline;
	color:#fff;
	margin: 2px 0 0 0;
	padding: 6px 0;
	float: left;
	font-size:.9em;
	font-weight:normal;
	width: 66px;
}
#AZlist-container .AZlist{
	background: blue;
	margin: 0 auto 0 5px;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
	font-weight: bold;
}
.AZlist,
.AZlist li{
	position:relative;
	margin:0;
	padding:0;
}
#AZlist-container .AZlist li{
	float:left;
	margin: 1px;
	padding:0;
	border: 0;
	width: auto;
}
#AZlist-container .AZlist li a,
#AZlist-container .AZlist li a:visited{
	display: block;
	background: none;
	font-weight:bold;
	color: #fff;
	margin: 0;
	border: 0;
	padding: 6px 4px;
	text-decoration: underline;
	font-size: 1em;
	width: auto;
}
#AZlist-container .AZlist li a:hover,
#AZlist-container .AZlist li#active a:hover{
	color: #FFE3B9;
	font-weight:bold;
	background: none;
	border: none;
}

/* 
===========================================================
LOCAL LANGUAGES MODULE
===========================================================
*/

#local-languages h5{
	margin:1em 0 0.5em 0;
	padding:0;
	color:#000;
	font-size:1.1em;
	font-weight:bold;
	border-bottom:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
#local-languages ul li a{
	color:#0a29a5;
	font-size:0.9em;
}

/* 
===========================================================
TEXT SIZER WIDGET 
===========================================================
*/

#text-sizer{
	position:relative;
	margin:0 auto;
	padding:0;
	width:auto;
}
.widePage #text-sizer{
	clear:right;
	display:inline;
	float:right;
	margin-right:0;
	width: 275px;
}
	#text-sizer ul { 
		margin:0;
		padding:0;	
		width:auto;
		height:auto;
		list-style:none;
		min-height:29px;
		background:transparent;
		border:none;
	}
		#text-sizer ul li{
			background:transparent;
			display:inline;
			float:left;
			margin:6px 0 0 0;
			padding:0;
			font-size:1.1em;
			font-weight:bold;
			line-height:normal;
			list-style:none;
			height:19px;
			width:auto;			
		}
			#text-sizer ul li.first-child{	
				display:inline;
				float:left; 
				color:#000;
				font-family:"Trebuchet MS";
				font-weight:bold;
				margin:6px 3px 0 0;				
			}
			#text-sizer ul li a.default{ position: relative;
				display:block;
				white-space:nowrap;
				background:#C8D5E4;
				margin:0 3px;
				padding:1px 0 0 0;
				border:1px solid;
				border-color:#ccc #999 #999 #ccc;
				color:#000;
				font-size:1em;
				font-weight:normal;
				line-height:normal;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				height:14px;
				width:14px;
			}
			#text-sizer ul li a:hover{
				color:#fff !important;
				background:#0a29a5;
				border:1px solid;
				border-color: #999 #ccc #ccc #999;
				cursor:pointer;	
			}
			#text-sizer ul li a.selected{ position: relative;
				display:block;
				white-space:nowrap;
				background:#0a29a5;
				color:#fff;	
				margin:0 3px;				
				padding:1px 0 0 0;
				border:1px solid;
				border-color: #ccc #999 #999 #ccc;
				font-size:1em;
				font-weight:normal;
				line-height:normal;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				height:14px;
				width:14px;
			}

/*
.pageOptions-horizontal #text-sizer{
	border: 1px solid #000;
	width: 180px;
	float: right; 
}

.pageOptions-horizontal #text-sizer ul li a{
	border: 1px solid purple;
	width: 5px;
	margin: 0;
	padding: 0;	
}
*/

/* 
===========================================================
CONTACT US MODULE 
===========================================================
*/

#content-secondary #contact-info{ position: relative; background: white;
	color: #000;
	margin: 1em 0 1em 0;
	padding: 0 0.5em 0 0;
	width: 169px;
}
	#content-secondary #contact-info ul{
		position: relative;
		margin: 0.5em 0 0 0;
		padding: 0 0.5em;
	}
		#content-secondary #contact-info ul li{
	 		position: relative;
	 		margin-left: 0;
	 		padding-left: 2.75em;
		}
		#contact-info li.phone{
			background: url('/TemplatePackage/images/icon_phone.gif') 0 0 no-repeat;
		}
		#contact-info li.mail{
			background: url('/TemplatePackage/images/icon_mail.gif') 0 0 no-repeat;
		}
		#contact-info li.contact-email{
			background: url('/TemplatePackage/images/icon_envelope.gif') 0 0 no-repeat;
		}

#nav-container .rounders{
	position: relative;
	margin: 1em auto;
	border: none;
	padding: 0;
	width: 156px; /* based on image dimensions - not quite consistent with drip styles yet */
 	z-index:1;
 	margin-right:0; /* default, width of left corner */
	margin-bottom: 1em; /* spacing under div */
}

#nav-container .rounders.email ul{
	margin: 0 0 0.5em 0;
	padding: 0;
}		
		
/* 
===========================================================
PAGE OPTIONS (RIGHT COLUMN)
===========================================================
*/

#content-secondary .rounders{
	position: relative;
	margin: 1em auto;
	border: none;
	padding: 0;
	width: 156px; /* based on image dimensions - not quite consistent with drip styles yet */
 	z-index:1;
 	margin-left:12px; /* default, width of left corner */
	margin-bottom: 1em; /* spacing under div */
}
	#content-secondary .rounders h4{
		position: relative;
		background: url('/TemplatePackage/images/icon_subscribe.gif') left -2px no-repeat;
		color: #333;
		font-family:"Trebuchet MS";
		font-size:1.1em;
		margin: 0;
		padding: 0 0 0.25em 1.5em;
	}
	
	#content-secondary .rounders.email, #content-secondary .rounders{
		padding:0;
		padding-top:0;

	}
	#content-secondary .rounders.email ul{
		margin: 0 0 0.5em 0;
		padding: 0;
	}
	#content-secondary .rounders.email form,
	#content-secondary .rounders.email fieldset{
		position: relative;
		margin: 0;
		border: none;
		padding: 0 0 0.25em 0;
	}
	#content-secondary .rounders.email form input.email{
		margin-bottom: 0.25em;
		width: 140px;
	}
	#content-secondary .rounders.email fieldset label{
		display: block;
		margin-top: 0.5em;
	}
	#content-secondary .rounders.email fieldset label.hidden{
		display: none;
	}	
	#content-secondary .rounders.email form a{
		font-size: 0.9em;
		text-decoration: underline;
	}


/* 
===========================================================
PAGE OPTIONS (RIGHT COLUMN) Services
===========================================================
*/

.pageOptions li.share > ul{
	background-color:white;
	display:block;
	position:absolute;
	top:-1000px;
	left:28px;
	margin:0;
	border: 1px solid #cdcdcd;
	border-top:none;
	padding: 0px 0px 3px 0px;
	list-style-type:none;
	width:139px;
	z-index:99;
}

.pageOptions li.share ul li {
	padding-left: 3px;
	margin-left: 0px;
}

.pageOptions li.share:hover,
.pageOptions li.sfhover,
.pageOptions-horizontal li.share:hover,
.pageOptions-horizontal li.sfhover{
	background-color:#cdcdcd;
}


.pageOptions li.sfhover > ul{
	top:95px;
	z-index:9;
}
	*:first-child+html .pageOptions li.sfhover ul{top:98px;} /* ie7 hack only do dropdown menu appears in the correct place */

/*
===========================================================
PAGE OPTIONS Right Side
===========================================================
*/

.pageOptions ul{ margin-left:0; list-style:none;}
	
	ul.services ul li:hover{ background-color:#ddd;}
	
	#content-secondary ul a:hover{
		color:#0a29a5;
		text-decoration:underline;
	}
	/* body #wrapper a:focus{ background-color:yellow;} */
	.pageOptions ul a,
	.pageOptions ul a:visited,
	.pageOptions ul li a:visited{
		position:relative;
		display:block;
		color:#0a29a5;
		font-size:0.9em;
		text-decoration:none;
		padding:3px 0;
	}
	.pageOptions ul.services a,
	.pageOptions ul.services a:visited,
	.pageOptions ul.services li a:visited{
		padding-left:20px;
	}
	.pageOptions ul ul li{
		position:relative;
		margin-left:1px;
		padding:0;
	}
	
	ul.services li.email a{
		background:transparent url('/TemplatePackage/images/icon_email.gif') 0 center no-repeat;
	}
	ul.services li.print a{
		background:transparent url('/TemplatePackage/images/icon_print.gif') 0 center no-repeat;
	}
	ul.services li.subscribe a{
		background:transparent url('/TemplatePackage/images/icon_subscribe.gif') 0 center no-repeat;
	}
	ul.services li.pdf a{
		background:transparent url('/TemplatePackage/images/icon_pdf.gif')  0 center no-repeat;
	}
	ul.services li.podcast a{
		background:transparent url('/TemplatePackage/images/icon_podcast.gif') 0 center no-repeat;
	}
	ul.services li.rss a{
		background:transparent url('/TemplatePackage/images/icon_rss.gif') 0 center no-repeat;
	}
	ul.services li.share a{
		background:transparent url('/TemplatePackage/images/icon_share.gif') 0 center no-repeat;
	}
	ul.services li.favorites a, div.pageOptions-horizontal ul li.favorites a{ background:transparent url('/TemplatePackage/images/favorites.png') 0 center no-repeat;}
	ul.services li.delicious a, div.pageOptions-horizontal ul li.delicious a{ background:transparent url('/TemplatePackage/images/delicious.png') 0 center no-repeat;}
	ul.services li.digg a, div.pageOptions-horizontal ul li.digg a{ background:transparent url('/TemplatePackage/images/digg.png') 0 center no-repeat;}
	ul.services li.facebook a, div.pageOptions-horizontal ul li.facebook a{ background:transparent url('/TemplatePackage/images/facebook.gif') 0 center no-repeat;}
	ul.services li.google a, div.pageOptions-horizontal ul li.google a{ background:transparent url('/TemplatePackage/images/goog.png') 0 center no-repeat;}
	ul.services li.technorati a, div.pageOptions-horizontal ul li.technorati a{ background:transparent url('/TemplatePackage/images/technorati.png') 0 center no-repeat;}
	ul.services li.yahoo a, div.pageOptions-horizontal ul li.yahoo a{ background:transparent url('/TemplatePackage/images/yahoo-myweb.png') 0 center no-repeat;} 
	
	ul.top-divide{
		margin-top:3px;
		border-top:1px solid #cdcdcd;
	}
	ul.bottom-divide{
		margin-bottom:3px;
		border-bottom:1px solid #cdcdcd;
	}

#content-secondary ul li{
	/*position:relative;*/
	list-style:none;
	list-style-type:none;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:0;
}

/* 
===========================================================
PAGE OPTIONS (HORIZONTAL STRIP)
===========================================================
*/

.pageOptions-horizontal{
	/*position:relative;*/
	background-color:#f5faed;
	margin:30px 0 0 0;
	padding:2px 0;
	max-height:1000px;
	min-height:35px;
	width: auto;
/*	overflow: hidden;*/
}

/* this is for the wide page layout to give new margins to the top pageOptions strip */
.top{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
/* this is to get the ULs to float left on the wide page because the text sizer is supposed to float to the right 
.pageOptions-inner{
float: left;
width: 40%;
}*/

.pageOptions-horizontal ul{
	/*position:relative;*/
	display:inline;
	float:left;
	/*background-color:#f5faed;*/
	margin:0;
	padding:1px;
	/*min-height:35px;*/
	width: auto;
	overflow: visible;
/*padding:4px 1.5em 4px 0.75em;*/
}
	.pageOptions-horizontal ul li{
		/*position:relative;*/
		display:inline;
		float:left;
		margin:1px 1px 1px 1px;
		padding:0;
		list-style:none;
		/*height:22px;*/
		/*width:auto;*/
	}
	.pageOptions-horizontal ul li.share{
		/*position:relative;*/
	}

		.pageOptions-horizontal ul li a:hover{
			text-decoration:underline;
		}
		.pageOptions-horizontal ul li a{
			/*position:relative;*/
			display:block;
			margin:0;
			padding:1.75em 0.5em 0.25em 0.5em;
			font-size:0.85em;
			text-align:center;
			text-decoration:none;							
			line-height:1;
			min-width:38px;
			/*height:22px;*/
			color:#0a29a5;
		}

		.pageOptions-horizontal li.share ul{
			background-color:white;
			display:block;
			position:absolute;
			left: -1000px;
			bottom: -80px;
			margin:0;
			border: 1px solid #cdcdcd;
			padding:0 0 3px 0;
			list-style-type:none;
			width:130px;
			z-index:99;
		}
	
		.pageOptions-horizontal li.sfhover > ul{
			left: 155px;
			z-index:99;
		}

			.pageOptions-horizontal ul li.share ul li{ /*position:relative;*/
				display:block;
				margin:auto 0;
				padding:0 0 0 3px;
				width:127px;
					/*height:22px;*/
					display: table-cell;
					vertical-align: middle
			}
				.pageOptions-horizontal ul li.sfhover ul li:hover{ background-color:#ddd;}	
				.pageOptions-horizontal ul li.share ul a{
					position:relative;
					display:block;
					background-position:left center;
					padding:0.5em;
					padding-left:20px;
					text-align:left;
					width:auto;
					white-space:nowrap;
				}
			
			/* For the "Add to this..." LI element */
			.pageOptions-horizontal li.share ul li.addthisto{
				background-color:#ddd;
				display: block;
				margin:0;
				border-bottom: solid 1px #cdcdcd;
				padding: 3px 0px 2px 6px;
				height: 16px;
				width: 124px;
				clear: both;
				vertical-align: middle;
			}

				.pageOptions-horizontal ul li.subscribe{ z-index:-2;}
				.pageOptions-horizontal ul li.pdf{ z-index:-2;}
				
				.pageOptions-horizontal ul li.email a{
					background: url('/TemplatePackage/images/icon_email.gif') top center no-repeat;
				}
				.pageOptions-horizontal ul li.print a{
					background: url('/TemplatePackage/images/icon_print.gif') top center  no-repeat;
				}
				.pageOptions-horizontal ul li.pdf a{
					background: url('/TemplatePackage/images/icon_pdf.gif')  top center no-repeat;
				}
				.pageOptions-horizontal ul li.subscribe a{
					background: url('/TemplatePackage/images/icon_subscribe.gif') top center  no-repeat;
				}
				.pageOptions-horizontal ul li.share a{
					background: url('/TemplatePackage/images/icon_share.gif') top center  no-repeat;
				}
				.pageOptions-horizontal ul li.rss a{
					background: url('/TemplatePackage/images/icon_rss.gif') top center no-repeat;
				}
				.pageOptions-horizontal ul li.podcast a{
					background: url('/TemplatePackage/images/icon_podcast.gif') top center no-repeat;
				}