/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	"UBER" STANDARD CSS - NOT COMPATIBLE WITH SELECTEDIT SITES
//---------------------------------------------------------------------------------------------------------
//	CONTENT STYLES:  see tempaltes directory for navigation styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Custom style
//-------------------------------------------------------------------------------------------------------*/
img, div, td
{ 
	b/ehavior: url(../site/iepngfix/iepngfix.htc) 
}

table#subpage-list
{
}

table#subpage-list td
{
}

.downloaditem
{
	font-weight:			bold;
	margin-bottom:			20px;
}

#searchbox
{
	float:					left;
	background-color:		white;
	width:					197px;
	height:					46px;
}

#searchbox .inputbox
{
	font-family:			lucida sans unicode, lucida grande, sans-serif;
	border:					1px solid white;
	font-size:				11px;
	color:					#b5b5b5;
	width:					120px;
}

/*---------------------------------------------------------------------------------------------------------
//	Body structure elements
//-------------------------------------------------------------------------------------------------------*/
body
{
	margin:					0px;
	
	background-color:		white;

	/*	Default text styles	----------------------------*/
	font-family:			lucida sans unicode, lucida grande, sans-serif;
	color:					#333333;
		font-size:				12px;
	line-height:			18px;
	background-image:		url(/images/bg.gif);
	background-repeat:		repeat-x;
	height:					100%
}

html
{
	height:					100%
}

/*---------------------------------------------------------------------------------------------------------
//	Default link colors
//-------------------------------------------------------------------------------------------------------*/
a
{
	color:					#ec8920;
	outline: 0;
	outline:				none;
}

a:hover
{
	color:					#629080;
	outline:				none;
}

.share-button
{
	z-index:				2;
	display:				block;
	margin-left:			10px;
	outline:				none;
}

.share-list 
{
	z-index:				100;
	display:				none; 
	margin-top:				-30px;
	margin-left:			10px;
}

.share-list-close
{
	outline:				none;
}

.share-list ul
{
	margin:					0px;
	padding:				0px;	

	background-color:		white;
	width:					124px;
	border-left:			1px solid #999999;
	border-right:			1px solid #999999;
	border-top:				1px solid #cccccc;
}

.share-list li
{
	margin:					0; 
	padding:				0; 
	list-style:				none;
}

.share-list li:hover
{
	background-color:		#ebebeb;
}

.share-list li td
{
	vertical-align:			middle;
	background-color:		none;
	line-height:			27px;
	height:					27px;
}

.share-list li td:hover
{
	background-color:		#ebebeb;
}

.share-list li a
{
	font-size:			11px;
	color:				#555;
}

/*---------------------------------------------------------------------------------------------------------
//	Site structure
//-------------------------------------------------------------------------------------------------------*/
/*	horizontal centering	*/
table#center-x
{
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	width:					987px;
	height:					100%;

}

table#center-x td#centerleft
{
	width:					18px;
	background-image:		url(/images/shadow-left.png);
	background-repeat:		repeat-y;
	padding:				0px;
}

table#center-x td#centercenter
{
	width:					950px;
	background-color:		#cbdcd6;
	padding:				0px;
	background-image:		url(/images/bg-body.gif);
	background-repeat:		repeat-x;
	background-position:	0px 180px;
}

table#center-x td#centerright
{
	background-image:		url(/images/shadow-right.png);
	background-repeat:		repeat-y;
	width:					19px;
	padding:				0px;
}

table#center-x td#footercell
{
	background-image:		url(/images/footer-bg.gif);
	background-repeat:		repeat-x;
	height:					142px;
	background-color:		#9fbdb2;
}

/*	Popup container	*/
#popup-box
{
	/*	Customize			----------------------------*/
	background-color:		white;
	border:					1px solid black;
	margin:					0px 20px 0px 20px;
	padding:				15px;
}

#header
{
	background-color:		white;
}

#headerimage
{
	width:					950px;
	height:					136px;
	background-image:		url(/images/bg-header.jpg);
}

#logo
{
	
}

#logo a,
#logo a:hover
{
	color:					white;
}

table#body
{
	border-collapse:		collapse;
	width:					948px;
}

col#col-left
{
	width:					162px;
}

col#col-content
{
	width:					auto;
}

/*	See sectionnav CSS tempaltes for td#left	*/

/*	Optional sitebar	*/
td#right
{
}

td#content
{
	width:					auto;
	padding:				45px 25px 45px 0px;
}

/*---------------------------------------------------------------------------------------------------------
//	Footer styles
//-------------------------------------------------------------------------------------------------------*/
#footer
{
	color:					white;
	font-size:				12px;
}

#footer td
{
	font-size:				11px;
}

#footer p
{
	clear:					both;
	font-size:				11px;
}

#footer ul
{
	width:					100%;
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
}

#footer li
{
	float:					left;
}

#footer a
{
	color:					white;
}

#footer li a,
#footer li a.noborder
{
	color:					white;
	height:					30px;
	line-height:			40px;
	padding:				0px 10px;
	border-right:			1px solid #80a699;
}

