@charset "UTF-8";

body  {
	margin-top: 5em;/*was 50px*/
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	border: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333; /*dark grey*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	background-color: #000000;
	font-weight: normal;
}

#container {
	width: 95em; /* the auto margins (in conjunction with a width) center the page */
	border: 0em;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto;
	padding: 0;
	overflow: hidden;  /*this is first of 3 part hack for even column heights - see sidebar1 padding*/
	background-color: #FFFFFF;
}
 
#header {
	padding: 0em;
	background-color: #000000;
	height: 14.2em;
	width: 95em;
	background: #C3C url(../media_jrpr/creative/pageheader_wide.jpg) no-repeat right top;
} 

#headerwithphoto {
	padding: 0em;
	background-color: #000000;
	height: 14.2em;
	width: 95em;
	background: #C3C url(../media_jrpr/creative/pageheader_juliet_rowe.jpg) no-repeat right top;
} 


/*#header h1 {
	margin: 0; 
	padding: 10px 0; 
}*/



#sidebar1 {
	float: left; 
	width: 30.8em; /*was 308px*/
	min-height:30em;
	padding: 2em 0px 200em 0;  /*padding bottom is a hack to force columns to be same height*/
	margin: 0 0 -200em 0;   /*margin bottom is second part of hack to force even columns*/
	background-color: #6633CC;
	
}

td {
	padding: 0 0 0.6em 0;
}

						.year1 {
						color: #FF66FF;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 1.6em;
						font-weight: normal;
						padding: 0 0.5em 0 0em; /*remove padding top to align with title on rhs*/
						white-space: nowrap;
																}
																
						.year {
						color: #FF66FF;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 1.6em;
						font-weight: normal;
					padding: 0 0.2em 0 1.4em;
						white-space: nowrap;
																}



						#sidebar1 a:link {
							color: #FFFFFF;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 1em;
							font-weight: bold;
							text-decoration: none;
							line-height: 1.7em;

																}
		
						#sidebar1 a:visited {
						color: #FF66FF;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 1em;
						line-height: 1.7em;
						font-weight: bold;
						text-decoration: none;

						}	
							
								
						
						#sidebar1 a:hover, #sidebar1 a:active {
						color: #FF66FF;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 1em;		
						line-height: 1.7em;
						font-weight: bold;
						text-decoration: none;
		
						}
						


.title {
color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
			font-weight: normal;
	text-decoration: none;	
	padding: 0 0 0.6em 1.1em;
	
	
}
							
				
				

#maincontent {
	margin: 0 0 0 31.8em;
	padding: 0.8em 3.5em 0 2.5em;
	background-color: #FFFFFF;
	
} 

	h1 {          /*content title*/
	margin: 0;
	padding: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #6633CC;
	}
	

	h4 {          /*COPYWRITE notice*/
	margin: 0;
	padding: 1em 0 2em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #99C;
	}
		
	
	

		
	p {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	padding-bottom: 0.5em; /*to increase gap between paras*/
	}		
	
	.nowrap {
	white-space: nowrap;
}



	#maincontent a:link {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
						}
						
						
						
						#maincontent a:hover {
	color: #63C;
	text-decoration:none;
	font-weight: bold;
							
						}
						
						#maincontent a:active {
							color: #000;
							font-weight: bold;

							
						}
						
						#maincontent a:visited {
	color: #999;
	font-weight: normal;							
						}


#maincontent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 2em;
	color:#000;
	padding: 0;
	margin: 1.5em 0 0 0;
	list-style-type: none;	
}

#maincontent li {
background-image: url(../media_jrpr/creative/bullet_icon.jpg);
background-repeat: no-repeat;
background-position: 0.1em 0.7em; /*position of bullet*/
padding: 0 0 0 1.4em; /*left positions text indent*/
}



#bloglink {
	float: left;
	width: 22.5em;
	height: 6em;
	color:#FFF;
	margin: 3em 0 0 3.6em;
		padding: 1.2em 0;
	text-align: center;
	background-attachment: scroll;
	background-image: url(../media_jrpr/creative/bloglink.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#bloglink a, #bloglink a:link, #bloglink a:visited, #bloglink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	color:#99F;
	font-weight: bold;
	letter-spacing:0.08em;
	word-spacing: 0.2em;
}

#bloglink a:hover,#bloglink a:focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: normal;
	color:#FFF;
			letter-spacing:0.08em;
word-spacing: 0.2em;
}




#footer {
	padding: 0 10px 0 20px;
	background-color: #000000;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.centreitem {
	display: block;
margin: 0 auto;	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}