body { font: 80% arial, helvetica, sans-serif; margin: 0; padding: 0; }

#container { width: 836px; margin: 0 auto; border-left: 2px solid black; border-right: 2px solid black; position:relative; }
#menu_top { text-align: right; padding: 3px; background: #999999; font-size: 100%; color: #ffffff; }

#sub_menu_bar {  background: #999999; width: 100%; }
#date_time {padding: 3px 4px 0px 4px; font-size: 90%; color: #ffffff; }
#menu_sub { margin: 0; padding: 3px; font-size: 105%; font-weight: bold; color: #ffffff; }
#menu_sub ul { margin: 0; padding: 0; }
#menu_sub li { display: inline; }
#directory_search { margin: 0; padding: 0px 0px 0px 4px; font-size: 100%; color: #ffffff; }

#header { background: #fff; margin-bottom: -3px; padding: 0 }

#navigation { float: left; width: 201px; height: 100%; padding-left: 0px; padding-right: 0px; margin-bottom: 0px; background: #184A7B; }

#breadcrumbs { padding-left: 5px; padding-right: 5px; padding-top: 1px;  padding-bottom: 1px;  background: #99cbc8; }
#breadcrumbs p { font-size: 85%; margin: 0; }

#main { margin-top: 0; width: 100%; background-position: right top; background-repeat: repeat-y;  }
#main_sidebar { background-image: url(graphics/bg_left_201.gif); background-position: left bottom; background-repeat: repeat-y;  }
#clear { clear: both; height: 1px; }

#sidebar_left { float: left;  background: #e7e8e8; width: 200px; }

#sidebar_menu ul { padding: 30px 5px 30px 15px; list-style-type: none; margin: 0; list-style-image: none; }
#sidebar_menu li { border-bottom: #b9d2e3 1px solid; padding: 0.4em 0  0.2em 0; font-size: 90%; }
#sidebar_menu li  a:link { color: #245185; font-weight: normal; text-decoration: none }
#sidebar_menu li  a:visited { color: #245185; font-weight: normal; text-decoration: none }
#sidebar_menu li  a:hover { color: #ff0000; font-weight: normal; text-decoration: none }

#mem_services_panel { margin: 4px; padding: 0 5px 0 5px; background-color: #cdd9d9; border: 2px solid #9ec4d4; }
#mem_services_panel h3 { text-align: center;  color: #245185; font-weight: normal; font-size: 120%; letter-spacing: 0.1em; margin: 6px 0 8px 0; padding: 0; }
#mem_services_panel h4 { text-align: left;  color: #245185; font-weight: normal; font-size: 100%; margin: 6px 0 0 0; padding: 0; }
#mem_services_panel a:link { color: #245185; font-size: 85%; font-weight: normal; text-decoration: none; }
#mem_services_panel a:visited { color: #245185; font-size: 85%; font-weight: normal; text-decoration: none; }
#mem_services_panel a:hover { color: #ff0000; font-size: 85%; font-weight: normal; text-decoration: none; }
#mem_services_panel p { text-align: left;  color: #245185; font-weight: normal; font-size: 85%; margin: 2px 0 8px 0; padding: 0; }

