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

############### COMMON ELEMENT STYLES ##############

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

body { margin:auto; padding:0px; background: url('/gfx/bg_grad.gif') repeat-x top; }

body,html,div { font-family: Verdana, Arial; font-size:11px; }



h1{ font-size: 17px; margin: 10px 0px 10px 15px; color: #1177AA; }

h2{ font-size: 18px; text-align: center; }

h3{ font-size: 16px; }

h4{ font-size: 14px; }

h5{ font-size: 12px; }



a:link, a:visited, a:active { }

a:hover { }



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

################## M E N U  ####################

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





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

##  SINGLE USE STYLES  - DESIGN RELATED (clear for new design!) ##

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



#l_mainmenu { padding: 0px; margin: 5px 0px 0px 0px; width: 970px; background: none; }

/*#l_mainmenu ul { float: left; list-style: none; background: none; padding-left: 0px; padding-right: 0px; width: 880px; margin: 0px;}

#l_mainmenu li { height: 22px; width: 109px; list-style: none;  float: left; padding-left: 1px; padding-right: 0px; margin:0px;}



#l_mainmenu li.main_menu_item a { margin-top: 0px; height: 18px; width: 109px; display: block; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 11px; background: url('/gfx/menu_buton.gif') no-repeat bottom;  padding: 4px 0px 0px 0px; text-align: center;}

#l_mainmenu li.main_menu_item a:hover { margin-top: 0px; height: 18px; width: 109px; display: block; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 11px; background: url('/gfx/menu_buton_on.gif') no-repeat bottom;  padding: 4px 0px 0px 0px; text-align: center;}





#l_mainmenu li.main_menu_item_on a { margin-top: 0px; height: 18px; width: 109px; display: block; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 11px; background: url('/gfx/menu_buton.gif') no-repeat bottom;  padding: 4px 0px 0px 0px; text-align: center;}

#l_mainmenu li.main_menu_item_on a:hover { margin-top: 0px; height: 18px; width: 109px; display: block; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 11px; background: url('/gfx/menu_buton_on.gif') no-repeat bottom;  padding: 4px 0px 0px 0px; text-align: center;}

*/

#feedbackClass{  float: left; width: 186px;  margin: 15px 0px 15px 0px; text-align: center;}

#feedbackForm{ padding: 0px 41px 0px 41px; }





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

############### BREADCRUMBS ##############

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

.breadcrumbs { border-bottom:1px solid #AABBCC; color:#444444; font-size:11px; font-weight:normal; line-height: 16px; margin-bottom:5px; padding:5px 0 3px; }

.breadcrumbs a { text-decoration: none; font-weight:bold; color: #666;}

.breadcrumbs a:hover { text-decoration: underline; color: #000;}

.breadcrumbs strong a { color: #222;}





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

############### LAYOUT HOLDING DIVS ##############

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

/* holds whole page (main div)*/

#l_holder_home	{ margin:auto; width: 1000px; background: none;}



/* divide whole site to 3 vertical columns*/

#l_holderleft	{ float:left; }

#l_holderinside	{ float:left; width: 970px; background: url('/gfx/holderinside_bg.gif') repeat-y; padding: 0px 15px 15px 15px;}

#l_holderright	{ float:left; }



/* holds everything between betwen header and footer */

#l_maincontent { float: left; width: 970px; padding-top: 10px; background: url('/gfx/maincontent_bg.gif') repeat-x top;}



/* divide MAIN CONTENT to 3 vertical columns */

#l_col1	{ float:left; width: 186px; }

#l_col2	{ float:left; width: 580px; padding: 0px 9px 0px 9px; }

#l_col2_subscription{ float: left; width: 776px; padding: 0px 0px 0px 8px; }

#l_col2_newsletter{ float: left; width: 860px; padding: 0px 10px 0px 10px; }

#l_col3	{ float:left; width: 186px; }



/* page template / page title holder */

#page_template { }

#page_title { }



/*gradient for some dives*/

#l_grad { float: left; width: 184px; padding: 0px; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; margin-bottom: 10px; padding-bottom: 5px;}

#l_grad_big { float: left; width: 578px; padding: 0; border-left: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; margin-bottom: 10px; padding-bottom: 10px;}

#l_grad_top{ float: left; width: 186px; height:10px; background: url('/gfx/grad_top.gif') no-repeat bottom;}

#l_grad_top_big{ float: left; width: 580px; height:10px; background: url('/gfx/grad_top_big.gif') no-repeat bottom;}
#l_grad_top_normal{ float: left; width: 490px; height:10px; background: url('/gfx/grad_top_normal.gif') no-repeat top;}
#l_grad_top_menu{ margin-top: 5px; padding-top: 12px; float: left; width: 186px; height:28px; background: url('/gfx/grad_top_menu.gif') no-repeat top;  font-size: 12px; color: #0063a5; font-weight:bold; text-decoration: none; text-align: center;}

#l_grad_top_menu a{font-size: 12px; color: #0063a5; font-weight:bold; text-decoration: none; text-align: center;}

#l_grad_top_menu a:hover{text-decoration: underline;}

#l_grad_bottom{ display: none;}

#l_grad_bottom_big{ display: none; }

#l_grad_middle{ float: left; padding: 0px; margin: 0px;  width: 184px; background: url('/gfx/grad_middle.gif') repeat-x; }

#l_grad_middle_big{  float: left; width: 100%; background: url('/gfx/grad_middle.gif') repeat-x; }

#newsletterArchiveForm  #l_grad { float: left; width: 186px; padding: 0px 1px 0px 1px; background: url('/gfx/edges_grad.gif') repeat-y; }
#newsletterArchiveForm  #l_grad_big { float: left; width: 490px; padding: 0px 1px 0px 1px; background: url('/gfx/edges_grad_big.gif') repeat-y; border: none}
#newsletterArchiveForm  #l_grad_top{ float: left; width: 186px; height:10px; background: url('/gfx/grad_top.gif') no-repeat bottom;}
#newsletterArchiveForm  #l_grad_top_big{ float: left; width: 490px; height:10px; background: url('/gfx/grad_top_big.gif') no-repeat bottom;}
#newsletterArchiveForm  #l_grad_top_normal{ float: left; width: 490px; height:10px; background: url('/gfx/grad_top_normal.gif') no-repeat bottom;}
#newsletterArchiveForm  #l_grad_top_menu{ margin-top: 5px; padding-top: 12px; float: left; width: 186px; height:28px; background: url('/gfx/grad_top_menu.gif') no-repeat top;  font-size: 12px; color: #0063a5; font-weight:bold; text-decoration: none; text-align: center;}
#newsletterArchiveForm  #l_grad_bottom{ float: left;  width: 186px; height:10px; background: url('/gfx/grad_bottom.gif') no-repeat top; margin-bottom: 10px;}
#newsletterArchiveForm  #l_grad_bottom_big{ float: left;  width: 490px; height:7px; background: url('/gfx/grad_bottom_big.gif') no-repeat bottom; margin-bottom: 10px; display: block; margin-top: -10px }
#newsletterArchiveForm  #l_grad_middle{ float: left; padding: 0px; margin: 0px;  width: 184px; background: url('/gfx/grad_middle.gif') repeat-x; }
#newsletterArchiveForm  #l_grad_middle_big{  float: left; width: 488px; background: url('/gfx/grad_middle.gif') repeat-x; margin: 0}

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

###################### HEADER & FOOTER DIVS ######################

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

/* holds  header */

#l_header{ height: 120px; width: 970px; background: none; }

#l_header_a{ background: url('/gfx/coral_logo.gif') no-repeat; background-position: center; width: 290px; height: 120px; float: left;}

#l_header_b{ width: 680px; height: 120px; float: left; }

#l_header_b_top{ font-size: 12px; width: 100%; height: 32px; float: left;  color: #2f6daa;  font-weight: bold;  padding: 0px; background: url('/gfx/header_b_top_bg.gif') no-repeat top right;}

#l_header_b_top a{ color: #2f6daa; font-size: 12px; text-decoration: none;  font-weight: bold; }

#l_header_b_top a:hover{ color: #2f6daa; font-size: 12px;text-decoration: underline; }

#l_header_b_bottom{ width: 100%; height: 88px; float: left; }



#l_header_b_top_links{ width: 320px; height: 32px; float: left; padding: 10px 0px 0px 40px;}

#l_header_b_top_quick_find{ float: left; width: 320px;height: 32px; }



#searchForm{ float: left; width: 320px; height: 32px;padding-top: 5px;}

#searchText{ float: left;  width: 60px; height: 32px;padding-top: 2px; font-size: 11px; font-weight:bold; color: #fff;}

#searchInput{ float: left; width: 170px; height: 32px; }

#searchInput input{ height: 12px;  width: 155px; font-size: 1.0em; }

#searchButton{  float: left; width: 30px; height: 32px; background: url('/gfx/button_go.gif')  no-repeat top; padding: 1px 0px 0px 15px; margin: 1px 0px 0px 0px; color: #fff; }



/* holds  footer */

#l_footer { padding: 5px 20px 5px 20px; background: url('/gfx/footer_bg.gif') no-repeat top;}



/* left footer */

.foot_left { float: left;padding-bottom: 10px;}

.foot_left a { color: #565459; font-size: 10px; text-decoration: none; font-weight: bold; }

.foot_left a:hover{ color: #000; font-size: 10px; text-decoration: underline;}



/* right footer */

.foot_right { float: right;padding-bottom: 10px;}

.foot_right a { color: #565459; font-size: 10px; text-decoration: none;  font-weight: bold; }

.foot_right a:hover { color: #000; font-size: 10px;text-decoration: underline; }



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

########################### PAGING ##############################

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

.paging {padding-bottom: 10px; margin-bottom: 5px; text-align: center; }

.paging input.button { border: 1px groove #cb8e31; cursor: pointer; color: #000; font-size: 9px; background-color: #ffc876;}

.paging input.button_disabled {	border: 0px solid #ccc;	cursor: pointer; font-size: 9px; color: #ccc; background-color: #f8f8f8;}

.paging select.text { width: 40px; }

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

######################## DEFAULT FORMATTING ######################

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

a img {border:0px; }

p { margin:0px; padding: 5px 0px; }

form { margin:0px; padding:0px; }

.linkBack { clear: both; margin: 10px; text-align: center; width:90%; }

.clear{	clear:both; }

.menuIcon{ margin-right: 2px; vertical-align: middle; }