/*----------------------------
DOCUMENT NOTES
In most cases, all ID (#) tags which were used to specify multiple elements on a page were
replaced with Class (.) tags. This allows ID elements to be used to specify an individual
element on the page that is not recurring.
----------------------------*/



/*----------------------------
DOCUMENT ELEMENTS
----------------------------*/

	body
	{
		background-color: #737373;
		margin: 0px;
		width: 100%;
		text-align: center;
		background-image: url(images/site_background.jpg);
		background-repeat: repeat-y;
		background-position: center top;
		background-attachment: scroll;
	}
	
	body,
	a,
	table {
		font-family: Lucida Grande,Lucida Sans Unicode,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
		font-size: 12px;
		line-height: 14px;
	}
	
	a
	{
		outline:none;
	}
	
	img {
		border: none;
	}
	
	.nobr
	{
		white-space:nowrap;
	}
	

/*----------------------------
MAJOR CONSTRUCTORS
----------------------------*/

	#content {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		z-index: 0;
	}
	
	
	#header
	{
		position: relative;
		width: 980px;
		height: 110px;
		background-image: url(images/site_header_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		margin-bottom: 10px;
		z-index: 20;
	}
	
	
	#logo
	{
		position: absolute;
		left: 22px;
		top: 13px;
	}


/*----------------------------
MAIN NAVIGATION
----------------------------*/

	#nav_utilities
	{
		position: absolute;
		text-align: right;
		width: 600px;
		right: 15px;
		top: 15px;
		color: #CCCCCC;
		line-height: 18px;
	}
	
	#fb_icon
	{
		margin: 0px 6px;
	}
	
	#nav_links
	{
		position: absolute;
		right: 25px;
		bottom: 20px;
		color: #CCCCCC;
	}





/*----------------------------
MAIN DROP MENU
----------------------------*/

body /* IE fix */
{
	_behavior: url(csshover3.htc);
}

#drop_menu
{
	z-index: 20;
	position: relative;
	display: inline;
	width: 300px
	overflow: visible;
	text-align: left;
}

#drop_menu ul
{
	position: relative;
	display: inline;
	z-index: 25;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 192px;
}

#drop_menu ul ul
{
	position: absolute;
	display: block;
	z-index: 30;
	background-image: url(images/site_main_drop_bg.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-top: 10px;
}



#drop_menu li {
	position: relative;	
	display: block;
	height: 30px;
}

/* NOTE ul ul ul li.first_level_end set dynamically in header file */

div#drop_menu ul li.first_level
{
	display: inline;
}

div#drop_menu ul li.first_level:hover
{
	_height: 500px;
}

#drop_menu ul ul li.second_level_end
{
	background-image: url(images/site_main_drop_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 192px;
	height: 10px;
	position: absolute;
}




#drop_menu a
{
	height: 22px; /*subtract ul ul a padding */
	margin: 0px 5px;
	padding: 0px;
	border: none;
	text-decoration: none;
	color: #838383;
}

#drop_menu a:hover
{
	color: #822530;
}

#drop_menu a#active
{
	color: #000000;
}

#drop_menu ul ul a
{
	display: block;
	padding: 8px 10px 0px 10px;
}

#drop_menu ul ul a:hover
{
	background-color: #e7e7e7;
}




div#drop_menu ul ul
{
	display: none;
}

div#drop_menu ul li:hover ul
{
	display: block;
}








/*----------------------------
SEARCH BOX
----------------------------*/

#search_form
{
	position: absolute;
	display: inline;
	left: 220px;
	width: 240px;
	height: 20px;
	background-image: url(images/search_box.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#search_box
{
	width: 240px;
	height: 20px;
	display: inline;
}

#search_input
{
	position: absolute;
	border: none;
	background-color: none;
	width: 170px;
	height: 16px;
	top: 1px;
	left: 3px;
}

#search_button
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 20px;
	background: none;
	border: none;
	background-image: url(images/search_text.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#search_button:hover
{
	background-image: url(images/search_text_roll.gif);
	background-repeat: no-repeat;
	background-position: left top;
}



/*----------------------------
SUB-NAVIGATION
----------------------------*/

	#subnav {
		width: 980px;
		position: relative;
		padding: 3px;
		z-index: 15;
		overflow: visible;
	}
	
	#form_subnav
	{
		margin: 0px;
		z-index: 3;
		display: inline;
		bottom: 0px;
	}
	
	#subnav_title, #subnav_title a {
		
		display: inline;
		font-size: 24px;
		line-height: 28px;
		text-decoration: none;
		color: #000;
	}
	
	
	#subnav_title {
		
		margin: 0px 5px 0px 20px;
		bottom: 0px;
		
	}
	
	#subnav_title a:hover {
		
		color: #565656;
	}
	
	.subnav_links
	{
		z-index: 80;
		display: inline;
		position: absolute;
		text-align: left;
		margin-left: 10px;
		color: #CCCCCC;
		line-height: 18px;
		bottom: 8px;
	}
	
	#subnav_links_prod
	{
		margin-left: 175px;
	}
	
	.subnav_links a
	{
		text-decoration: none;
		color: #888888;
		padding: 0px 8px;
	}
	
	
	.subnav_links #sub_active
	{
		color: #000000;
	}
	
	
	.subnav_links a:hover
	{
		color: #822530;
		text-decoration: underline;
	}
	
	#subnav select,
	#subnav optgroup,
	#subnav option
	{
		font-family: Lucida Grande,Lucida Sans Unicode,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
		font-size: 11px;
		line-height: 12px;
		padding: 2px;
	}
	
	#subnav option
	{
		color: #666;
		padding: 0px 6px;
	
	}
	
	#subnav option.primary
	{
		color: #000;
		padding-left: 20px;
	
	}
	
	#subnav option.title
	{
		font-weight: bold;
		font-size: 12px;
		color: #000;
	
	}
	
	#subnav option.note
	{
		font-style: italic;
	
	}
	
	#subnav .drop_divider
	{
		color: #ccc;
	}
	

/*----------------------------
TOP FEATURE HEADERS
Typicall used on product pages (e.g. Agility)
----------------------------*/

	#feature_header
	{
		width: 980px;
		position: relative;
		float: none;
		clear: both;
	}
	
	
	#new_header, .new_header
	{
		width: 100px;
		height: 100px;
		background-image: url(images/site_new_header.png);
		background-repeat: no-repeat;
		background-position: right top;
		z-index: 10;
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	
	#flashcontent,
	#feature_content
	{
		position: relative;
		z-index: 5;
		width: 980px;
		height: 370px;
	}
	
	#home_flashcontent
	{
		position: relative;
		z-index: 5;
		width: 980px;
		height: 540px;
	}
	


/*----------------------------
CONTENT HOLDERS
Used throughout the site
----------------------------*/

	.feature_top
	{
		width: 980px;
		height: 12px !important;
		position: relative;
		background-image: url(images/site_content_bg-top.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: none;
		clear: both;
		z-index: 0;
		padding: 0px;
		font-size: 1px;
		line-height: 1px;
	}
	
	.feature
	{
		width: 980px;
		position: relative;
		background-image: url(images/site_content_bg-middle.png);
		background-repeat: repeat-y;
		background-position: left top;
		padding: 30px 0px 20px;
		float: none;
		clear: both;
		margin: 0px;
		z-index: 0;
	}
	
	
	.feature_bottom
	{
		width: 980px;
		height: 11px !important;
		position: relative;
		background-image: url(images/site_content_bg-bottom.png);
		background-repeat: no-repeat;
		background-position: left top;
		float: none;
		clear: both;
		z-index: 0;
		margin-bottom: 0px;
		padding: 0px;
		font-size: 1px;
		line-height: 1px;
	}
	
	.feature_close
	{
		border: none;
		margin: 0px 40px;
		float: none;
		clear: both;
	}
	

/*----------------------------
CONTENT ATTACHED SUBNAV
Used in the typical .feature_top area
----------------------------*/

	#feature_top_subnav
	{
		width: 980px;
		height: 44px;
		position: relative;
		background-image: url(images/site_content_subnav_top_bg.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		float: none;
		clear: both;
		font-size: 10px;
		font-weight: normal;
		color: #999999;
	}
	
	#feature_top_subnav p
	{
		margin: 0px;
		position: absolute;
		left: 37px;
		top: 13px;
	}
	
	#feature_top_subnav a
	{
		font-size: 12px;
		color: #838383;
		text-decoration: none;
		margin: 0px 9px;
	}
	
	#feature_top_subnav a:hover
	{
		color: #822530;
	}
	
	#feature_top_subnav #active
	{
		color: #000000;
	}
	



/*----------------------------
MAIN CONTENT HOLDERS AND LAYOUT
used in most standard site content
----------------------------*/


	.main_section
	{
		margin: 0px 5px;
		float: none;
		clear: both;
	}
	
	.main_2col_left,
	.main_2col_right
	{
		width: 484px;
		margin-bottom: 24px;
	}
	
	.main_2col_left
	{
		float: left;
		clear: left;
	}
	
	.main_2col_right
	{
		float: right;
		clear: right;
	}
	
	.main_2col_left#divided {
		border-right: solid 1px #CCC;
	}
	
	
	.main_section #contrast_section {
		 background-color: #DBDBDB;
		 padding: 18px 0px 9px;
		 margin: 6px 0px 18px;
	}
	
	.main_section #contrast, .main_section .contrast {
		color: #822530;
	}
	
	.main_section #gray, .main_section .gray {
		color: #838383;
	}


