/**

*

* revision: 

*	06/22/2008, eric, solved the layout (top area of the web page) issues in firefox. 

*			the problem was primarily caused by incorrect 'float' and 'clear' settings. 

*

*/

body 

{ 

	font-size: 12px; 

	margin-top:0px; 

}



form 

{ 

	display: inline; 

}



input 

{ 

	display: inline; 

	vertical-align: bottom; 

}



.clear 

{ 

	clear: both; 

}



#body_warp_table 

{

	margin:0px auto; 

	width: 1000px;

	background-color: #ffffff;

}



/**

* logo

*/

#hp_logo 

{

	margin:10px 0px 0px 10px; 

	float: left;

}



/**

* secondary navigation. 

*/

#hp_header_bar 

{

	clear:both;

	padding:0px;

	margin:0px;

	text-align:right; 

}



#hp_header_bar ul 

{

	display: inline; 

	overflow: hidden; 

	list-style-type: none; 

	margin:0px;

	padding:0px; 

}



#hp_header_bar ul li 

{

	display: inline; 

}



#hp_header_bar ul li a 

{

	margin:0px 2px; 

	color: #666666; 

	text-decoration: none; 

}



#hp_header_bar ul li a:hover 

{

	color: #0099ff; 

}



/**

* search form besides secondary navigation. 

*/

#hp_header 

{

	margin-top:30px;

	float:right;

}



#hp_header table

{

	border-collapse:collapse;

	border-width:0px;

}



#hp_header ul

{

	list-style-type: none;

	padding:0px; 

	margin:0px; 

}



#hp_header ul li

{

	display: inline; 

	color: #666666; 

	margin:0px 1px; 

}



#hp_header ul li a

{

	color: #666666; 

	text-decoration: none; 

}



#hp_header ul li a:hover 

{

	color: #0099ff; 

}



#hp_header input.text 

{

	border:solid 0px;

	background-color: #cccccc; 

}



/**

* master navigation bar. 

*/

#hp_menu 

{

	display: block; 

	width: 1000px; 

	clear:both; 

	font-size: 12px; 

	background-image: url(hp_menu_d1_bg.gif); 

	line-height: normal; 

	height:52px;

}



#hp_menu ul 

{

	padding:10px 10px 0px 50px; 

	margin:0px;

	list-style-type: none; 

}



#hp_menu span.divider 

{

	background-position: 0px 3px; 

	display: block; 

	background-image: url(hp_menu_d1_divider.gif); 

	margin-left: 1px; 

	float:left;

	width: 3px; 

	margin-right: 1px; 

	background-repeat: no-repeat; 

	height: 20px; 

}



#hp_menu ul li 

{

	display: inline; 

	margin:0px 4px;

}



#hp_menu a

{

	padding-right: 0px; 

	background: url(hp_menu_d1_left.gif) no-repeat left top; 

	padding-bottom: 0px; 

	margin: 0px; 

	padding-top: 0px; 

	text-decoration: none; 

}



#hp_menu a span

{

	padding-right: 10px; 

	display: block; 

	padding-left: 6px; 

	background: url(hp_menu_d1_right.gif) no-repeat right top; 

	float: left; 

	padding-bottom: 8px; 

	color: #333333; 

	padding-top: 7px; 

	height: 14px; 

}



#hp_menu a.d0_style_1 

{

	background: url(hp_menu_d1_left_s1.gif) no-repeat left top; 

}



#hp_menu a.d0_style_2 

{

	background: url(hp_menu_d1_left_s2.gif) no-repeat left top; 

}



#hp_menu a.d0_style_3 

{

	background: url(hp_menu_d1_left_s3.gif) no-repeat left top; 

}



#hp_menu a.d0_style_4 

{

	background: url(hp_menu_d1_left_s4.gif) no-repeat left top; 

}



#hp_menu a.d0_style_5 

{

	background: url(hp_menu_d1_left_s5.gif) no-repeat left top; 

}



#hp_menu A.d0_style_1 span 

{

	background: url(hp_menu_d1_right_s1.gif) no-repeat right top;

}



#hp_menu A.d0_style_2 span 

{

	background: url(hp_menu_d1_right_s2.gif) no-repeat right top; 

}



#hp_menu A.d0_style_3 span 

{

	background: url(hp_menu_d1_right_s3.gif) no-repeat right top; 

}



#hp_menu A.d0_style_4 span 

{

	background: url(hp_menu_d1_right_s4.gif) no-repeat right top; 

}



#hp_menu A.d0_style_5 span 

{

	background: url(hp_menu_d1_right_s5.gif) no-repeat right top; 

}



#hp_menu em a 

{

	background: url(hp_menu_d1_left_em.gif) no-repeat left top; 

	font-style:normal;

}



#hp_menu em a.d0_style_1 

{

	background: url(hp_menu_d1_left_em.gif) no-repeat left top; 

}



#hp_menu em a.d0_style_2 

{

	background: url(hp_menu_d1_left_em.gif) no-repeat left top; 

}



#hp_menu em a.d0_style_3 

{

	background: url(hp_menu_d1_left_em.gif) no-repeat left top; 

}



#hp_menu em a.d0_style_4 

