/* 
	JSAG Interactive Cover
	
*/

BODY { 
	background-color: #F6F4F2;
	margin: 10px 10px 10px 10px; padding: 0px;
	text-align: center; white-space: nowrap;
}

* { color: white; color:black; }

TABLE { margin:0px; border:none; padding:0px; }
DIV { margin:0px; border:none; padding:0px; }
IMG { margin:0px; border:none; } 

/*
	The cover is an 'img' (not a 'background-image') so that we can use a true image map.
	Date and Menu are positioned OVER the <img> using NEGATIVE margins and relative positioning.
*/

img#cover { border:solid 1px #805040; border-right-color:#342b28; cursor:auto; }

P.volume-date { 
	width:466px; height:88px; margin:-430px 39px 0px 40px;
	font: italic bold 19px Arial,Tahoma,sans-serif; 
	text-align:right; color: #FFC200; }

div#center-menu {
	position:relative; z-index:57;
	margin:139px 0px 0px 0px; }

table.menu-area {
	width: 545px; margin:0px 0px 0px 0px; 
	vertical-align: top; text-align: center; }

div#primeDisplay { 
	position:relative; z-index:59; 
	width:545px; top:-280px; margin:0px 0px 0px 0px; text-align:right; }
	
P#primeText{
	position:relative; top:-185; z-index:61;
	width:505px; margin:0px 0px 0px 0px; padding-right:40px; text-align:right;
	font: normal bold 16pt Georgia,Tahoma,Arial,sans-serif;
	color:#FFC200; }

table.journal-menu { 
	vertical-align: top;
	text-align: center;
	margin: 0px; border: none; padding: 0px; 
	margin-top:100px;}

/*
	Delicate center alignment of sub-menus in the menu area 
	Using 'margin' to shift TABLES right/left from their basic 'float' position
	Mystery: IE ** doubles ** the margin values !!  Or applies them twice ??
*/
TD.sub-menus { padding:0px 37px 0px 37px; height:22px; vertical-align:top; }

TABLE#sub-menu-T1 { margin-left:20px; margin-right:0px; float:left; }
TABLE#sub-menu-T2 { margin-left:120px; margin-right:0px; float:left; }
TABLE#sub-menu-T3 { margin-left:120px; margin-right:0px; float:none; }
TABLE#sub-menu-T4 { margin-left:0px; margin-right:40px; float:right; }
TABLE#sub-menu-T5 { margin-left:0px; margin-right:1px; float:right; }
 
/*
	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; color:#acda8a;
}

/*
	Titles
*/

TD.menu-title { 
	text-align: center;
	vertical-align: bottom; }

.menu-title-reg, .menu-title-sel { 
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	margin-left: 7px; margin-right: 7px;
	margin-top: 0px; margin-bottom: 0px;
	text-decoration: none }

.menu-title-sel { color: #7a9a63; }

TD.menu-item {		/*	cell with link inside */
	border-top: solid 1px #acda8a;
	padding: 0px; }
	
.menu-item-reg, .menu-item-sel { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	line-height: 125%;
	text-decoration: none;
	color: white; }

.menu-item-sel { color: #7a9a63; }

.bullet-item {
	width: 4px;
	height: 4px;
	background-color: #acda8a;
	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: #acda8a; }
	
/*
	Margins AROUND the interactive menu for 'catching' and disabling cursor.
*/

.menu-exit { width: 10px; height: 10px; }

/*	End */