/*----------------------------
MAIN CONTENT LINKS
----------------------------*/

/*----------------------------
PDF AND FILE NAV
----------------------------*/

	.main_section a	
	{
		font-weight: bold;
		text-decoration: none;
		font-size: 11px;
		color: #822530;
	}
	
	.main_section a:hover
	{
		text-decoration: underline;
		color: #666;
	}
	
	.main_section a.no_line:hover
	{
		text-decoration: none;
	}
	
	.main_section a#active
	{
		text-decoration: none;
		color: #838383;
	}
	
	a.lg_link
	{
		font-size: 14px;
	}
	
	a.med_link
	{
		font-size: 12px;
	}
	
	a#top_active
	{
	
		color: #822530;
	}


/*----------------------------
MAIN CONTENT TAGS
----------------------------*/

	.main_section sup
	{
		font-size: 50%;
		font-weight: normal;
	}
	
	.main_section strong
	{
		color: #000000;
	}


/*----------------------------
MAIN CONTENT HEADLINES
----------------------------*/

	.main_section h1,
	.main_section h2,
	.main_section h3,
	.main_section h4,
	.main_section h5,
	.main_section h6
	{
		margin: 0px 40px 6px;
		font-family: Lucida Sans Unicode,Lucida Grande,Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
		font-weight: normal;
	}
	
	.main_section h1 a,
	.main_section h2 a,
	.main_section h3 a,
	.main_section h4 a,
	.main_section h5 a,
	.main_section h6 a
	{
		font-weight: normal;
	}
	
	.main_section h6 strong
	{
		font-weight: bold;
	}
	
	.main_section h1,
	.main_section h1 a
	{
		font-size: 36px;
		line-height: 38px;
		color: #000000;
		letter-spacing: -1px;
	}
	
	.main_section h2,
	.main_section h2 a
	{
		font-size: 28px;
		line-height: 31px;
		color: #000000;
		letter-spacing: -1px;
	}
	
	.main_section h3,
	.main_section h3 a
	{
		font-size: 24px;
		line-height: 26px;
		color: #333333;
		letter-spacing: -1px;
		margin-bottom: 12px;
	}
	
	.main_section h4,
	.main_section h4 a
	{
		font-size: 20px;
		line-height: 22px;
		color: #333333;
		letter-spacing: 0px;
		margin-bottom: 12px;
	}
	
	.main_section h5,
	.main_section h5 a
	{
		font-size: 16px;
		line-height: 22px;
		color: #333333;
		letter-spacing: 0px;
		margin-bottom: 12px;
	}
	
	.main_section h6,
	.main_section h6 a
	{
		font-size: 16px;
		line-height: 22px;
		color: #838383;
		margin-bottom: 18px;
	}
	

