.subtitle				{font-size: 16px; font-family: "Arial Black"; color:#596670;}
.text					{font-size: 12px; font-family: "Arial"; color:#707980;}
.weather_text			{font-size: 12px; font-family: "Arial Black"; color: black;}
.black					{font-size: 11px; font-family: "Arial"; color: white; background-color: black;}
.red					{font-size: 11px; font-family: "Arial"; color: black; background-color: #F34F27;}
.amber					{font-size: 11px; font-family: "Arial"; color: black; background-color: #E6CB2B;}
.green					{font-size: 11px; font-family: "Arial"; color: black; background-color: #0DB71D;}
.text_bold				{font-size: 12px; font-family: "Arial"; font-weight: bold; color:#707980;}
.wtable					{border-color: #456547; border-style: solid; border-width: 1px;}
.wtable_header			{background-color: #C2DCE9; font-size: 11px; font-family: "Arial"; color: black; font-weight: bold; text-align: center;}
.wtable_tr1				{background-color: #E6F2F7; font-size: 11px; font-family: "Arial"; color: black; text-align: center; cursor: pointer;}
.wtable_tr2				{background-color: #E1EDF2; font-size: 11px; font-family: "Arial"; color: black; text-align: center; cursor: pointer;}
.wtable_tr_plain		{background-color: #E6F2F7; font-size: 11px; font-family: "Arial"; color: black; text-align: center;}
.wtable_tr_highlight	{background-color: silver; font-size: 11px; font-family: "Arial"; color: black; text-align: center; cursor: pointer;}
.wtable_td_header		{background-color: #C2DCE9; font-size: 11px; font-family: "Arial"; color: black; font-weight: bold;}
.image_border			{border-color: black; border-style: solid; border-width: 1px;}
.map					{width:378px; position: relative; background-color: white; background: url("images/map/map1.jpg"); float: left; border-color: black; border-style: solid; border-width: 1px;}
.map_tw					{width:378px; position: relative; background-color: white; background: url("images/map/map_tw1.jpg"); float: left; border-color: black; border-style: solid; border-width: 1px;}


/*Regional Page - Images*/
.top_cnt				{background-color: #0B4599; width: 740px; height: 20px;}
.top_left				{width: 200px; height: 20px; color: white; font-size: 16px; font-family: "Verdana"; font-weight: bold; text-align: left; float: left; padding-left: 15px;}
.top_right				{width: 200px; height: 20px; color: #E6CB2B; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: right; float: right; padding-right: 2px;}

.dates_cnt				{width: 740px; height: 15px;}
.date					{width: 100px; height: 15px; color: white; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left;}
.date_alt				{width: 100px; height: 15px; color: yellow; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left; cursor: pointer;}
.date_bit				{width: 33px; height: 15px; background-color: #0B4599; position: relative; float: left; font-size: 12px;}
.spacer					{width: 1px; height: 15px; background-color: white; position: relative; float: left; font-size: 12px;}

.weather				{width: 100px; height: 15px; color: white; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left;}
.weather_alt			{width: 100px; height: 15px; color: yellow; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left; cursor: pointer;}
.temperature			{width: 150px; height: 15px; color: white; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left;}
.temperature_alt		{width: 150px; height: 15px; color: yellow; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left; cursor: pointer;}
.wind					{width: 100px; height: 15px; color: white; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left;}
.wind_alt				{width: 100px; height: 15px; color: yellow; font-size: 12px; font-family: "Verdana"; font-weight: bold; text-align: center; background-color: #0B4599; position: relative; float: left; cursor: pointer;}
.bottom_bit				{width: 387px; height: 15px; color: white; font-size: 9px; font-family: "Verdana"; text-align: right; background-color: #0B4599; position: relative; float: left;}

.wiki		A			{text-decoration: none;}
.wiki		A:link		{font-family: "Verdana"; font-size: 9px; color: white;}
.wiki		A:visited	{font-family: "Verdana"; font-size: 9px; color: white;}
.wiki		A:hover		{font-family: "Verdana"; font-size: 9px; color: white; text-decoration: underline;}



/*Menu Style*/
.menu_page				{margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
.whole_menu				{width:210px; position: relative; z-index: 0; float:left;}
.menu_item				{height:25px; width:190px; position:relative; z-index: 1; cursor: pointer; float:left; background: url("images/menu/menu_blue_new.gif") no-repeat top left;}
.menu_item_alt			{height:25px; width:190px; position:relative; z-index: 1; cursor: pointer; float:left; background: url("images/menu/menu_yellow_new.gif") no-repeat top left;}
.menu_item_text			{height:20px; width:190px; position: relative; z-index: 2; text-indent: 30px; float:left; padding-top: 5px; color:#0B4599; font-family: "Arial"; font-weight: bold; font-size: 13px;}
.submenu_container		{width:190px; position: absolute; z-index: 3; float:left; visibility: hidden;}
.submenu_container_alt	{width:190px; position: relative; z-index: 3; float:left; visibility: visible;}
.submenu_item			{height:25px; width:190px; position: relative; z-index: 4; cursor: pointer; float:left; background: url("images/menu/submenu_blue_long_new.gif") no-repeat top left;}
.submenu_item_alt		{height:25px; width:190px; position: relative; z-index: 4; cursor: pointer; float:left; background: url("images/menu/submenu_yellow_long_new.gif") no-repeat top left;}
.submenu_item_text		{height:19px; width:190px; position: relative; z-index: 5; text-indent: 50px; float:left; padding-top: 6px; color:#0B4599; font-family: "Arial"; font-weight: bold; font-size: 11px;}
.menu_bottom_line		{height:25px; width:190px; position: relative; z-index: 6; float:left; background: url("images/menu/menu_lowest_new.gif") no-repeat top left;}

/*Content page Style*/
.content_container_st	{width:740px; position: relative; background-color: white; z-index: 0; float:left;}
.content_container_st_radar	{width:100%; position: relative; background-color: white; z-index: 0; float:left;}
.top_line_st			{width:740px; height:10px; position: relative; background-color: white; z-index: 1; float:left; font-size:8px; line-height:0;}
.main_title_st			{width:740px; height:60px; position: relative; background-color: white; z-index: 1; float: left; font-size: 30px; font-family: "Arial Black"; color:#0B4599;}
.subtitle_st			{width:438px; position: relative; background-color: white; z-index: 1; float:left; font-size: 16px; font-family: "Arial Black"; color:#596670;}
.text_st				{width:438px; position: relative; background-color: white; z-index: 1; float:left; font-size: 11px; font-family: "Arial"; color:#707980;}
.clickable_map_st		{width:302px; height:446px; position: relative; background-color: white; z-index: 1; float:right;}
.overview_st			{width:740px; position: relative; background-color: white; z-index: 1; float:left;}
.overview_st_radar		{width:100%; position: relative; background-color: white; z-index: 1; float:left;}
.overview_center		{width:740px; position: relative; background-color: white; z-index: 1; float:left;}
.spacer_st				{width:740px; height:20px; position: relative; background-color: white; z-index: 1; float:left;}
.contact_us_text_st		{font-family: "Arial"; font-size: 14px; color: black;}

.contact_us_email		A			{text-decoration: none;}
.contact_us_email		A:link		{font-family: "Arial"; font-size: 14px; color: black; }
.contact_us_email		A:visited	{font-family: "Arial"; font-size: 14px; color: black; }
.contact_us_email		A:hover		{font-family: "Arial"; font-weight: bold; font-size: 14px; color: black; }

/* Login/Logout Pages */
.login_header			{background-color: #0B4599; color: white; font-size: 12px; font-family: "Verdana"; text-align: center; height: 20px;}
.login_title			{color: #0060AC; font-family: "Verdana"; font-weight: bold; font-size: 20px;}
.login_subtitle			{color: #0060AC; font-family: "Verdana"; font-weight: bold; font-size: 12px;}
.login_textfield		{font-size: 11px; color: #333333; background: #F7F7F7; border: 1px solid #CCCCCC; padding-left: 1px;}
.login_text 			{font-size: 11px; font-weight: bold; font-family: "Verdana"; color: black;}
.login_button			{font-size: 11px; font-weight: bold; font-family: "Verdana"; color: black;}
.login_table_border 	{border-color: black; border-style: solid; border-width: 1px; background: url("images/background1.jpg") no-repeat top left;}

/*Bottom bar index.php*/
.copyright_text			{color: white; font-family: "Arial"; font-size: 14px; font-weight: bold; background-color: #0B4599;}
.terms_text				{text-decoration: none; color: white; font-family: "Arial"; font-size: 11px; font-weight: bold; background-color: #0B4599; border-right-color: white; border-right-style: solid; border-right-width: 1px; border-left-color: white; border-left-style: solid; border-left-width: 1px;}
.privacy_text			{text-decoration: none; color: white; font-family: "Arial"; font-size: 11px; font-weight: bold; background-color: #0B4599;}

/*Terms & Privacy*/
.pr_tr_top_bar			{border-left-color: white; border-left-style: solid; border-left-width: 1px;}
.pr_tr_title			{font-size: 30px; font-family: "Arial Black"; color:#0060AC;}
.pr_tr_text				{font-size: 12px; font-family: "Arial"; color:#707980; text-align: justify;}

/*Download Button*/
a.download-button  { padding:2px; text-decoration:none; font-family: "Arial"; font-size: 11px; 
                     background:#C2DCE9; color:black; font-weight:bold;
                     border:1px solid #A0C8DC; float:right; }