/* old styles import */
.home_spacer {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	background-image: url(../images/home_yellow_spacer.jpg);
}
	
/* hover outline fix */
a {outline: none;}
:focus {-moz-outline-style: none;}
:-moz-any-link:focus {outline: none;}
	
/* global styles */
* {
padding:0;
margin:0;
}
body {
background-color: #ccc;
padding-top:8px;
}
img {
border: 0;
}
.clear {
clear:both;
}
a:link {
color: #666;
text-decoration: none;
}
	a:visited {
	text-decoration: none;
	color: #af9319;
	}
	a:hover {
	text-decoration: none;
	color: #af9319;
	}
	a:active {
	text-decoration: none;
	color: #666;
	}	
p a {
color:#666;
text-decoration:underline;
font-weight:bold; 
}
	p a:hover {
	color: #af9319;
	text-decoration:underline;
	}
		
/* FONT */
h1 {
font-family:'TrajanProBold', "Times New Roman", Times, serif;
font-size: 21px;
line-height:21px; 	
letter-spacing:-.5px;
color: #af9319;
text-shadow: 0 3px 3px #f2eeda;
text-transform:capitalize;
}
#aboutSect h2 {
	font-family:'TrajanProBold', "Times New Roman", Times, serif;
	font-size: 18px;
	color: #af9319;
	font-weight:normal;
	text-shadow: 0 3px 3px #ddd;
	padding:10px 30px 0 25px;
}
h3 {
font-family:'TrajanProBold', "Times New Roman", Times, serif;
font-size: 19px;
line-height:19px; 	
letter-spacing:-.5px;
color: #5d799c;
text-shadow: 0 3px 3px #eee;
text-transform:capitalize;
}
h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;	
color:#fff;	
font-weight:bold;
background:#5d799c;	
}
h5 {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
font-size:14px;
color:#555;
}

/* @font-face Fonts*/
@font-face {
	font-family: 'TrajanProBold';
	src: url('type/TrajanPro-Bold.eot');
	src: local('Trajan Pro Bold'), local('TrajanPro-Bold'), 
	url('type/TrajanPro-Bold.woff') format('woff'), 
	url('type/TrajanPro-Bold.otf') format('opentype'), 
	url('type/TrajanPro-Bold.svg#TrajanPro-Bold') format('svg');
}

/* PUBLICATIONS LAYOUT */
#publication { 
display:block;
width:850px;
background:#fff;
padding-bottom:20px;
border-top:1px solid #ccc;
margin:0 auto;
}
	#leftColumn {
	display:block;
	width:215px;
	float:left;
	text-align:left;
	}
	#rightColumn {
	display:block;
	width:630px;
	float:right;
	text-align:left;
	}
		
/* left column !UNIVERSAL for Publications */
a.subscriberSub {
display:block;
width:180px;
height:34px;
margin:20px 0 0 31px;
background:url(../images/bttn_subscriber_sub.gif) no-repeat left top;
text-decoration:none;
border:none;	
}
	a.subscriberSub:hover {
	background:url(../images/bttn_subscriber_sub.gif) no-repeat left bottom;	
	}	 
a.viewing:link,a.viewing:visited
                  { 
                   background:#AF9319;
                   color:white;
                   font-weight:bold;
                   font-family:Arial, Helvetica, sans-serif;
                   font-size:13px;
                   padding-top:5px;
                   padding-bottom:5px;
                   padding-left:20px;
                   padding-right:20px;
                   -moz-border-radius:10px;
                   margin-left:35px;
                   margin-top:10px;
                  }
a.viewing:hover,a.viewing:active,a.viewing:focus
                  {
                   color:#1F1A0C;
                  }
ul#subNav {
display:block;
width:185px;
list-style:none;
margin:20px 0 0 30px;
border-top:1px solid #7d7f80;
}	
	ul#subNav li{
	display:block;
	height:30px;
	border-bottom:1px solid #7d7f80;	
	}
		ul#subNav li a, ul#subNav li.active {
		display:block;
	    height:30px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:30px; 
		font-size:12px;
		font-weight:bold;
		text-decoration:none; 	
		}
		    ul#subNav li a {
			color:#7d7f80;		
		    background: url(../images/bttn_subNav.gif) no-repeat right bottom;	
			}
			ul#subNav li.active {
			color:#af9319;
			background: url(../images/bttn_subNav.gif) no-repeat right top;
			}
				ul#subNav li a:hover {
				text-decoration:none; 
				color:#af9319;
				background: url(../images/bttn_subNav.gif) no-repeat right top;	
				}
				
.advSubs {
display:block;
width:185px;
list-style:none;
margin:20px 0 0 30px;
background:#dee3eb;	
border-bottom:5px solid #5d799c;
}
		.advSubs h4 {
		letter-spacing:-.5px;
		padding:5px 5px 5px 5px;	
		}
		.advSubs p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;	
		font-weight:normal;
        padding:5px 5px 6px 5px;
		}
			.advSubs p a {
			color:#666;
			text-decoration:underline;
			font-weight:bold; 
			}
				.advSubs p a:hover {
				color: #af9319;
				text-decoration:underline;
				}	
		
