﻿/*ADDED CSS*/
html
{
	margin: 0;
	padding: 0;	
	overflow-x: hidden;
	overflow-y: auto;
}
*
{
	border:0;
	margin:0;
	padding:0;
}
/*site repeating green bg*/
body.marinabg
{
	margin: 0 auto;		
	line-height: 13px;
	background: url('../_catalogs/masterpage/images/bg.jpg') fixed;
	text-align: left;
}
/*main table*/
.mtable_main
{
	width: 1050px;
	height: 100%;
	background: #0253a2;
	position: relative;
	margin: 0 auto;
	padding-bottom: 25px;
}
/* td navi */
.mnavi
{
	position: relative;
	top: 0px;
	width: 1050px;
	height: 186px;
}
.m_main_navi
{
	width: 700px;
	height: 33px;
	top: 59px;
	left: 260px;
	position: absolute;
	z-index: 10;
	
}
ul.mnavi_list
{
	list-style: none;
	width: 660px;
	height: 10px;
	position: absolute;	
	left: 26px;
	top: 11px;	
	z-index: 5;	
	padding: 0;	
}
ul.mnavi_list li
{
	color: #ffffff !important;
	font-family: Tahoma;
	font-size: 8pt;
	float: left;
	margin-left: 21px;
	margin-right: 21px;
	text-transform: uppercase;
}
ul.mnavi_list li a
{
	color: #ffffff !important;
	text-decoration: none !important;
}
ul.mnavi_list li a:hover
{
	color: #cccccc !important;
	text-decoration: none !important;
}
/*sub navi*/
.msubnav_list
{
	position: absolute;
	top: 40px;
	right: 98px;
	width: 600px;
	height: 10px;
	z-index: 10;	
}
ul.msub_nav
{
	list-style: none;
	z-index: 5;
	position: absolute;
	right: 0px;
}
ul.msub_nav li
{
	color: #04427b !important;
	font-family: Tahoma;
	font-size: 6.5pt;
	float: left;
	margin-left: 17px;
}
ul.msub_nav li a
{
	color: #04427b !important;
	text-decoration: none !important;
	text-transform: uppercase;
}
ul.msub_nav li a:hover
{
	color: #2c71b1 !important;
	text-decoration: none !important;
	text-transform: uppercase;
}
/* navi image */
.mnavi_box
{
	width: 1050px;
	height: 186px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}

/* marina logo */
.mlogo
{
	width: 200px;
	height: 81px;
	top: 34px;
	left: 20px;
	position: absolute;
	z-index: 10;
}
/*  dti logo  */
.dlogo
{
	width: 73px;
	height: 76px;
	top: 34px;
	right: 20px;
	position: absolute;
	z-index: 10;
}
/* background */
.mbg
{
	width: 1050px;
	height: 790px;
	position: absolute;
	top:  50px;
	left: 0px;
	border: 0;
	z-index: 0;
}
/* welcome td */
.mwelcome
{
	position: relative;
	top: 0px;
	width: 1050px;
	height: 186px;
	z-index: 4;

}
/* welcome image */
.mwel 
{	
	position: relative;
	top: 25px;
	*top: 45px;
	left: 705px;
	width: 326px;
	height: 146px;
	z-index: 200;
}
/* panel home */
.mtable_home
{
	height: 100%;
	position: relative;
	margin: 0 auto;	
	z-index: 100;
}
/*panel home 1-2-3*/
.mpanel_a
{	
	position: relative;
	width: 326px;
	height: 182px;
	z-index: 4;
	background-color:transparent;
	margin-left: 8px;
	margin-right: 8px;
}
/*panel home 4-5-6*/
.mpanel_b
{	
	position: relative;
	width: 326px;
	height: 131px;
	z-index: 4;
	background-color:transparent;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 12px
}
/*panel home 7-8-9*/
.mpanel_c
{	
	position: relative;
	width: 326px;
	height: 131px;
	z-index: 4;
	background-color:transparent;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 12px
}
/*home officers picss*/
.pic_box
{
	position: absolute;
	width: 139px;
	height: 128px;
	z-index: 4;
	top: 2px;
	left: 186px; 
}
/*box contents*/
.box_title
{	
	position: absolute;
	top: 11px;
	left: 8px;
	width: 310px;
}
.box_title_txt
{
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.box1_description
{
	width: 312px;
	height: 135px;
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	top: 40px;
	left: 7px;
	z-index: 10;
}
/*box news contents*/
.box1_news_description
{
	width: 296px;
	height: 135px;
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	top: 40px;
	left: 13px;
	overflow: hidden;
}
.box_img
{
	width: 310px;
	height: 81px;
	padding-top: 5px;
	
}

.box_img_description
{
	width: 305px;
	height: 45px;	
	position: absolute;
	bottom: 0px;
	left: 3px;
}
.img_desc_news_tl
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 10px;	
	font-weight: bold;
	padding-top: 3px;
}
.img_desc_news
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 10px;	
	padding-top: 5px;

}
.home_txt
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px !important;	
}