.mem_alert { font-size: 0.8em; color: #dd0000; text-align: center;  }

#directory_contents { width: 85%; border: 2px solid #444444; margin-left: 5px;  padding: 6px; background: #eeeeaa; }

.directory_toggle_heading { font-size: 140%; font-weight: bold; color: #aa0000; text-align: center; }
.directory_toggle_options { font-size: 100%; font-weight: bold; color: #aa0000; text-align: center; margin-bottom: 20px; }

.directory_category h2 { font-size: 130%; font-weight: normal; color: #4444ff; }
.directory_category_basic h2 { font-size: 115%; font-weight: normal; color: #4444ff; }
.directory_priority { margin: 0; padding: 0; }
.directory_basic { margin: 0; padding: 0; }

.directory_crossbar_high { font-size: 125%; font-weight: bold; color: #4444ff; background: #aaaaee; width: 100%; padding: 3px 8px 3px 8px; }
.directory_content_high { font-size: 95%; font-weight: bold; color: #000000; background: #ffffaa; padding: 5px; }
.directory_content_high p { font-size: 120%; font-weight: bold; color: #4444ff; }
.directory_separator_high { background: #aaaaee; width: 100%; height: 2px; }

.directory_crossbar_ext { font-size: 110%; font-weight: bold; color: #4444ff; background: #ddddff; }
.directory_content_ext { font-size: 90%; font-weight: normal; color: #000000; background: #f5f5f5; padding: 5px; }
.directory_content_ext p { font-size: 110%; font-weight: bold; color: #4444ff; }
.directory_separator_ext { background: #aaaaee; width: 100%; height: 2px; }

.directory_crossbar_basic { font-size: 115%; font-weight: bold; color: #4444ff; background: #aaaaee; width: 100%; padding: 3px 8px 3px 8px; }
.directory_content_basic { font-size: 90%; font-weight: normal; color: #000000; background: #f5f5f5; padding: 5px; }
.directory_content_basic p { font-size: 110%; font-weight: bold; color: #000000; margin: 0; padding: 0; }
.directory_separator_basic { background: #aaaaee; width: 100%; height: 2px; }

.news_item_category { font-size: 130%; font-weight: bold; color: #4466ee; letter-spacing: 0; margin-bottom: 10px; }
.news_item_date { font-size: 85%; font-weight: normal; color: #000000; margin: 0; }
.news_item_heading { display:inline; font-size: 120%; font-weight: bold; color: #4466ee; margin-right: 5px;  letter-spacing: 0; }

.news_list_category { font-size: 130%; font-weight: bold; color: #4466ee; letter-spacing: 0; margin-bottom: 12px; }
.news_list_date { font-size: 85%; font-weight: normal; color: #000000; margin-right: 4px; }
.news_list_category_row { height: 30px; }
.news_list_heading { display:inline; font-size: 110%; font-weight: bold; color: #4466ee; margin-right: 5px;  letter-spacing: 0; }
.news_list_author { font-size: 85%; font-weight: normal; color: #000000; }
.news_list_abstract { font-size: 90%; font-weight: normal; color: #000000; margin-top: 3px; }
.news_list_click_for_more { font-size: 80%; font-weight: normal; color: #000000; }
.news_list_separator { height: 5px; border-bottom: 1px solid #4444ff; margin-bottom: 10px; }
.news_list_total_comments { font-size: 80%; font-weight: normal; color: #000000; }

.edit_options { font-size: 80%; font-weight: normal; color: #000000; }

#sidebar_right { float: right;  background: #e7e8e8; }

#content { padding: 10px; }

#footer { clear: both; background: #9ec4d4; font-size: 90%; color: #FFFFFF; text-align: center; padding: 1px; }
#footer p { margin: 0; }


p  { margin-top:0; }

h1  { font-size: 240%; color: silver; margin: 0 0 0 8px; }
h2  { font-size: 110%; font-style: italic; margin: 0 5px 0.3em 0; }
h3  { font-size: 130%; font-weight: bold; }
h4  { font-size: 100%; font-weight: bold; margin-top:0;  margin-bottom: 0; padding-left: 4px; }
h5  { font-size: 90%; line-height: 100%; margin-top:0; margin-bottom: 0.3em; }
h6  { font-size: 85%; line-height: 100%; margin-top:0; margin-bottom: 0.3em; }

li { padding-bottom: 2pt; }
table  {font-family: Arial,Helvetica,sans-serif; font-size: 100%;}
.small { font-size: 85%; }
.select_highlight { color: #cc0000; }
.alert { color: #cc0000; font-weight: bold; }
.cell_padding { padding-left: 8px; padding-right: 8px; }
.cell_panel { border: 2px solid #333333; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; }
.search_label { font-size: 100%; }

.row1 { background-color: #aac6d2; }
.row2 { background-color: #c5d0e4; }
.row3 { background-color: #ffcc66; }

.print_label { font-size: 14pt; font-weight: bold; margin-top: 120px; margin-left: 240px; }
.print_letter { font-size: 11pt; font-weight: normal; }

.option_button { width: 180px; text-align: center; font-size: 12pt; font-weight: bold; padding: 16px; border: 2px solid black; background-color: #98b3e4; }

.help_heading { font-size: 140%;  }
.help_subheading { font-size: 120%; margin-bottom: 2px;  }
.help_example { color: #3333ee;  }
.help_list { margin-bottom: 6px;  }

.advert_column_heading { font-size: 11px; font-weight: bold; color: #444444; letter-spacing: 0.1em; }

.community_comments_heading  { font-family: Georgia; font-size: 20pt; font-weight: medium; color: #5f9faf; border-bottom: solid Gray; border-bottom-width: 1px; }
.community_comments_login  { font-family: arial; font-size: 11pt; font-weight: medium; color: #5f9faf; border-bottom: solid Gray; border-bottom-width: 1px; }
.community_comments_welcome  { font-family: arial; font-size: 10pt; font-weight: medium; color: #5f9faf; border-bottom: solid Gray; border-bottom-width: 1px;  }
.news_response_heading { font-size: 10pt; font-weight: bold; color: #333333; }
.news_response_entry { background-color: #eeeeee; font-size: 10pt; color: #333333; }

a.modern:link { color: #888888; text-decoration: none; }
a.modern:visited { color: #888888; text-decoration: none; }
a.modern:hover { color: #bb0000; text-decoration: none; }
a.modern:active { color: #888888; text-decoration: none; }

a.menu:link { color: #0000cc; text-decoration: none; }
a.menu:visited { color: #0000cc; text-decoration: none; }
a.menu:hover { color: #cc0000; text-decoration: none; }
a.menu:active { color: #0000cc; text-decoration: none; }

a.link_top_menu { font-size: 95%; color: #ffffff; text-decoration: none; }
a.link_top_menu:hover { color: #cc0000; }
a.link_top_menu:active { color: #0000cc; }

a.link_small { font-size: 80%; color: #00c; text-decoration: none; }
a.link_small:hover { color: #c00; }
a.link_small:active { color: #f60; }

.menu_indent_0 { font-size: 95%; font-weight: bold; padding-top: 2px; }
.menu_indent_1 { font-size: 95%; padding-top: 2px; }
.menu_indent_2 { font-size: 95%; padding-top: 2px; }
.menu_indent_3 { font-size: 95%; padding-top: 2px; }
.menu_link_1 { color: #333333; text-decoration: none; }
.menu_link_2 { color: #0000cc; text-decoration: none; }
.menu_link_3 { color: #0000cc; text-decoration: none; }


.news_box { width: 87%; margin: 0 auto; padding: 6px; background: #ffcc66; border: 2px solid #777777; }

.nav_btn, .nav_btn:visited { width: 139px; height: 16px; position: relative !important; padding-left: 20px !important; }
.nav_btn, .nav_btn:visited { background-image: url(buttons/Blank_1.png) !important; }
.nav_btn:hover, .nav_btn:focus, .nav_btn:visited:hover, .nav_btn.udmR, .nav_btn.udmR:visited, .nav_btn:active { background-image: url(buttons/Blank_2.png) !important; }

.nav_clear { font-size:1px; height:0px; width:0px; clear:left; line-height:0px; display:block; float:none !important; }

 /* suckerfish content box menu */
#nav_content_box { position: absolute; padding: 0; margin: 0; list-style: none; }

#nav_content_box ul { margin: 0; list-style: none; }
/* #nav_content_box ul { margin: 0; padding: 6px; border: 2px solid orange; list-style: none; } */
 
#nav_content_box a { display: block; margin: 0; }
/* #nav_content_box a { display: block; margin: 0; padding: 0; text-align: center; border-left: 2px solid white; border-right: 2px solid white;  } */
#nav_content_box a:link { color: #000099; text-decoration: none;  }
#nav_content_box a:visited { color: #000099; text-decoration: none;  }
#nav_content_box a:hover { color: #ee0000; text-decoration: none;  }
#nav_content_box a:active { color: #cc0000; text-decoration: none;  }
 
#nav_content_box li { float: left; padding: 0; margin: 0; background: #dde; font-size: 85%; font-weight: bold; white-space: nowrap; } /* width needed or else Opera goes nuts * - added dynamically/

 /* second-level lists */ 
#nav_content_box li ul { position: absolute; background: white; left: -999em; } /* using left instead of display to hide menus because display: none isn't read by screen readers */

/* lists nested under hovered list items */ 
#nav_content_box li:hover ul, #nav_content_box li.sfhover ul { left: 0; }