body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td.title {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding: 2px;
	color: yellow;
	background-color: #B22222;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
}
td.menu {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	color: white;
	background-color: #B22222;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
}
td.menu a:link, td.menu a:visited {
	color: #FFFFFF;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input.round {
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	font-weight: bold
}
.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.menu_page {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.tooltip_head {
	background: #009900;
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
	color: white;
   padding:1px;
   border: 1px solid maroon ;
}
.tooltip_body {
   width:250;
	background-color: white;
   font-family: verdana;
   font-size:11px;
	line-height: 16px;
   border-left:1px solid maroon;
   border-right:1px solid maroon;
   border-bottom:1px solid maroon;
   padding:3px;
	text-align: left;
}
.sidebar_title {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
	background-image: url(images/maroon_background.gif);
	height:20px; 
	padding-top:3px; 
	border-bottom:#000000 1px solid;	
}
.notices {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: White;
	text-align: center;
	background-image: url(images/maroon_background.gif);
	width:200px;
	height:20px; 
	padding-top:3px; 
	border-bottom:#000000 1px solid;	
}
.block_title15 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: White;
	text-align: center;
	background-image: url(images/maroon_background.gif);
	height:20px; 
	padding-top:3px; 
	border-bottom:#000000 1px solid;	
}
.block_title14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
	background-image: url(images/maroon_background.gif);
	height:20px; 
	padding-top:3px; 
	border-bottom:#000000 1px solid;	
}
.captains_update {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal;
	text-align: justify;
	padding-left: 8px;
	padding-right: 8px;
}

.borderall {
	border: 1px solid black;
}
.bordertop {
	border-top: 1px solid black;padding: 2px;	
}
.bordertopbot {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 2px;
}
.borderbot {
	border-bottom: 1px solid black;
	padding: 2px;
}
.borderlbr {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
.border_left {
	border-left: 1px solid black;
}
.border_right {
	border-right: 1px solid black;
}
.alignright {
	text-align: right;
}
.black10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	font-weight: normal
}
.black10bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
	font-weight: bold
}
.black10boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: Black;
	text-decoration: underline;
  }
.black11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	font-weight: normal
}
.black11bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	font-weight: bold
}
.black11boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Black;
	text-decoration: underline;
  }
.black12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: normal
}
.black12bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold
}
.black14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	font-weight: normal
}
.black14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	font-weight: bold
}
.black16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	font-weight: normal
}
.black16bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: Black;
	font-weight: bold
}
.black18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: Black;
	font-weight: normal
}
.black18bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: Black;
	font-weight: bold
}
.OrangeGrey10 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff4500;
	background-color: silver;
  }
.OrangeGrey10bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff4500;
	background-color: silver;
	font-weight: bold;
  }
.OrangeGrey12 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
  }
.OrangeGrey12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Maroon;
  }
.OrangeGrey14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Maroon;
  }
.OrangeGrey14bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Maroon;
  }
.OrangeGrey16 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: Maroon;
  }
.OrangeGrey16bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: Maroon;
  }
.OrangeGrey18 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: Maroon;
  }
.OrangeGrey18bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: Maroon;
  }
.OrangeGrey20 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: Maroon;
  }
.OrangeGrey20bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: Maroon;
  }
.OrangeGrey24 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: Maroon;
  }
.OrangeGrey24bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: Maroon;
  }
.maroon10 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Maroon;
  }
.maroon10bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Maroon;
	font-weight: bold;
  }
.maroon12 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
  }
.maroon12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Maroon;
  }
.maroon14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Maroon;
  }
.maroon14bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Maroon;
  }
.maroon16 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: Maroon;
  }
.maroon16bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: Maroon;
  }
.maroon18 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: Maroon;
  }
.maroon18bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: Maroon;
  }
.maroon20 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: Maroon;
  }
.maroon20bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: Maroon;
  }
.maroon24 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: Maroon;
  }
.maroon24bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: Maroon;
  }
.navy10 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Navy;
  }
.navy10bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: Navy;
  }
.navy12link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Navy;
	text-decoration: underline;
  }
.navy12linkbold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Navy;
	text-decoration: underline;
  }
.navy12 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Navy;
  }
.navy12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Navy;
  }
.navy14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Navy;
  }
.navy14bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Navy;
  }
.navy16 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: Navy;
  }
.navy16bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: Navy;
  }
.navy18 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: Navy;
  }
.navy18bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: Navy;
  }
.navy20bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: Navy;
  }
.navy20 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: Navy;
  }
.navy24 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: Navy;
  }
.navy24bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: Navy;
  }
.white10 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: White;
  }
.white10bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: White;
  }
.white12 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
  }
.white12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: White;
  }
.white14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
  }
.white14bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
  }
.white16 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: White;
  }
.white16bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: White;
  }
.white18 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: White;
  }
.white18bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: White;
  }
.white20 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: White;
  }
.white20bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: White;
  }
.white22 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: White;
  }
.white22bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: White;
  }
.white24 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: White;
  }
.white24bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: White;
  }
.red10 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
  }
.Red10bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: Red;
  }
.Red12 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Red;
  }
.Red12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Red;
  }
.Red14 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: Red;
  }
.Red14bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Red;
  }
.Red16 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: Red;
  }
.Red16bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: Red;
  }
.Red18 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: Red;
  }
.Red18bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: Red;
  }
.Red20 {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: Red;
  }
.Red20bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: Red;
  }
.white12link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	font-weight: normal;
	text-decoration: underline;
  }
.white12boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
.white14link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
	text-decoration: underline;
  }
.white14boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
.white18link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: white;
	text-decoration: underline;
}
.black12link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-decoration: underline;
  }
.black12boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	text-decoration: underline;
  }
.black14link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Black;
	text-decoration: underline;
  }
.black14boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Black;
	text-decoration: underline;
  }
.img_btn {
	cursor: pointer;
	}
.disabled_link {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Gray;
	text-decoration: underline;
  }
.yellow12bold {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Yellow;
  }
  .yellow12boldlink {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Yellow;
	text-decoration: underline;
  }

 /* menu style items */
#sddm {
	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm li {	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
	}

#sddm li a {
	display: block;
	margin: 0;
	padding: 1px 4px;
	width: 100px;
	background: green;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
	}

#sddm li a:hover {
	color: yellow;
	}

#sddm div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: green;
	border: 1px solid #5970B2;
	}

#sddm div a {
	position: relative;
	display: block;
	margin:  0;
	padding: 1px 4px;
	width: 98px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: green;
	color: #FFFFFF;
	font: bold 12px arial;
	}

#sddm div a:hover {
	background:yellow;
	color: green;
	}

/* application style items */	
#hwm_left_sidebar {
	background-color: green;
}
#hwm_menu {
	background-color: green;
}
#hwm_right_sidebar {
	background-color: green;
}
#hwm_main_data {
	background-color: green;
}
#hwm_weather {
	background-color: green;
}
#hwm_footer {
	background-color: green;
}