/*inside marina list*/
ul.box_list 
{
	padding-top: 3px;
	margin-left: 18px;
	*margin-left: 0px;
	list-style: disc inside;
	*line-height: 18px;
}
ul.box_list li
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;	
	margin-top: 5px;
	*margin-top: 0px;
}
ul.box_list li a
{
	color: #02427d !important;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
}
ul.box_list li a:hover
{
	color: #2c71b1 !important;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none !important;
}

/*officers messages*/
.box2_title
{
	width: 160px;
	height: 30px;	
	position: relative;
	top: 15px;
	left: 10px;
	overflow: hidden;
}
.box2_description
{
	width: 175px;
	height: 80px;
	position: relative;
	top: 15px;
	left: 10px;
	overflow: hidden;
}
.box2_title_txt
{
	color: #ffffff;
	font-family: Tahoma;
	font-size: 14px !important;
	font-weight: bold;	
	line-height: 14px;
}
.box2_desc_txt
{
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px !important;
}

.msgs_box
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 50;
}
/*inside*/
.mpanel_a_ins
{	
	position: relative;
	width: 326px;
	height: 462px;
	z-index: 4;
	background-color:transparent;
	margin-left: 8px;
	margin-right: 8px;
}
.mpanel_b_ins
{	
	position: relative;
	width: 663px;
	height: 462px;
	z-index: 4;
	background-color:transparent;
	margin-left: 8px;
	margin-right: 8px;
}
.mpanel_c_ins
{	
	position: relative;
	width: 1000px;
	height: 462px;
	z-index: 4;
	background-color:transparent;
}

/*list*/
ul.box_list 
{
	padding-left: 15px;
	list-style: disc;	
}
li.whatsnew
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
	margin-bottom: 5px;	
	width: 280px;
}
li.whatsnew a
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
	
}
li.whatsnew a:hover
{
	color: #2c71b1;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
}
/*footer*/
.marinafooter
{		
	width: 99%;
	height: 10px;
	position: relative;
	margin: 0 auto;
	top: 20px;
	*left: 5px;
	z-index: 10;
}
.nfootleft
{
	position: absolute;
	left: 0px;
	float: left;
	width: 50%;
}
.nfleft_txt
{
	color: #cccccc;
	font-family: Tahoma;
	font-size: 6.5pt;
	text-transform: uppercase;
}
	

.nfootright
{
	position: absolute;
	right: 0px;
	float: right;
	width: 50%;
}