/* 1ST PAGE | MARINE MONEY MAGAZINE !right column */	
#subLeft {
display:block;
width:260px;
float:left;
background:url(../images/MM_Mag_2009_10_cover.gif) no-repeat 26px 20px;
}
	p.txtTitle {
	display:block;
	width:260px;
	text-align:center;
	margin:300px 0 0 0;
	padding:0;	
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bolder;
	font-size:14px;
	color:#555;
	}
	a.benefitsBttn {
	display:block;
	width:207px;
	height:35px;
	margin:10px auto;
	background:url(../images/bttn_benefits.gif) no-repeat left top;
	text-decoration:none;
	border:none;	
	}
		a.benefitsBttn:hover {
		background:url(../images/bttn_benefits.gif) no-repeat left bottom;	
		}
	
#subRight {
display:block;
width:360px;
float:right ;
text-align:left;
}
a.logout:link, a.logout:visited
       {
	float: right;
	margin-right: 45px;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
       }
a.logout:hover, a.logout:active, a.logout:focus
       {
	color:#1F1A0C;
       }
	#subRight h1 {
	padding:20px 30px 0 0;
	}
	ul#feturedStory {
	display:block;
	margin:10px 30px 10px 0;
	padding-bottom:10px;
	border-top:5px solid #5d799c;	
	border-bottom:5px solid #5d799c;	
	}	
		ul#feturedStory li {
		list-style:none;
		padding:10px 0 0 0;
		}		
			ul#feturedStory li a{
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:13px;
			font-weight:bold;
			text-decoration:underline; 
			color:#555;		
			background:#fff;			
			}
				ul#feturedStory li a:hover{
				color:#5d799c;	
				}
				
/* 2ND PAGE | FRESHLY MINTED !right column */	
#sub2ndPage {
display:block;
width:100%;
text-align:left;
}
	#sub2ndPage h1 {
	padding:20px 30px 0 23px;	
	}
	span.txtAdd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:normal;
	font-weight:bold;
	color: #444;
	padding-left:10px;
	}
	#sub2ndPage h5 {
	line-height:16px;
	padding-left:25px;
	} 
	    /* current edition container */	
		#currentEd	{
		position:relative;
		display:block;
		margin:20px 30px 15px 25px;
		padding-bottom:15px;
		background:#dee3eb;	
		}	
		span.imgMaMoBlue {
		position:absolute; 
		top:10px; 
		right:0;
		display:block;
		width:240px;
		height:115px;
		z-index:33;
		background:url(../images/FMHeader2007.png) no-repeat;
		}
		#currentEd h4 {padding:10px;}
		
			#currentEd div#EdLeft {
			float:left;
			display:block;
			width:290px;
			}						
				#EdLeft	ul {
				display:block;
				width:290px;
				margin:0 0 0 10px;
				}
					#EdLeft ul li {
					list-style:none;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					font-style:italic;
					text-shadow: 0 3px 3px #ddd;
					font-weight:bold;
					color:#555;	
					margin:15px 0 0 0;
					}
							
						#EdLeft	ul.lev2 {
						display:block;
						margin:5px 0 0 0;	
						}
							#EdLeft ul.lev2 li {
							list-style:none;
							margin:0 0 10px 10px;
							font-style:normal;
							font-weight:normal;
							}
								#EdLeft ul.lev2 li a{
								font-family:Arial, Helvetica, sans-serif;
								font-size:13px;
								text-decoration:underline; 
								color:#555;					
								}
									#EdLeft ul.lev2 li a:hover{
									color:#5d799c;	
									}	
			
			#currentEd div#EdRight {
			float:right;
			display:block;
			width:230px;
			}							
			#EdRight ul {
			display:block;
			width:230px;
			margin:95px 0 0 0;			
			}
				#EdRight ul li {
				list-style:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height:14px;
				font-style:italic;
				font-weight:bold;
				text-shadow: 0 3px 3px #ddd;
				color:#555;	
				margin:15px 0 0 0;
				}

/* 3RD PAGE | MARINE MONEY – ASIA !right column */	
span.imgMaMoAsia {
position:absolute; 
top:10px; 
right:0;
display:block;
width:240px;
height:115px;
z-index:33;
background:url(../images/AEHeader2007.png) no-repeat;
}

