/*--------------------------------------------------------------*/
/* Filename:     content.css        by L J                      */
/* Purpose:      Basic "Block" template for J&J EnterPrizes'    */
/*              Pages.                                          */
/*                                                              */
/*--------------------------------------------------------------*/
/*Comments:                                                     */
/*--------------------------------------------------------------*/
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
			/*  -------- Begin Layout ---------- */
/* -------------------------------------------------------------- */

body 					{
	MARGIN: 0; PADDING: 0;
	width: 1000px; min-width: 1000px;
  }
html					{
	margin: 0;	padding: 0;
	min-height: 100%; height: 100%;
}
div > p 				{ /* Removes default top margin from left/right column paragraphs in Mozilla */
      margin-top: 0;
    }
img.jnjlogo				{
	margin: 1pt; padding: 0;
	position: relative; left: -45%; top: 10pt;
}
ul						{
	display: list-item;
}
ul.navleft				{
	margin: 1pt auto; padding: 0;
	list-style: none;
	width: 97%;
}
ul.subnavleft 			{
	margin: 0 0 0 10pt; padding: 0;
	list-style: none;
	width: 94%;
	}
ul.subnavleft li		{
	padding: 0 0 0 0.1em;
}
ul.subnavleft li a		{
	font-style: italic;
}
ul.subnavleft2 			{
	margin: 0 0 0 10pt; padding: 0;
	list-style: none;
	width: 94%;
	}
ul.subnavleft2 li		{
	padding: 0 0 0 0.1em;
}
ul.subnavleft2 li a		{
	font-style: normal;
}

.ads						{
	position: relative;
	margin: auto; padding: auto; text-align: center;
	width: 88%; max-width: 88%;
}
.clearboth 					{
	clear: both;
	}
.floatleft1					{
	float: left; margin: 0pt 2pt -2pt 0;
}
.floatleft1clr					{
	clear: left; display: block;
}
.floatleft1txt				{
	display: block;
	position: relative; margin: 0pt
}
.jnjlogo {
	margin: 1pt 1.5pt; padding: 0 0 0 2pt;
	width: 45px; HEIGHT: 23px;
	position: relative;
	left: 0px; top: 3px;
}
.notice 				{
	text-align: center;
	}
.shadowback 					{
	margin-top: -1.1em; margin-right: 0; margin-bottom: 0; margin-left: 0.11em;
	padding: 0; z-index: 0;
	}
.shadowdiv 						{
	position: relative; right: 2%; top: -90%;
	margin-top: 0; padding: 0.05em 0; text-align: right;
	}
.shadowfront 					{
	position: relative; z-index: 1;
	margin: -0.1em; padding: 0;
	}
#center 				{
	MARGIN: 0 0 0 24.3%; padding: 3pt 6pt 3pt 6pt;
	width: 49.4%; height: 100%;
  }
#center 				{	/* MSIE 7 Hack */
	* margin: 0 0 0 0;
  }
#center .centerimg 		{
	margin-left:auto; margin-right: auto; display: block;
	}
#center hr 				{
	margin: 3pt auto 3pt auto; padding: 0; height: 3pt; width: 200pt;
	}
#center hr 				{	/* MSIE 7 Hack */
	* position: relative;
	* margin: 3pt 20% 3pt auto; padding: 0; height: 3pt; width: 200pt;
	}
#center p				{
	position: relative; left: 0;
}
#center p.ads {
	position: relative; width: 90%;
	margin: auto; padding: 2pt; text-align: center;
	}
#center p.ads a {
	position: relative;
	margin: auto; padding: auto; text-align: center;
	width: 88%; max-width: 88%;
	}
#center p.ads a img {
	position: relative; display: block
	margin: 1pt auto; padding: 0;
	}
#footer 				{
    MARGIN: 8px auto; padding: 2px;
    position: relative; bottom: 10pt;
    TEXT-ALIGN: Center; width: 98%;
    }
#jampj 					{
	display: block; width: 109px; height: 69px;
	margin: 4pt auto auto auto; padding: 0;
	}
#left 					{
	position: relative; float: left;
	width: 240px; max-width: 240px; height: 98%;
	}
#left hr 				{
	margin-left: auto; margin-right: auto; padding: 0;
	height: 3pt; width: 30pt;
	}