/*----------------------------
PARAGRAPHS
----------------------------*/

	.main_section p
	{
		margin: 0px 40px 12px;
		color: #565656;
		line-height: 18px;
		float: none;
	}
	
	.main_section p.p_lg
	{
		font-size: 14px;
		line-height: 20px;
	}
	
	.main_section p.p_med
	{
		font-size: 13px;
		line-height: 18px;
	}
	
	.main_section p.p_sm
	{
		font-size: 10px;
		line-height: 13px;
	}


/*----------------------------
LISTS AND LIST ITEMS
----------------------------*/

	.main_section li
	{
		margin: 0px 40px 12px;
		color: #565656;
		line-height: 18px;
		float: none;
	}
	
	.main_section ul,
	.main_section ol
	{
		margin: 24px 40px 0px;
		padding: 0px;
	}
	
	.simple_list li,
	.sub_list li
	{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	ul.sub_list,
	ol.sub_list
	{	
		margin: 0px 0px 12px 0px;
	}
	
	ul.sub_list li,
	ol.sub_list li
	{	
		margin: 0px 0px 0px 15px;
	}


/*----------------------------
INSETS AND BOXES
----------------------------*/

	.main_section .basic_holder
	{
		margin: 0px 40px;
	}
	
	
	.main_section .inset,
	.main_section .inset_w_margin {
		float: left;
		clear: left;
		margin: 5px 6px 5px 0px;
	}
	
	
	.main_section .inset_w_margin {
		margin-right: 16px;
	}
	
	
	.inset_content
	{
		width: 280px;
		display: inline-block;
		font-size: 11px;
		font-style: italic;
		margin: 12px 35px 24px;
		float: right;
	}
	
	.inset_content img
	{
		float: left;
		margin-right: 15px;
	}
	
	.main_section .info_list
	{
		margin: 0px 40px 12px 40px;
		color: #565656;
		line-height: 18px;
		float: none;
		clear: both;
	}
	
	.main_section .info_box {
		width: 400px;
		margin: 9px 3% 20px 1%;
		float: left;
	}
	
	



/*----------------------------
SMALL FEATURE
----------------------------*/

	.small_feature,
	a.small_feature
	{
		width: 300px;
		float: left;
		margin: 0px;
		font-weight: normal;
		font-size: 11px;
		line-height: 13px;
		color: #838383;
	}
	
	a.small_feature:hover,
	a.small_feature:hover .small_feature_div_top strong
	{
		text-decoration: none;
		color: #822530;
	}
	
	.small_feature .small_feature_div_top
	{
		background-image: url(images/site_sm_feat_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding: 14px 14px 16px 12px;
		margin: 0px;
	}
	
	.small_feature .small_feature_div_bottom
	{
		float: none !important;
		clear: both;
		margin: 0px;
		height: 14px;
		background-image: url(images/site_sm_feat_btm.gif);
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 1px;
		line-height: 1px;
		
	}
	
	a.small_feature:hover .small_feature_div_top
	{
		text-decoration: none;
		background-image: url(images/site_sm_feat_roll_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	
	a.small_feature:hover .small_feature_div_bottom
	{
		background-image: url(images/site_sm_feat_roll_btm.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.small_feature img
	{
		float: left;
		margin-right: 9px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.small_feature strong
	{
		font-weight: bold;
		font-size: 13px;
		line-height: 14px;
		color: #333333;
		display: block;
	}
	


/*----------------------------
SMALL FEATURE - HALF
----------------------------*/

	
	.small_feature_half_holder
	{
		margin: 0px;
		margin-left: 35px;
		margin-bottom: 40px;
	}

	.small_feature_half,
	a.small_feature_half
	{
		width: 450px;
		margin: 0px;
		padding: 0px;
	}
	
	.small_feature_half .small_feature_half_top
	{
		width: 450px;
		height: 14px;
		background-image: url(images/site_sm_feat_half_top.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		margin: 0px;
		padding: 0px;
		font-size: 1px;
		line-height: 1px;
	}
	
	.small_feature_half .small_feature_half_mid
	{
		background-image: url(images/site_sm_feat_half_mid.png);
		background-repeat: repeat-y;
		background-position: left top;
		padding: 12px 0px 14px;
		margin: 0px;
	}
	
	.small_feature_half .small_feature_half_bottom
	{
		width: 450px;
		height: 14px;
		background-image: url(images/site_sm_feat_half_btm.png);
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 1px;
		line-height: 1px;
	}




/*----------------------------
SMALL FEATURE - WIDE
----------------------------*/


	.small_feature_wide,
	a.small_feature_wide
	{
		width: 500px;
		margin: 0px;
		z-index: 2;
	}
	
	.small_feature_wide .small_feature_wide_div_top
	{
		background-image: url(images/site_sm_feat_wide_top.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 14px;
		font-size: 1px;
		line-height: 1px;
	}
	
	.small_feature_wide .small_feature_wide_div_mid
	{
		background-image: url(images/site_sm_feat_wide_mid.png);
		background-repeat: reapeat-y;
		background-position: left top;
		padding: 24px 12px;
	}
	
	.small_feature_wide .small_feature_wide_div_bottom
	{
		height: 14px;
		background-image: url(images/site_sm_feat_wide_btm.png);
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 1px;
		line-height: 1px;
	}


/*----------------------------
SMALL FEATURE - FULL WIDTH
----------------------------*/


	.small_feature_full
	{
		width: 900px;
		margin: 0px;
		float: none;
		clear: both;
		margin-left: 35px;
		margin-bottom: 40px;
	}
	
	.small_feature_full .small_feature_full_div_top
	{
		background-image: url(images/site_sm_feat_full_top.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 14px;
		font-size: 1px;
		line-height: 1px;
	}
	
	.small_feature_full .small_feature_full_div_mid
	{
		background-image: url(images/site_sm_feat_full_mid.png);
		background-repeat: repeat-y;
		background-position: left top;
		padding: 24px 0px;
	}
	
	.small_feature_full .small_feature_full_div_bottom
	{
		height: 14px;
		background-image: url(images/site_sm_feat_full_btm.png);
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 1px;
		line-height: 1px;
	}
	
	.small_feature_full .main_2col_left
	{
		width: 444px;
	}
	
	.small_feature_full .main_2col_right
	{
		width: 444px;
	}
	
	

/*----------------------------
IMAGES
----------------------------*/

	.image_left_flush,
	.image_left {
		float: left;
		clear: left;
		
		margin-right: 45px;
		margin-bottom: 20px;
	}
	
	.image_left {
		margin-left: 35px;
	}
	
	.main_2col_left .image_left,
	.main_2col_right .image_left {
		padding-left: 5px;
		margin-right: 20px;
	}
	
	.image_right_flush,
	.image_right {
		float: right;
		clear: right;
		margin-left: 45px;
		margin-bottom: 20px;
	}
	
	.image_right
	{
		margin-right: 35px;
	}
	
	.image_bottom_flush
	{
		position: absolute;
		margin: 0px;
		z-index: 2;
		bottom: 5px;
		left: 10px;
		float: none;
		clear: both;
	}
	
	.image_bottom_flush_right
	{
		position: absolute;
		margin: 0px;
		z-index: 2;
		bottom: 5px;
		right: 10px;
		float: none;
		clear: both;
	}
	
	.image_top_right_flush
	{
		position: absolute;
		margin: 0px;
		z-index: 2;
		top: 6px;
		right: 5px;
		float: none;
		clear: both;
	}
	
	.image_top_left_flush
	{
		position: absolute;
		margin: 0px;
		z-index: 0;
		top: 6px;
		left: 5px;
		float: none;
		clear: both;
	}
	
	.image_top_right_flush_subnav
	{
		position: absolute;
		margin: 0px;
		z-index: 2;
		top: -7px;
		right: 5px;
		float: none;
		clear: both;
	}
	
	img.pdf_icon
	{
		vertical-align: baseline;
		margin-bottom: -2px;
	}
	
	img.image_icon
	{
		float: left;
		margin-left: 35px;
		margin-right: 10px;
	}
	

/*----------------------------
DIVIDERS AND BREAKS
----------------------------*/


	.divider
	{
		border: none;
		height: 1px;
		border-bottom: solid 1px #D9D9D9;
		margin: 35px 40px;
		float: none;
		clear: both;
	}
	
	.spacer1
	{
		height: 80px;
	}
	
	.spacer2
	{
		height: 50px;
	}
	
	.spacer3
	{
		height: 30px;
	}
	
	.spacer1,
	.spacer2,
	.spacer3
	{
		margin: 0px;
		float: none;
		clear: both;
	}
	
	.float_break
	{
		float: none;
		clear: both;
	}


/*----------------------------
PAGE FOOTER
----------------------------*/


	#footer, #footer a
	{
		font-size: 10px;
	}
	
	#footer
	{
		color: #999999;
		margin: 12px 5px 12px 20px;
	}
	
	.footer_column {
		float: left;
		width: 164px;
	}
	
	#footer_gh_column {
		float: left;
	}
	
	#footer .footer_section
	{
		margin: 0px 0px 6px 0px;
	}
	
	#footer .footer_section a
	{
		font-weight: bold;
		color: #797979;
		text-decoration: none;
	}
	
	#footer .footer_subsection
	{
		margin: 0px;
		font-weight: normal;
		color: #999999;
	}
	
	#footer .footer_subsection a
	{
		font-weight: normal;
		color: #999999;
		text-decoration: none;
	}
	
	#footer .footer_section a:hover,
	#footer .footer_subsection a:hover
	{
		color: #822530;
		text-decoration: underline;
	}



/*----------------------------
AD FEATURES
----------------------------*/


	.ad_row_holder {
		width: 981px;
		height: 198px;
		position: relative;
		clear: both;
		float: none;
		margin-top: 0px;
	}
	
	.ad_row_holder .ad_item
	{
		position: relative;
		width: 326px;
		height: 198px;
		margin: 0px 1px 0px 0px;
		float: left;
	}
	
	.ad_row_holder .ad_item a
	{
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 6;
		width: 326px;
		height: 198px;
	}
	
	.ad_row_holder .ad_item a:hover
	{
		background-image: url(images/ad_rollover.png);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.ad_row_holder img {
		position: absolute;
	}





/*----------------------------
CALENDAR
----------------------------*/

.calendar p
{
	margin-bottom: 24px;
}



/*----------------------------
PDF AND FILE NAV
----------------------------*/
	
	.social_nav
	{
		color: #666;
		padding: 4px 20px;
		font-weight: normal;
		font-size: 11px;
		text-align: right;
	
	}
	
	.social_nav strong
	{
		color: #444;
	
	}
	
	.social_nav a	
	{
		font-weight: normal;
		text-decoration: none;
		font-size: 11px;
		color: #333;
	}
	
	.social_nav a:hover
	{
		color: #822530;
		text-decoration: underline;
	}
	
	.social_nav img
	{
		vertical-align: text-bottom;
	}