/* 4TH PAGE | OTHER PUBLICATIONS !right column */
h1.padH1{
padding:0 0 13px 0;
margin:20px 30px 0 23px;
border-bottom:1px solid #ddd;	
}
div.orderNow {
position:relative;
display:block;
padding-bottom:18px;
margin:0 30px 0 25px;
border-bottom:1px solid #ddd;
}	
	.orderNow  h3 {
	display:block;
	padding:15px 0 0 0;
	margin-right:130px;
	}
	.orderNow  h5 {
	display:block;
	padding:4px 0 0 0;
	margin-right:130px;
		}
		.orderNow  h5 a {
		text-decoration:underline;
		color:#555;
		}
			.orderNow  h5 a:hover {
			color: #af9319; /*blue value = #5d799c;*/
			}				
	/* this style used when order button in place*/		
	a.orderNowBttn {
	position:absolute;
	right:0;
	top:28px;
	z-index:33;
	display:block;
	width:101px;
	height:19px;
	background:url(../images/bttn_ordernow.gif) no-repeat left top;
	text-decoration:none;
	border:none;	
	}
		a.orderNowBttn:hover {
		background:url(../images/bttn_ordernow.gif) no-repeat left bottom;
		}
	/* this style used when free order in place*/		
	p.freeOrder {
	position:absolute;
	right:0;
	top:25px;
	z-index:33;
	display:block;
	width:107px;
	padding:0;
	margin:0;
		text-align:center;
		color:#af9319;
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		line-height:15px;
		font-weight:bold;
		text-shadow: 0 3px 3px #ddd;
	}

/* 5TH PAGE | ADVERTISE !right column */
div.advert {
display:block;
padding:10px 190px 30px 0;
margin:0 25px 0 0;
background:url(../images/MaMo_mag_2009_10_small.gif) no-repeat right 20px;
}
	h2.subSect {
	display:block;
	padding:0 0 3px 0;
	margin:5px 30px 0 23px;
	border-bottom:1px solid #ddd;
	font-family:'TrajanProBold', "Times New Roman", Times, serif;
	font-size: 21px;
	color: #af9319;
	font-weight:normal;
	text-shadow: 0 3px 3px #ddd;
	}
				
/* about section !UNIVERSAL for Publications */	
#aboutSect {
display:block;
width:100%;
clear:both;
text-align:left;
}
	#aboutSect h2 {
	padding:10px 30px 0 25px;
	}
	p {	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	padding:10px 35px 0 25px;
	}
		#aboutSect p a {
		text-decoration:underline;
		font-weight:bold; 
		}
		
/* 
////////////////////////////////////////////////////////////////////
USER INTERACTIONS !UNIVERSAL for Publications
////////////////////////////////////////////////////////////////////	
/* Toggle Open/Close */
.hide {
display:none;
padding:0 0 10px 0;
margin:0;
background:#dee3eb;	
}
	.hide p  {
	padding:0 10px 5px 10px;
	margin:0;
	}
		
        /* 1ST PAGE */
		ul#feturedStory li span { 
		display:inline-block;
		margin:0 0 0 6px;
		height:19px;
		width:24px;
		/* Commented out to remove +- icon as not working (MEH) */
		/* background:url(../images/ico_openclose.gif) no-repeat left 6px;	*/
		}
		ul#feturedStory li.hide {/* needed for user toggle js */
		padding:5px 0 5px 0 !important;
		margin:3px 0 0 0;
		border:1px solid #7d94b0;
		}
			ul#feturedStory li.hide p a {
			color:#af9319;
			background:#dee3eb !important;	
			}
				ul#feturedStory li.hide p a:hover {
				color:#555;	
				}

        /* 2ND+3RD PAGE */
		#EdLeft ul.lev2 li span { 
		display:inline-block;
		margin:0 0 0 6px;
		height:15px;
		width:24px;
		/* Commented out to remove +- icon as not working (MEH) */
		/* background:url(../images/ico_openclose.gif) no-repeat left 4px;	*/
		}
		#EdLeft ul.lev2 li.hide {/* needed for user toggle js */
		padding:5px 0 5px 0 !important;
		margin:0 0 15px 10px;
		border:1px solid #fff;
		}
		
		/* 4TH PAGE */
		.hideMe {
		display:none;
		padding:0 0 0 0;
		margin:0;
		background:#fff;	
			font-family:Arial, Helvetica, sans-serif;
		}
			.hideMe p {
	padding:10px 120px 0 10px;
	margin:0;
	font-weight:normal;
	font-size: 14px;
	color: #555;
			}
			.hideMe ul {	
			padding:5px 120px 0 25px;
			margin:0;
			font-size: 14px;
			color: #555;
			}
				.hideMe ul li {
				padding:5px 0 0 0;
				}
		
				
a.ColleagueBttn {
	display:block;
	width:207px;
	height:40px;
	text-decoration:none;
	border:none;
	background-image: url(../../images/tell_collegue_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 30px;
	text-indent: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
a.ColleagueBttn:hover {
	background-image: url(../../images/tell_collegue_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 207px;
}
a.CalendarBttn {
	display:block;
	width:207px;
	height:40px;
	text-decoration:none;
	border:none;
	background-image: url(../../images/my_calendar_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 30px;
	text-indent: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
a.CalendarBttn:hover {
	background-image: url(../../images/my_calendar_icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	width: 207px;
}
.hideMe2 p {
	padding:10px 120px 0 10px;
	margin:0;
	font-weight:normal;
	font-size: 14px;
	color: #555;
}
.magazinedescription {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: italic;
	color: #666;
}