ul.foot_nav
{
	list-style: none;
	position: absolute;
	right: 0px;
	
}
ul.foot_nav li
{
	color: #cccccc !important;
	font-family: Tahoma;
	font-size: 6.5pt;
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
}
ul.foot_nav li a
{
	color: #cccccc !important;
	text-decoration: none !important;
}
ul.foot_nav li a:hover
{
	color: #ffffff !important;
	text-decoration: none !important;
}
/*box white home*/
.box4_description
{
	width: 306px;
	height: 112px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 10px;
	position: absolute;
	top: 10px;
	left: 10px;
	overflow: hidden;
	padding-top: 10px;
}
.box5_description
{
	width: 250px;
	height: 80px;
	color: #ffffff;
	position: absolute;
	top: 25px;
	left: 40px;
	overflow: hidden;
	z-index: 1;
}	
.box5_over
{
	width: 250px;
	height: 80px;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	display: block;
	opacity:.0; /* FX/Opera/Safari/Chrome */
	-ms-filter:"alpha(opacity=0)"; /* IE8 */
	filter:alpha(opacity=0); /* IE6/IE7 */

	background-color:#ffffff; 
}
.box6_description
{
	width: 277px;
	height: 119px;
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	top: 6px;
	left: 18px;
}
/*govt logos home*/
ul.govtlogos
{
	list-style: none;	
}

ul.govtlogos li
{
	float: left;
	display: inline;
	margin-left: 20px;	
}

/*search*/
.search_box 
{
 	width: 200px;
    height: 28px;
	top: 100px;
	left: 770px;
	z-index: 15;
	position: absolute;	
	
}
.search_box input
{
	border: 1px solid #02427d;		
	color: #02427d;
	font-family: Tahoma;
	font-size: 12px;
	padding: 3px;
	width: 150px !important;
}
.search_box a
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 10px;
}

.search_box a img
{
	border: 1px solid #02427d;	
}

/*inside pages*/
.box2_submenu
{
	width: 283px;
	height: 385px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	top: 45px;
	left: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
}

.box_description_inside
{
	width: 626px;
	height: 390px;
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	top: 45px;
	left: 6px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	*padding-right: 20px;
}
.box_description_inside table
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px;	
	text-align: left;
}
.box_description_inside table tr.policylist
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.box_description_inside table tr.policylist:hover
{
	background: #02427d;
	color: #ffffff;
}
.box_description_inside table a
{
	color: #02427d;
	text-decoration: none;
}
.box_description_inside table a:hover
{
	color: #02427d;
	text-decoration: underline;
}


img.facepic
{
	border: 2px solid #02427d;
}

/*search page*/
.box_description_search
{
	width: 953px;
	height: 390px;
	color: #02427d;
	font-family: Tahoma;
	font-size: 11px;
	position: absolute;
	top: 45px;
	left: 13px;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px;
	*padding-right: 20px;
}

/*******************/
.box2_submenu ul
{
	list-style: none;
	line-height: 15px;
	*line-height: 18px;
	text-align: left;
}
.box2_submenu ul li
{
	color: #ff0000;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
	margin-bottom: 5px;
	*margin-bottom: 0px !important;
	_margin-bottom: 0px !important;
	background: url(../_catalogs/masterpage/images/dot.jpg) left no-repeat;
	padding-left: 10px;
	padding-bottom: 0px;
}
.box2_submenu ul li a
{
	color: #ff0000;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
}
.box2_submenu ul li a:hover
{
	color: #ff3333;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
}

/*********************/
.box_description_inside ul
{
	list-style: disc;
	line-height: 15px;
	*line-height: 18px;
	padding-left: 20px;
	text-align: left;
}

.box_description_inside ul li
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
	text-transform: capitalize;
	vertical-align: middle;
	padding-bottom: 15px;
	*padding-bottom: 0px;
}
.box_description_inside ul li a
{
	color: #02427d;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
}
.box_description_inside ul li a:hover
{
	color: #327cbe;
	font-family: Tahoma;
	font-size: 8pt;
	text-decoration: none;
}
div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  /* Add scroll-bars */
  
  width: 306px;
  height: 112px;
	position: absolute;
	top: 8px;
	left: 10px;
	overflow: auto;


}
ul.sc_menu {
  display: block;
  height: 110px;
  width: 1500px;
  padding: 15px 5px 0 0px;
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity: 0.5;
}
/*END OF ADDED CSS*/