{

	background: url(hp_menu_d1_left_em.gif) no-repeat left top; 

}

#hp_menu em a.d0_style_5 

{

	background: url(hp_menu_d1_left_em.gif) no-repeat left top; 

}



#hp_menu em a span 

{

	background-position: right top; 

	background-image: url(hp_menu_d1_right_em.gif); 

	color: #333333; 

	background-repeat: no-repeat; 

}



#hp_menu em a.d0_style_1 span 

{

	background-image: url(hp_menu_d1_right_em.gif); 

}



#hp_menu em a.d0_style_2 span 

{

	background-image: url(hp_menu_d1_right_em.gif); 

}



#hp_menu em a.d0_style_3 span 

{

	background-image: url(hp_menu_d1_right_em.gif); 

}



#hp_menu em a.d0_style_4 span 

{

	background-image: url(hp_menu_d1_right_em.gif); 

}



#hp_menu em a.d0_style_5 span 

{

	background-image: url(hp_menu_d1_right_em.gif); 

}



#hp_menu a:hover 

{

	background-position: 0% -42px; 

}



#hp_menu a:hover span 

{

	background-position: 100% -42px; 

	color: #ffffff;

}



#hp_menu em a:hover span 

{

	color: #000000; 

}



#hp_menu .cima_global_link a 

{

	padding-right: 10px; 

	float: right; 

	height: 30px; 

}



/**

* others, leave unchanged. 

*/

#hp_body_warp {

	CLEAR: both; PADDING-TOP: 20px

}

#hp_body_right {

	DISPLAY: inline-block; FLOAT: right; WIDTH: 230px

}

#hp_br_news {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 210px

}

#hp_br_news UL {

	LIST-STYLE-TYPE: none

}

#hp_br_news UL LI {

	DISPLAY: inline

}

#hp_br_news UL LI A {

	BACKGROUND-POSITION: 8px 0px; MARGIN-TOP: 5px; DISPLAY: block; PADDING-LEFT: 16px; BACKGROUND-IMAGE: url(bt_arrow_blue.gif); MARGIN-BOTTOM: 5px; OVERFLOW: hidden; COLOR: #0099cc; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px; TEXT-DECORATION: none

}

#hp_br_news UL LI A:hover {

	TEXT-DECORATION: underline

}

#hp_br_news UL LI.title {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

#hp_br_events {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 210px; PADDING-TOP: 5px

}

#hp_br_events UL {

	LIST-STYLE-TYPE: none

}

#hp_br_events UL LI {

	DISPLAY: block; WIDTH: 210px

}

#hp_br_events UL LI A.event_link {

	COLOR: #0099cc; TEXT-DECORATION: none

}

#hp_br_events UL LI A.event_link:hover {

	TEXT-DECORATION: underline

}

#hp_br_events UL LI SPAN.date {

	COLOR: #000066

}

#hp_br_events UL LI.title {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

#hp_br_survey {

	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; WIDTH: 210px; PADDING-TOP: 5px

}

#hp_br_survey DIV.title {

	FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px

}

#hp_br_survey UL {

	DISPLAY: inline; LIST-STYLE-TYPE: none

}

#hp_br_survey UL LI {

	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 200px; PADDING-TOP: 5px; HEIGHT: 12px

}

#hp_br_survey UL LI INPUT.radio {

	

}

#hp_body_left {

	DISPLAY: inline-block; PADDING-LEFT: 2px; MARGIN-RIGHT: 230px

}

#hp_bl_pic {

	BORDER-RIGHT: #cccccc 2px solid; BORDER-TOP: #cccccc 2px solid; BORDER-LEFT: #cccccc 2px solid; WIDTH: 750px; BORDER-BOTTOM: #cccccc 2px solid; HEIGHT: 300px

}

#hp_bl_pic DIV.left {

	DISPLAY: block; FLOAT: left; WIDTH: 500px; HEIGHT: 300px

}

#hp_bl_pic DIV.right {

	DISPLAY: block; FLOAT: left; WIDTH: 250px; HEIGHT: 300px

}

#hp_bl_qlink {

	PADDING-LEFT: 20px; PADDING-TOP: 30px

}

#hp_bl_qlink UL {

	DISPLAY: block; FLOAT: left; WIDTH: 180px; LIST-STYLE-TYPE: none

}

#hp_bl_qlink UL LI {

	BACKGROUND-POSITION: 5px 4px; DISPLAY: block; PADDING-LEFT: 13px; BACKGROUND-IMAGE: url(bt_arrow_blue.gif); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-REPEAT: no-repeat

}

#hp_bl_qlink UL LI.title {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

#hp_bl_qlink UL LI A {

	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #0099cc; TEXT-DECORATION: none

}

#hp_bl_qlink UL LI A:hover {

	TEXT-DECORATION: underline

}

.blue a:hover {

	background-color: #0090AE;

	color: #FFFFFF;

	text-decoration: none;

}

.red a:hover {

	background-color: #C7456B;

	color: #FFFFFF;

	text-decoration: none;

}

.orange a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #D4884A;

}

.purple a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #99558E;

}

.green a:hover {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #9BAB49;

}