/* --------------------------------------------------
CSS Document For Justice
-------------------------------------------------- */

body {
	background: #ffffff;
	margin-top: 0px;
	line-height:26px
}

/* Horizontal and Vertical lines */
.lines {BACKGROUND-COLOR: #f3f3f3}
hr {color: #c0c0c0;  height: 1px;  width: 90%; padding: 0px 0px 0px 0px;  }

		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 3em;
			color: #FFFFFF;
			margin-bottom: 0px;
			margin-top:0px;
		}
		
		h2 {
			color: #000080;
			margin-bottom: 0px;
			margin-top:10px;
			font-size: 2empt;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #F3F3F3;
			text-align:center
		}
		
		h3 {
			color: #FFFFFF;
			font-size: 1em;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #000080;
			padding:.5em
		}		
		a {
			color:#000000;
			text-decoration: underline;
		}

		a:hover {
			color:#404040;
			text-decoration: underline;
		}
		.center {text-align:center}

/* CONTAINER */

	#container {
	border: 2px solid #000080;
	max-width: 770px;
	min-width: 300px;
	margin: 0 auto;
	margin-top: 12px;
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-size: 1em;
	color: #000000;
	background-color: #ffffff;
	}
/* IMAGES */
img {
    max-width: 100%;
    height: auto;
    /* width: 100%;        to make the image responsive */
}		

.jjsponsors {display:inline-block;width:45%;padding:1em;margin-top:0em;vertical-align:top}
.gtnyinfo {display:inline-block;width:45%;background-color: #F1F1F1;padding: 10px;margin-top:1em}
.sponsorlist {display:inline-block;width: 48%;vertical-align:top}

@media screen and (min-width: 551px) and (max-width: 650px){
	.jjsponsors {display:inline-block;width:50%;padding:1em;margin-top:1em;vertical-align:top}
	.gtnyinfo {display:inline-block;width:38%;background-color: #F1F1F1;padding: 10px;margin-top:1em}
}

@media screen and (min-width: 0px) and (max-width: 550px){
	.jjsponsors {display:block;width:auto;padding:1em;margin-top:1em;vertical-align:top}
	.gtnyinfo {display:block;width:auto;background-color: #F1F1F1;padding: 10px;margin-top:1em}
	.sponsorlist {display:block;width: auto;}
}

.formrow {line-height:3em}

@media screen and (min-width: 0px) and (max-width: 450px){
	input {width:100%}
	.formrow {line-height:2em;margin-bottom:1em}
}

/* BANNER */
#banner {background-image:url('images/jjbanner2.jpg');
			background-repeat: no-repeat;
			height: 200px;
			width: 770px;
	}


/* Menu background */
#menu {background-color:black;
	color: #ffffff;
	font-weight:bold;
	font-size: 14pt 
	}
#menu a:link{
	color: #ff0000;
	font-weight:bold;
	font-size: 14pt 
	}
#menu a:hover{
	color: #ffffff;
	font-weight:bold;
	font-size: 14pt 
	}
#menu a:visited{
	color: silver;
	font-weight:bold;
	font-size: 14pt 
	}


/* copyright Tag */
.ct {font: 9pt "Times New Roman", Times, serif; text-align: center;}

/* PPP Design Tag */
#pdt { font: 9pt "Times New Roman", Times, serif; text-align: right; width: 80%; }
		
		
		/* And they lived happily ever after. The End. */