body {
	background-color:#f1f1f1;	
	text-align:center;
	padding:0;
	margin:0;
	font:1em Georgia, "Times New Roman", Times, serif;
	color:#c20303;
}


img { display:block; }

.clear { clear:both; }

#containerouter {
	margin:auto;
	padding:0;
	width:784px;
	background-color:#e6e6e6;
	position:relative;
	text-align:left;
}

#container { 
	width:780px;
	margin:auto;
	padding:0;
	background-color:#fff;
	position:relative;
}





/*** Top ***************************************************************/




	

#top {
	background-color:#c20303;
	background-image:url(images/topfade.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	width:780px;
	height:140px;
	position:relative;

}

#logo {
	position:absolute;
	top:0px;
	left:0px;
}	



#face {
	float:right;
}



/*** Navigation ***************************************************************/








#nav {
	background-image:url(images/jem-nav.gif);
	background-repeat:repeat;
	height:29px;
	width:780px;
	position:absolute;
	top:111px;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
}

#nav ul {	
	list-style: none;
	padding:0;
	margin:2px 0 0 0;
	text-align:center;
}

#nav li {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	color:#fff;
	list-style: none;
	display: inline;
	padding:0 10px 0 10px;
	
}

#nav li a {
	color:#fff;
	text-decoration:none;	
}

#nav li a:hover {
	color:#edb4b4;	
	text-decoration:none;
}





/*** Content ***************************************************************/








#content {
	width:780px;
	float:left;
	background-image:url(images/whitebg.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:0 0 30px 0;
}

#content #left {
	width:560px;
	float:left;
}

#content #left h1{
	padding:15px 0 25px 20px;
	color:#c20303;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	margin:0;
}

#content #left h4{
	padding:10px 0 0 15px;
	color:#c20303;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	margin:0 0 0 20px;
	background-image:url(images/headcorner.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#content #left p{
	padding:10px 45px 20px 45px;	
	font: 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:0;
}


#content .quote {
	float:left;
	padding:0 15px 15px 0;
}

#content #left .picouter {
	float:right;
	padding:5px;
	background-color:#fff;
	border:10px solid #f1f1f1;
	margin:10px 40px 10px 20px;
	display: inline;
}

#content #left .picinner {
	padding:5px;
	background-color:#fff;
	width:161px;
	height:92px;
}


#content #left .picouterteam {
	float:right;
	padding:10px;
	background-color:#f1f1f1;
	width:116px;
	height:136px;
	margin:15px 40px 20px 20px;
	display: inline;
}

#content #left .picinnerteam {
	padding:5px;
	background-color:#fff;
	width:106px;
	height:126px;
}



#content #left .issue {
	float:right;
	width:136px;
	display: inline;
	margin:15px 40px 20px 20px;		
}

#content #left .issue  h3, #content #left .issue  h5 {
	text-align:center;
	padding:5px 0 0 0;
}

#content #left .issue .picouterissue {
	padding:10px;
	background-color:#f1f1f1;
	width:116px;
	height:136px;	
}

#content #left .issue .picinnerissue{
	padding:5px;
	background-color:#fff;
	width:106px;
	height:126px;
}

#content #left h3{
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:10px 0 15px 25px;
	clear:both;
}


h2{
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:10px 0 15px 25px;
	clear:both;
}

	
#content #left h5{
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 45px;
	clear:both;
}

#content .pastissues{
	

	clear:both;
}



/*** Subscription form  ***************************************************************/


#content #left #subform td{
	padding:2px;
	margin:0;
	text-align:right;
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

#content #left #subform input {
	background-color:#c20303;
	border:1px solid #7f0000;
	font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}


/*** Past issues   ***************************************************************/


#content #right {
	float:left;
	width:220px;
	background-image:url(images/white-line.gif);
	background-repeat:repeat-y;
	background-position:left;
	margin:50px 0 50px 0;
}

#content #right .picouter {
	padding:10px;
	background-color:#f1f1f1;
	width:116px;
	height:136px;
	margin:auto;
}

#content #right .picinner {
	padding:5px;
	background-color:#fff;
	width:106px;
	height:126px;
}



#content #right h5{
	font: 0.9em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
}

#content #right h4{
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0 0 10px 0;
	text-align:center;
}

#content #right h3{
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
}


#content #right p{
	padding:0 25px 0 25px;	
	font: 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin:0;
}


#content #right hr {
	width:70%;
	background-image:url(images/whitelinehoriz.gif);
	height:2px;
}


#right input {
	margin:0 0 0 100px;
	padding:0 10px 0 10px;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
}


.horiz {
	width:170px;
	height:2px;
	background-image:url(images/whitelinehoriz.gif);
	margin:20px 25px 10px 25px;
	
}

#content a{
	color:#c20303;	
	text-decoration:none;
}

#content a:hover{
	color:#edb4b4;	
	text-decoration:none;
}


/*** Update ***************************************************************/


#update {
	padding:0;	
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#c20303;
	margin:0;
}


#update input {
	background-color:#c20303;
	border:1px solid #7f0000;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

/*** Contact ***************************************************************/


#contact {
	width:780px;
	clear:both;
	background-color:#c20303;
	background-image:url(images/basefade.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0 0 20px 0;
	margin:0;
}

#contact p{
	padding:10px 45px 20px 45px;	
	font: 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#fff;
	margin:0;
}


#contact #leftcontact {
	width:562px;
	float:left;
	display: inline;
}


#contact #leftcontact h1{
	padding:15px 0 0 20px;
	color:#fff;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
	margin:0;
}


#contact #form {
	float:left;
	width:240px;
	margin:0 0 0 60px;
	padding:0;
	display: inline;
}

#contact #address {
	float:left;
	padding:0;
	margin:0 0 0 40px;
	display: inline;
}

#contact #address p{
	padding:0;
}

#contact #address a{
	color:#fff;	
	text-decoration:none;
}

#contact #address a:hover{
	color:#edb4b4;	
	text-decoration:none;
}

#contact #rightcontact {
	float:left;
	width:218px;
	background-image:url(images/red-line.gif);
	background-repeat:repeat-y;
	background-position:left;
	margin:50px 0 50px 0;
	text-align:center;
	display: inline;
	background-color:#c20303;
}

#contact #rightcontact #links {
	width:200px;
	margin:auto;
	text-align:center;

}

#contact #rightcontact #links p {
	text-align:center;
	padding:0;
	margin:0;
}

#contact #rightcontact #links img {
	text-align:center;
	padding:15px 0 0 0;
	margin:auto;
	border:0;
}





/*** contact form ***************************************************************/


input {
	background-color:#c20303;
	border:1px solid #7f0000;
	font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

textarea {
	background-color:#c20303;
	border:1px solid #7f0000;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	height:100px;
	color:#fff;
}

.formbox {
	width:170px;
}

#contact td{	
	font: 0.7em/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#fff;
	margin:0;
}


/*** Base ***************************************************************/







#base {
	width:780px;
	clear:both;
	background-color:#7f0000;
	text-align:center;
	padding:0;
	margin:0;
}

#base h3 {
	color:#fff;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	padding:5px;
	margin:0;
}

#base h3 a {
	color:#edb4b4;
	padding:5px;
	margin:0;
	text-decoration:none;
}






.clearfix:after {
display:block;
content:".";
height:0;
visibility:hidden;
clear:both;
}
.clearfix {display:inline-table;}/* for IEMac only */

/* this line hides these rules from IEMac \*/
* html .clearfix{height:1%;} /* for IE*/
.clearfix {display:block;} /* resets to block */
/* end hide from IEMac */