#left p					{
	margin: 3pt auto; padding: 0;
	width: 97%;
}
#navtop					{
	margin: 0 0 0 0%; padding: 0;
	position: absolute; top: 0; left: 45%;
}
#navtop a					{
*	position: relative;
/*	margin: 0 0 0 0.6%; padding: 0.5pt 1pt; */
}
#right 					{
	position: relative; float: right;
	width: 240px; max-width: 240px; height: 98%;
	margin: 0 0 6px 0px; padding: 0;
	}
#right 					{ /* MSIE 7 Hack */
	* margin: 0 0 6px 0px; padding: 0;
	}
#right hr 				{
	margin: 4pt auto; padding: 0;
	height: 3pt; width: 30pt; display: block;
    }
#right p					{
	margin: 5pt auto; padding: 0;
	width: 90%;
}
#right p					{ 	/* MSIE 7 Hack */
	* margin: 5pt 8% 5pt auto;
}
#tagline2				{
	position: absolute; top: 0pt;
	margin: 0 0 0 0.6%; padding: 0.5pt 1pt;
}
#tagline2				{	/* MSIE 7 Hack */
	 * left: -1pt;
}
#top 					{
	width: 98%;
	margin: 14pt auto 4pt; padding: 0.5pt 0 0;
  	height: 138px; text-align: center;
  	}
#top 					{	/* MSIE 7 Hack */
	* margin: 24pt auto 4pt; padding: 0.5pt 0 0;
	* position: relative; top: 16pt;
  	}
#top h1					{
	position: relative; top: -25pt;
	margin: 0 0 -26pt; padding: 0;
}
#top h1					{ /* MSIE 7 Hack */
	* top: -28pt;
	* margin: 0 0 -34pt;
}
#top h2					{
	position: relative; top: -5pt;
	margin: 1pt 0 -8pt; padding: 0;
}
#top h2					{ /* MSIE 7 Hack */
	* top: -10pt;
	* margin: 1pt 0 -15pt;
}
#top hr 				{
	margin: 0pt auto 0;
	height: 3pt; width: 80%;
	}
#top p 					{
	text-align: center;
	margin: 4pt auto 0pt; padding: 1pt 1pt 0;
	width: 25%; height: 35%;
	}
#top p span				{
	margin: 2pt 0pt 0; padding: 0pt;
	text-align: center; display: block;
}
#wrapper 				{
	margin: 0.5%; padding: 4pt 0;
	height: 100%; overflow: visible;
	}
#wrapper 				{	/* MSIE 7 Hack */
	* margin: 2.8% 0.5%; padding: 4pt 0;
}
/* ------------------------------------------------------------- */
			/*  -------- End Layout ---------- */
/* ------------------------------------------------------------- */

/* ------------------------------------------------------------- */
			/*  -------- Begin Format ---------- */
/* ------------------------------------------------------------- */

body 					{
	font-family: "trebuchet ms", "lucida sans", geneva, skia, arial, helvetica, verdana, arial, "ms sans-serif", tahoma, sans-serif;
	background-color: #f0f8ff; color: #000000;
	/* n/a background-image: url(hban_bl.gif); background-repeat: repeat;	*/
	font-size: medium;
  }
a 						{
	text-decoration: none;
	}
div						{
}
h1						{
	font-weight: 900; font-size: 4em; text-transform: uppercase;
	font-family: georgia, garamond, "ms serif", palatino, "Times New Roman", serif;
	background-color: transparent; color: #050845;
}
h2						{
	font-style: italic; font-weight: 800; font-size: 3.2em;
	font-family: arial, helvetica, verdana, geneva, "trebuchet ms", "ms sans-serif", sans-serif;
	background-color: transparent;color: #9c1a1e;
}
h3						{
	font-weight: bold; font-size: 2.7em; font-family: tahoma, verdana, geneva, "ms sans-serif", sans-serif;
	background-color: transparent;color: #00008b; 	/* a dark blue color */
}
h4						{
	font-weight: bold; font-size: 2.2em; font-family: "modern no.20", "engravers mt", "times new roman", serif;
	background-color: transparent;color: #000000;
}
h5						{
	font-style: italic; font-weight: bold; font-size: 1.5em; font-family: tahoma, verdana, geneva, sans-serif;
	background-color: transparent; color:  #970044;
}
h6						{
	font-weight: bold;font-size: 1em; font-family: tahoma, verdana, geneva, sans-serif;
	background-color: transparent;color: #00008b;
}
h7						{
	font-weight: bold; font-size: 0.7em; font-family: tahoma, verdana, geneva, sans-serif;
	background-color: transparent; color: #00008b; 	/* a dark blue color */
}
p						{
	background-color: #f5f5f5; color: #000000;
}
ul						{
	background-color: #f5f5f5; color: #000000;
}
ul.navleft				{
	background-color: #f0f8ff; color: #4169e1;
	}
ul.navleft li				{	/* MSIE le 6 Hack */
	border-top: 3px solid #000080;
	}
ul.subnavleft				{
	background-color: #add8e6; color: #4169e1;
	}
ul.subnavleft a				{
	font-size: 0.8em;
}
ul.subnavleft li			{
	border-top: 1px solid #add8e6;
	}
ul.subnavleft2				{
	background-color: #fff0f5; color: #4169e1;
	}
ul.subnavleft2 a				{
	font-size: 0.8em;
}
ul.subnavleft2 li			{
	border-top: 1px solid #fff0f5;
	}

.ads {
	background-color: #b0c4de; color: #fff;
	font-weight: bolder;
	}
.copyright 				{
	font-size: x-small;
	background-color: transparent; color: #000080;
	font-family: font-family: georgia, garamond, "Courier New", "Times New Roman", serif;
	}
.expired 				{
	font-size: 11pt; font-style: italic:
	background-color: white; color: red;
	}
.floatleft1					{
}
.floatleft1txt				{
	font-size: x-small;
}
.jjline 				{
	font-size: x-small; font-style: italic;
	background-color: transparent; color: #000080;
	font-family: font-family: georgia, garamond, "ms serif", palatino, "Times New Roman", serif;
	}
.notice 				{
	font-size: 9pt; font-style: italic; background-color: yellow; color: #050845;
	border-top: 2px solid #9c0000;
	}
.shadowback 					{
	background-color: transparent; color: #6a5acd;
	}
.shadowdiv	h5				{
	font-family: georgia, garamond, palatino, "times new roman", "ms serif", serif;
	font-size: 26pt; font-weight: 900; font-style: normal;
}
.shadowfront 					{
	background-color: transparent; color: #050845;
	}

#center 				{
	background-color: #f0f0f0; color: #000;
	font-size: 0.9em;
	border-left: 1pt solid #050845; border-right: 0.8pt solid #050845;
	border-bottom: 1pt solid #050845; border-top: 1pt solid #050845;
  }
#center a img			{
	border-style: none;
	}
#center hr 				{
	background-color: #9C0000; color: #9C0000;
	}
#center p.ads {
	background-color: #b0c4de;
	}
#center .centerimg 		{
	border-style: none;
	}
#footer 				{
    border-top: 2px solid #9c0000;
	background-color: #f5f5f5;  COLOR: #000080;
    }
#footer hr 				{
	 background-color: #9C0000; color: #9C0000;
	 }
#footer p				{
	background-color: color: #000000;
}
#jampj 					{
	border-width: thick; border-style: outset; border-color: #003031;
	}
#left 					{
	background-color: #050845; color: #fff;
	BACKGROUND-IMAGE: url(../images/side-col.jpg);
	BACKGROUND-REPEAT: Repeat-y;  BORDER-RIGHT: 1px Solid #050845;
	border-right: 1px solid #9c0000;
	}
#left a img 			{
	border-style: none;
	}
#left hr 				{
	background-color: #9C0000; color: #9C0000;
	}
#navtop a					{
	font-size: x-small; font-style: normal; background-color: transparent; color: #050845;
	text-decoration: none;
}
#right 					{
	background-color: #050845; color: #fff;
	BACKGROUND-IMAGE: url(../images/side-col.jpg);
	BACKGROUND-REPEAT: Repeat-y;  BORDER-RIGHT: 1px Solid #050845;
	border-left: 1px solid #9c0000;
	}
#right a img 			{
	border-style: none;
	}
#right hr 				{
	background-color: #9C0000; color: #9C0000;
    }