#footer li a.noborder
{
	border-right:			none;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	Standard body styles
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
h1
{
	line-height:			23px;
	font-family:			helvetica,arial,sans serif;
	font-size:				23px;
	margin:					0px 0px 0.5em 0px;
	padding:				0px;
	font-weight:			normal;
	color:					#616265;
}

h1 a,h1 a:hover
{
	color:					#616265;
}

#popup-box h1
{
	margin-top:				10px;
	text-align:				center
}

h2
{
	font-family:			helvetica,arial,sans serif;
	font-size:				16px;
	margin:					0px;
	padding:				0px;
	color:					#629080;
	line-height:			20px;
	margin-bottom:			5px;
}

h3
{
	margin:					1.7em 0em 0em 0em;
	font-weight:			bold;
}

/*	Standard body style	*/
.bodytext
{
	margin:					0em 0em 1.7em 0px;
	padding:				0px;
	font-size:				12px;
	line-height:			18px;
}

blockquote
{
	margin:					1em 3em;
	padding:				0em;
	font-style:				italic;
}

/*---------------------------------------------------------------------------------------------------------
//	Sidebar styles
//-------------------------------------------------------------------------------------------------------*/
td#right
{
	padding:				20px;
}

.sidebar
{
}

.sidebar-box
{
	width:				266px;
	overflow:			hidden;
	padding:			0px;
	margin-bottom:		7px;
}
		
.sidebar-box-top
{
	width:				286px;
	height:				35px;
	background-image:	url( /images/home-box-top.png );
	background-repeat:	no-repeat;
}

.sidebar-box-title
{
	text-transform:		lowercase;
	font-family:		helvetica,arial,sans serif;
	color:				white;
	font-size:			14px;
	line-height:		14px;
	padding-top:		13px;
	padding-left:		24px;
	letter-spacing:		.03em;
}

.sidebar-box-content
{
	background-image:	url( /images/home-box-bg.png );
	background-repeat:	repeat-y;
	padding:			0px 10px 0px 8px;
	display:			block;
	zoom:				1;
	width:				248px;
	font-size:			11px;
	line-height:		16px;
}

.sidebar-box-bottom
{
	background-image:	url( /images/home-box-bottom2.png );
	background-repeat:	repeat-y;
	width:				271px;
	height:				34px;
}

.sidebar-box-content a.more-arrow
{
	font-size:			15px;
}

.sidebar-text
{
	padding:			 10px 16px;
	background-image:	 url( /images/home-box-content-bg.gif );
	background-repeat:	 repeat-x;
	background-position: left bottom;
}

.sidebar-box-content h2
{
	font-family:		helvetica,arial,sans serif;
	font-size:			12px;
	margin:				0px;
	padding:			0px;
}

#animation-box
{
	width:				764px;
	height:				297px;
	background-image:	 url( /images/animation-bg.png );
	margin-left:		-5px;
	
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Table Data
//-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,215,238);
	border-collapse:		collapse;
	empty-cells:			show;
}

table.data caption
{
	margin:					0.5em 0em;
	text-align:				left;
	font-weight:			bold;
}

tr.r0
{
	background-color:		white;
}

tr.r1
{
	background-color:		rgb(238,245,255);
}

table.data th,
table.data td
{
	padding:				0.5em 1.0em;
	text-align:				left;
	
	font-size:				12px;
	line-height:			18px;
}

table.data th
{
	vertical-align:			bottom;
	background-color:		rgb(204,215,238);
	font-weight:			bold;
	color:					white;
}

table.data td
{
	vertical-align:			top;
	border-bottom:			1px solid rgb(204,215,238);
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Bread crumb
//-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				none;
	width:					auto;
	height:					26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	border-bottom:			1px solid rgb(238,238,238);
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}



/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Social networking tool links
//-------------------------------------------------------------------------------------------------------*/
table.links-bar td
{
	padding:				0px 10px 0px 0px;
}

.inline-digg
{
	float:					left;
	margin:					3px 10px 5px 0px;
}

/*=========================================================================================================
//	EXAMPLE	- remove or customize as needed
//=======================================================================================================*/
/*---------------------------------------------------------------------------------------------------------
//	Video controls
//-------------------------------------------------------------------------------------------------------*/
#video-buttons a
{
	background-color:		#CCCCCC;
	color:					white;
	font-weight:			bold;
	padding:				4px 6px;
	margin-right:			5px;
	float:					left;
	margin-top:				5px;
}

#breadcrumb a
{
}

#breadcrumb .static
{
	font-weight:			bold;
}

#breadcrumb .divider
{
	padding:				0em 0.25em;
}

/*=========================================================================================================
//---------------------------------------------------------------------------------------------------------
//	MISCELLANEOUS DEFAULTS
//---------------------------------------------------------------------------------------------------------
//=======================================================================================================*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:				none;
}

/*	Hidden elements	*/
.hdn
{
	display:				none;
}

/*	because HTML should have this as the default	*/
td
{
	vertical-align:			top;
	padding:				0px;
}

/*	prevent ugly purple borders around linked images	*/
img
{
	border:					0px;
}

/*	do not underline links	*/
a
{
	text-decoration:		none;
}

/*	shortcomings of the formatter	*/
p
{
	margin:					0px;
}

/*	IE will allocate space for these if there are not display:none -  POSJ	*/
map
{
	display:				none;
}

sup
{
	vertical-align:			super;
	font-size:				0.75em;
}

/*---------------------------------------------------------------------------------------------------------
//	Video Popup
//-------------------------------------------------------------------------------------------------------*/
#videobox
{
	position:			absolute;
	width:				550px;
	height:				645px;
	display:			none;
}

#videobox-contents
{
	border-top:			none;
	border-bottom:		none;
	height:				538px;
	width:				503px;
	background-color:	white;
	border:				1px solid #d1cec6;
	padding:			20px;
}

#videobox-title
{
	font-size:			14px;
	font-weight:		bold;
	margin-top:			-47px;
	color:				white;
	margin-left:		25px;
	height:				47px;
	line-height:		47px;
}

/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
background-color: transparent;
background: url(/images/dropshadow/upperrightfade.png) right top no-repeat;
zoom: 1;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background-color: transparent;
background: url(/images/dropshadow/lowerleftfade.png) left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
zoom: 1;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url(/images/dropshadow/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
background-color: transparent;
position: relative;
left: -8px;
top: -8px;
zoom: 1;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
zoom: 1;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */