/* CSS Document */
* { margin:0; padding:0;}
.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.9em; text-align:center; }
html, input, textarea
	{	font-family:Tahoma; 
		color:#000000;
	}	
	
.in2{ padding-bottom:2px;}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
.in30{ padding-bottom:30px;}
.in50{ padding-bottom:50px;}
.in100{ padding-bottom:100px;}


h1{
	text-indent:-10000px;
	font-size:0;
	line-height:0;
}

#content h2{ color:#000000; font-size:1em; margin-bottom:5px}
#content .h2{margin-bottom:0px}

h3{
	font-size:1em;
	line-height:1em;
	margin:5px 0px 7px 0px;
	font-weight: normal;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height: normal;
	color:#666666;
	margin:5px 0px 0px 0px;
	font-weight: normal;
}

.mariners_logo{
	height:90px;
	background:url(images/common/mariners_icon.jpg) no-repeat;
	margin:0 0px 0 0px;
}



.h_wr_top_link{ width:755px}

/*header*/
.h_wr_top_link{
	margin:0 0px 0 0px;
	height:92px;
	line-height:0 em;
	text-align: right;
}
.h_wr_top_link div{
	height:28px;
}
.h_wr_top_link span{ margin:5 0px 0 755px;}
.h_wr_top_link a{
	background:url(images/common/email_bull.gif) no-repeat left center;
	padding:0 0 0 15px;
	color:#333333;
	font-size:0.75em;
}



.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{font-family:Arial; color:#000000; text-decoration:underline} 
a:hover{color:#0066cc; text-decoration:none}
.a1{color:#3d270f; background:url(images/arrow.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:14px;} 
.a2{color:#3d270f;} 

ul{margin:0; padding:0; list-style:none;}
ul li{ }
ul li a{color:#000000; text-decoration: underline; background:url(images/a.gif) repeat-x bottom;  line-height:1.5em; font-weight:bold} 
ul li a:hover { text-decoration:none; }

/*header*/
#header .logo {height:90px; width:92px; margin: 0px 0 0px 0px;  }

#header .main_pic {height:238px; width:755px; margin:0px 0px 0px 0px }


/*content*/
#content{
	font-size:0.75em;
	font-family:Arial;
	width:100%;
	text-align:left;
	margin:238px 0px 0px 0px;
}

/* I added this */
* html #content
{
    margin: 0;      
    width:755px;
}


#gallery{
	font-size:0.75em;
	font-family:Arial;
	width:100%;
	text-align:left;
	margin:0px 0px 0px 0px;
}


#page4 .content .col_1 .row_bot .col_box_2 .link_ind{ padding:19px 0 0 0;}
#page4 .content .col_1 .row_bot .col_box_2 .link_ind a{ color:#3366FF;}
#page4 .content .col_1 .row_bot .col_box_2 span{ margin:0 55px 0 60px;}

#content .box{
	border: thin solid #333333;
	width:280px;
	height:280px;
	
}

#content .pad{padding:0px 0px 20px 0px}
#content .indent{padding:26px 15px 61px 28px}
#content .indent_main{padding:22px 28px 13px 30px;}
#content .indent_col1{padding:0px 26px 0px 0px}
#content .title{  margin-bottom:13px}
#content .pic_left{ float:left; margin:0px 15px 0px 0px}
#content .pic_left1{ float:left; margin:0px 15px 20px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content .bann{ margin:29px 0px 0px 0px}
#content .line{ margin:13px 0px 13px 0px}
#content .line1{ margin:0px 0px 13px 0px}
#content p{ margin:0px 0px 10px 0px}
#content .p1{ margin:0px 0px 21px 0px}


#gallery .pad{padding:0px 0px 20px 0px}
#gallery .indent{padding:26px 15px 61px 28px}
#gallery .indent_main{padding:22px 28px 13px 30px}
#gallery .indent_col1{padding:0px 26px 0px 0px}
#gallery .title{  margin-bottom:13px}
#gallery .pic_left{ float:left; margin:0px 15px 0px 0px}
#gallery .pic_left1{ float:left; margin:0px 15px 20px 0px}
#gallery .pic{ margin:0px 0px 16px 0px}
#gallery .bann{ margin:29px 0px 0px 0px}
#gallery .line{ margin:13px 0px 13px 0px}
#gallery .line1{ margin:0px 0px 13px 0px}
#gallery p{ margin:0px 0px 10px 0px}
#gallery .p1{ margin:0px 0px 21px 0px}






.img_left{ float:left; margin:0 5px 0 0;}

.h_wr_menu{
	height:40px;
	background-color: #0066cc;
}


/*index.html*/
.but1{ position:absolute; margin:-6px 0px 0px 254px}
.but2{ position:absolute; margin:-6px 0px 0px 279px}
.but3{ position:absolute; margin:-6px 0px 0px 304px}
.but4{ position:absolute; margin:-6px 0px 0px 329px}
/*index-2.html*/
#page3 .col2 p{ padding:0px 0px 7px 0px}
/*index-4.html*/
#page5 .col1 span{ color:#FFFFFF}


/*footer*/
#footer {
	color:#000000;
	font-size:0.6875em;
	padding:24px 0px 23px;
	text-align:center;
	font-family:Arial;
	background-image: url(images/common/divider.gif);
	background-repeat: repeat-x;
	height: 20px;
	width: 755px;
		
	
}
#footer a {color:#0066cc; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.jamp2{margin-right:17px; }
.jamp3{margin-right:15px}
select{ width:89px; border:1px solid #863800; background:#fff2cc; font-size:1em; vertical-align:middle; height:21px; margin-bottom:13px; color:#3d270f}
.input{
	width:300px; height:21px;
	margin:32px 0 5px 0
}

----------THIS AFFECTS THE WEB FORM!!!!

dot.input1{
	width:300px; height:21px;
	margin:2px 0 7px 0
}
nodot.input{
   	border:1px solid #863800; 
	background:#fff2cc;
	width:218px; height:21px;
	font-size:1em;
	padding-left:5px;
	color:#3d270f;
	margin-bottom:5px
}



dot.textarea{
   width:218px; height:79px;}
nodot.textarea{
   	border:1px solid #863800; 
	background:#fff2cc;
	color:#3d270f;
	width:300px; height:78px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}