#tagline2 				{
	font-size: x-small; font-style: italic; background-color: yellow; color: #050845;
	font-family:"trebuchet ms", "sans-serif ms", verdana, sans-serif;
	border-top: 2px solid #9c0000;
	}
#top 					{
	background-color: #dcdcdc; color: #f5f5f5;
	background-image: url(../images/bg-tcol.jpg);
	border-style: Outset; border-width: 5px; border-color: #F5F5F5;
	}
#top hr 				{
	background-color: #9C0000; color: #9C0000;
	}

/* ------------------------------------------------------------- */
			/*  -------- End Format ---------- */
/* --------------------------------------------------------------- */

/* ------------------------------------------------------------- */
		/*  -------- Begin Navigation ---------- */
/* --------------------------------------------------------------- */

a:link, a:visited		{
	background-color: transparent; color: #4169e1;
	}
a:hover 				{
	background-color: #b0c4de; color: #6a5acd;
	text-decoration: none;
	}
a:active 				{
	background-color: transparent; color: #4169e1;
	}

ul.navleft li a:link, ul.navleft li a:visited
							{
	display: block;
	padding: 2px 4%;
	padding: 2px 4%;
}
ul.navleft li a:hover		{
	display: block;
	background-color: #b0c4de; color: #6a5acd;
}
ul.navleft li a:active		{
	display: block;
	padding: 2px 4%;
}

ul.subnavleft li a:link, ul.subnavleft li a:visited
							{
	display: block;
	padding: 2px 4%;
	padding: 2px 4%;
}
ul.subnavleft li a:hover		{
	display: block;
	background-color: #b0c4de; color: #6a5acd;
}
ul.subnavleft li a:active		{
	display: block;
	padding: 2px 4%;
}

ul.subnavleft2 li a:link, ul.subnavleft2 li a:visited
							{
	display: block;
	padding: 2px 4%;
	padding: 2px 4%;
}
ul.subnavleft2 li a:hover		{
	display: block;
	background-color: #b0c4de; color: #6a5acd;
}
ul.subnavleft2 li a:active		{
	display: block;
	padding: 2px 4%;
}

	a.helpcopy 						{
		position: relative; text-decoration: none; display: block;
		background-color: #ffffff; color: #000000;
		font-family: "Times New Roman", Roman, Serif !important;
		line-height: 1.5; text-decoration: none;
		}
	a.helpcopy:link,  a.helpcopy:visited {
		position: relative; font-size: 12pt; line-height: 1.5;
		background-color: #ffffff !important; color: #000000 !important;
		}
	a.helpcopy:hover 				{
		position: relative; display: inline; text-decoration: none !important;
		MARGIN: 0; PADDING: 3px 0;
		background-color: #ffffff !important; color: #ccc !important;
		cursor: help !important;
		font-size: 12pt; line-height: 1.5;
		font-family: "Times New Roman", Roman, Serif;
		}
	a.helpcopy:action 				{
		position: relative; display: block; text-decoration: none;
		background-color: #ffffff !important; color: #000000 !important; line-height: 1.5;
		}

.help a 						{
	width: 9em;
	text-decoration: none; font: 12pt/1.5 "times new roman", roman, serif;
	background-color: #ffffff; color:  #000000;
	}
.help a:link, .help a:visit 	{
	display: block;
	font: 12pt/1.5 "times new roman", roman, serif;
	background-color: #ccc; color:  #000000;
	}
.help a:link, .help a:visit 	{		/* ie hack to correct colors and text flow space. */
	* background-color: #ffffff; * display: inline;
	}
.help a:hover 					{
	text-decoration: none; font: 10pt/1.2 "times new roman", roman, serif;
	background-color: #ffffff; color: #cccccc;  cursor: help;
	}
.help a:action 					{
	display: block;font: 12pt/1.5 "times new roman", roman, serif;
	background-color: #ffffff; color: #000000;
	}



#navtop a:link, #navtop a:link		{
	background-color: #f0; color: #050845;
}
#navtop a:hover					{
	background-color: #050845; color: #f0f8ff;
}
#navtop a:action		{
	background-color: transparent; color: #050845;
}

/* ------------------------------------------------------------- */
			/*  -------- End Navigation ---------- */
/* --------------------------------------------------------------- */