/* 
	Project:		JoMMS Interactive Cover
	
	(c) Copyright 2005 Lingua Franca Design
	
	Authors:			Modified:				Activity:
	Ev Shafrir		August 18, 2005		Setup
	Ev Shafrir		October 1, 2005		Removed Editor <div>;
													Fixed menu link colors
	Ev Shafrir		December 31, 2005		Replaced w/Rug image;
													Swapped all colors; 
													Repositioned dates on mastheads;
	Ev Shafrir		January 20, 2006		Replaced background image;
													No issue title appears on image;
													Enabled HTML date (in text);
*/

BODY { 
	background-color: #F9F4F3;
	margin: 10px 20px 10px 10px; 
	padding: 0px;
	text-align: center;
   font: italic bold 14pt/1.2 Optima, Helvetica, Tahoma, Arial, sans-serif;
	color: #EFF4FA;
	white-space: nowrap;
}

* { 	
	color: #faf9b1;	
 }

TABLE { margin: 0px; border: none; padding: 0px; }
DIV P { text-align: left; }

/*
	Positioning: top to bottom
	'margin' is used as vertical and horizontal spacer
*/

div#cover {
	background-image: url(cover1.jpg);
	background-repeat: no-repeat;
	margin: 0px; 
	border: solid 1px #6A8BD0;
	border: solid 1px #BF133E;
	padding: 0px;
	width: 506px; height: 713px;
	vertical-align: top;
}

div#editor {	/* currently not in use */
	margin: 317px 0px 0px 125px; }

div#date {	/* also pushes the menu area DOWN: consistency with Firefox */
	margin: 310px 0px 52px 125px; 
	letter-spacing: 1px; }

table.menu-area {
	width: 506px;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	margin-top:500px;
}

table.journal-menu { 
	vertical-align: top;
	text-align: center;
	margin: 0px; border: none; padding: 0px;
}

div#publisher { 	/* area for the MSP logo */
	margin: 70px 0px 0px 0px; 
	border: none; padding: 0px;
	text-align: center;
}

img#logo-link {	/* click-area OVER the MSP logo in the background image */
	margin: 0px 0px 0px 5px; 
	border: none; padding: 0px;
	width: 280px; height: 30px;
}

.sub-menu-1,.sub-menu-2,.sub-menu-3,.sub-menu-4,.sub-menu-5 {
	position: relative; }

#sub-menu-T1 { position: relative; left: -150px; }
#sub-menu-T2 { position: relative; left: -40px; }
#sub-menu-T3 { position: relative; left: 0px; }
#sub-menu-T4 { position: relative; left: 85px; }
#sub-menu-T5 { position: relative; left: 75px; }

/*
	Links - base definitions BEFORE the menu item definitions overrides
*/

.menu-item-reg:link, .menu-title-reg:link,
.menu-item-reg:visited, .menu-title-reg:visited,
.menu-item-reg:active, .menu-title-reg:active {
	text-decoration: none; 
}

DIV.sub-menu {
	margin-left: 27px; margin-right: 27px;}

TD.menu-title { 
	text-align: center;
	vertical-align: bottom; }

.menu-title-reg, .menu-title-sel { 
	font: bold 15px Helvetica, Arial, sans-serif; 
	margin-left: 7px; margin-right: 7px;
	margin-top: 0px; margin-bottom: 0px;
	text-decoration: none; 
	color: #faf9b1;
	}

.menu-title-sel { color: #FFBD4D}

TD.menu-item {		/*	cell with link inside */
	border-top: solid 1px #FFBD4D;
	padding: 0px; }
	
.menu-item-reg, .menu-item-sel { 
	font: 14px Helvetica, Arial, sans-serif; 
	font-weight: bold;
	line-height: 125%;
	text-decoration: none;
	color: #faf9b1;	
	}

.menu-item-sel { color: #FFBD4D}

.bullet-item {
	width: 4px;
	height: 4px;
	background-color: #FFBD4D;
	margin-bottom: 3px;
	margin-top: 5px;
	margin-left: 8px;
	margin-right: 5px;
	border: none;
	padding: 0px; }
 
.first.bullet-item {
	margin-left: 4px;
}

.title-guide-reg, .title-guide-sel {
	width: 1px;
	height: 10px;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-left: 12px;
	margin-right: 12px;
	border: none;
	padding: 0px; }
	
.title-guide-sel { background-color: #FFBD4D; }
	
/*
	Margins AROUND the interactive menu for 'catching' and disabling cursor.
*/

.menu-exit { width: 10px; height: 10px; }

/*	End */
