/*-------------------------------------------------------------------------------------------------------*/
/*	Note: home page uses significantly different styles than rest of site, due to an update 10-2007
/*-------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements
/*-------------------------------------------------------------------------------------------------------*/

#center-x
{
	position:				relative;
	/*	Do not modify		----------------------------*/
	margin-right:			auto;
	margin-left:			auto;

	/*	Customize			----------------------------*/
	background-color:		white;
	width:					801px;
	border:					1px solid #8a9ccf;
	background-image: url(/images/background2.gif);
	background-repeat: repeat-y;
}

html
{
height: 100%
}

body,body.nobg
{
	margin: 0px;
	padding: 0px;
	background-color: white;
	height: 100%;
}

/*	Eliminate background image	*/
body.nobg
{
	background-image:		none;
}


#header
{
}

table#body
{
	width: 					680px;
}

col#left
{
	width:					160px;
}

td#left
{
	width:					160px;
	padding:				15px 6px;
}

col#content
{
	width:					auto;
}

td#right
{
width: 120px;
}

td#content
{
	width: 					400px;
	padding: 				15px 45px;
}

#height_structure
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles
/*-------------------------------------------------------------------------------------------------------*/
#footer
{
	position: relative;
	bottom: 0px;
	left: 0px;
	clear: both;
	margin: 0px 0px 10px 164px;
	padding: 0em 1em;
	line-height: 2.0em;
	font-family: verdana,arial,sans serif;
	font-size: 0.7em;
	width: 495px;
	border-color: rgb(138, 156, 207);
	border-width: 1px 0px 0px 0px;
	border-style: solid;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Developer positioning tools
/*-------------------------------------------------------------------------------------------------------*/
#poslabel
{
	position:				absolute;
	display:				none;
	z-index:				1000;
	background-color:		rgb(238,238,238);
	font-family:			verdana,arial,sans serif;
	font-size:				0.65em;
	padding:				5px 3px;
	border:					1px solid rgb(153,51,51);
}

#grid
{
	position:				absolute;
	display:				none;
	z-index:				500;
	top:					0px;
	left:					0px;
	width:					100%;
	height:					0px;
	background-image:		url(/images/grid.gif);
	border:					1px solid black;
}

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

p
{ 
	margin: 				0px 0px .75em 0px;
}

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

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


/*-------------------------------------------------------------------------------------------------------*/
/*	Global styles
/*-------------------------------------------------------------------------------------------------------*/
#globals
{
	text-align:				left;
	font-family:			verdana,arial,sans serif;
	font-size:				0.65em;
	color:					black;
	
	position:				absolute;
	top:					215px;
	left: 					668px;
	white-space:			nowrap;
}

#globals a
{
}

.global-with-image
{
	/* background image set dynamically in site.php	*/
	background-image: 		none;	
	background-repeat: 		no-repeat;
	padding-left:			20px;
	width:					40px;
	white-space:			normal;
	padding-bottom:			0px;
}

.global-without-image
{
	/* background image set dynamically in site.php	*/
	padding-bottom:			0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles
/*-------------------------------------------------------------------------------------------------------*/
h1
{
	margin: 			0px;
	padding: 			0.75em 0em 0.25em 0em;
	font-family: 		arial,sans serif;
	font-weight: 		bold;
	font-size: 			12pt;
	color: 				#006;
}

h1 a,h1 a:hover
{
	text-decoration:		none;
	color:					black;
}

h2
{
	margin: 				0em;
	padding: 				0.5em 0em 0.25em 0em;
	line-height: 			1.7em;
	font-family: 			arial,sans serif;
	font-weight: 			bold;
	font-size: 				12pt;
	color: 					#006;
}

h3
{
	margin: 				0em;
	padding: 				0.5em 0em 0.25em 0em;
	line-height: 			1.7em;
	font-family: 			arial,sans serif;
	font-weight: 			bold;
	font-size: 				11pt;
	color: 					#666;
}

h4
{
	font-family: 		arial,sans serif;
	font-weight: 		bold;
	color: 				#006;
	display: 			inline;
	font-size: 			10pt;
}

h5
{
	font-family: 		arial,sans serif;
	font-weight: 		bold;
	color: 				#666;
	display: 			inline;
	font-size: 			10pt;
}



/*	Same properties except different line-height	*/
.bodytext,.bodytext2
{
	width:					440px;
	margin:					0em 0em 1.7em -15px;
	padding:				0px;
	line-height:			1.5em;
	font-family:			verdana, arial, sans serif;
	font-size:				10pt;
	color:					black;
}

.bodytext2
{
	line-height:			1.4em;
	margin-bottom:			1.3em;
}

.bodytext li
{
margin-bottom:		.75em;
}

a
{
	text-decoration: none;
	color: rgb(26, 48, 97);
}

a:hover
{
	text-decoration: underline;
}

.bodytext a
{
	text-decoration: underline;
}

blockquote
{
	margin:					1em 0px;
	padding:				1em;
	line-height:			1.4em;
	background-color:		#EEE;
	font-style:				italic;
}

cite
{
	font-style: normal;
}

.formRequired 
{
	font-weight: bold;
}

#featured_news
{
	position: absolute;
	overflow:	hidden;
	top: 390px;
	left: 685px;
	width: 105px;
	margin: 0em 0em 1.7em 0px;
	padding: 0px;
	background-color: #D9E0F0;
}

#featured_news_text
{
	padding: 5px 5px 5px 5px;
	width: 90px;
	line-height: 1.5em;
	font-family: helvetica, arial,sans serif;
	font-size: 8pt;
	color: black;
}

.newslist
{
	margin: 0em 0em 1.7em 0px;
	padding: 5px 0 0 0;
}

.newslist p
{
	margin-bottom: 1.5em;
}

.newslist h5
{
	color: #E19301;
}
/*
#featured_news
{
	position: 				absolute;
	top: 					206px;
	left: 					0px;
	width: 					153px;
	margin: 				0em 0em 1.7em 0px;
	padding: 				17px 5px 5px 5px;
	line-height: 			1.5em;
	font-family: 			verdana, arial, sans serif;
	font-size: 				8pt;
	color: 					black;
	background-color: 		#D9E0F0;
}

*/
/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning ( image only )
/*-------------------------------------------------------------------------------------------------------*/
img.right
{
	float: 					right;
	margin: 				10px 0px 20px 20px;
}

img.left
{
	float:					left;
	margin:					0px 20px 20px 0px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning with caption block
/*-------------------------------------------------------------------------------------------------------*/
.caption-left,.caption-right
{
	padding:				0px 0px;

	line-height:			1.3em;
	font-family:			verdana,arial,sans serif;
	font-size:				0.65em;
}

.caption-left
{
	float:					left;
	margin:					0px 20px 20px 0px;
}

.caption-right
{
	float:					right;
	margin:					0px 0px 20px 20px;
}

.caption
{
	padding:				5px 0px;
	border-bottom:			1px solid #999;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Table data
/*-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:					1px solid rgb(204,204,204);
}

table.data th
{
	background-color:		rgb(204,204,204);
	text-align:				left;
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:				0.72em;
	color:					black;
}

table.data td
{
	background-color:		white;
	padding:				0.25em 0.5em;
	border-bottom:			1px solid rgb(204,204,204);
	text-align:				left;
	font-family:			verdana,arial,sans serif;
	font-size:				0.65em;
	color:					black;
}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*
/*	MENUS & NAVIGATION
/*
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Container blocks for nav sets
/*-------------------------------------------------------------------------------------------------------*/
/*	NOTE:  Do not user border-top property because IE and Opera will not position DHTML menus correctly
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
	/*	Do not modify		----------------------------*/
	clear:					both;
	border-top:				0px!important; 
	
	/*	Customizeable		----------------------------*/
	position: absolute;
	top: 128px;
	left: 164px;
}


/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Bread crumb
/*-------------------------------------------------------------------------------------------------------*/
#breadcrumb
{
	clear:					both;
	display:				block;
	width:					auto;
	height:					26px;
	line-height:			26px;
	padding:				0em 1.0em;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:				11px;
}

#breadcrumb a
{
	text-decoration:		none;
}

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

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

/*-------------------------------------------------------------------------------------------------------*/
/*	DHTML menu styles
/*-------------------------------------------------------------------------------------------------------*/
ul.menublock,ul.submenublock
{
	/*	Do not modify		----------------------------*/
	position: 				absolute;
	display:				none;
	z-index: 				200;
	visibility:				hidden;
	margin: 				0px;
	padding: 				0px;
	list-style-type: none;
	/*	Customizeable options	--------------------*/
	width: 					140px;
	border-bottom: 			none;
	background-color: 		rgb(222, 225, 237);
}

/*	Do not modify	*/
ul.menublock li, ul.submenublock li
{
	display:				inline;
	width:					140px;
}

ul.menublock a,ul.submenublock a
{
	display:				block;
	width:					140px;
	height:					21px;
	border-bottom:			1px solid rgb(18, 41, 92);
	padding:				0px 8px;
	line-height:			21px;
	white-space:			nowrap;
	font-family:			verdana,arial,sans serif;
	font-size:				10px;
	text-decoration:		none;
	color:					rgb(18, 41, 92);
	background-color: 		rgb(222, 225, 237);

}

.menublock a:hover,.submenublock a:hover
{
	background-color: rgb(18, 41, 92);
	color: #FF9F00;
	text-decoration: none;
}

/*	Makes arrow indicator for links with submenu	*/
a.showsub,a.showsub:hover
{
	background-image:		url( /images/arrow0.gif );
	background-position:	center right;
	background-repeat:		no-repeat;
}

/*	Change color on mouseover	*/
a.showsub:hover
{
	background-image:		url( /images/arrow1.gif );
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed
/*********************************************************************************************************/

/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles
/*-------------------------------------------------------------------------------------------------------*/
ul#sidenav,
ul#sidenav ul.sub
{
	margin:					0px;
	padding:				0px;
	list-style-type:		none;
	text-align:				right;
}

ul#sidenav li,
ul#sidenav ul.sub li
{
	padding-bottom: .7em;
}
a.sidenav-top
{
	display:				block;
	padding:				0.7em 0em;
	margin-bottom:			0.4em;
	border-bottom:			1px solid rgb(204,204,204);
	font-family:			verdana,arial,sans serif;
	font-weight:			bold;
	font-size:				0.68em;
	text-decoration:		none;
	color:					rgb(153,51,51);
}

ul#sidenav a
{
	line-height: 			1.5em;
	font-family: 			verdana,arial,sans serif;
	font-size:				0.7em;
	text-decoration: 		none;
	color: 					#FDA500;
	padding-left: 			16px;
	border:					1px solid white;
}

ul#sidenav ul.sub a
{
	margin-left:			1.0em!important;
}

ul#sidenav a.active
{
	background-image: 		url(/images/arrows.gif);
	background-repeat: 		no-repeat;
}

ul#sidenav a.active:hover
{
	color: 					#FDA500;
}

ul#sidenav a:hover
{
	color: #6D8DC5;
}












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

div#webinars, 
div#freetrial
{
	margin: 0px;
	background-image: url(/images/webinar_bottom.gif);
	background-repeat: no-repeat;
	width: 111px;
	padding: 6px;
	font-family: helvetica, arial,sans serif;
	line-height: 1.5em;
	font-size: 8pt;
	color: black;
	background-position: left bottom;
}
div#freetrial a, 
div#freetrial a:hover 
{
	font-size: 8pt;
}

div#webinars2, 
div#freetrial2
{
	background-image: url(/images/webinars_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 		20px 0 0 12px;
	width: 			123px;
	padding: 		0px;
	background-color: #D9E0F0;
}

div#webinartitle, 
div#freetrialtitle
{
	padding: 6px 0px 2px 7px;
	width: 81px;
	font-family: helvetica, arial,sans serif;
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
}