/* nav bar classes */
.navbar {
	clear: both;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 85px;
	width: 100%;
	font-size: 80%;
	color: #ffffff;
	text-align: left;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background-color: #ffffff;
	background: url(../az1_img/az1_bannersml.jpg) no-repeat;
}
a.navlink {
	text-decoration: none;
	color: #ffffff;
}
a.navlink:hover {
	text-decoration: none;
	color: #faf2b4;
}

/*basic two column format*/

body {
		 background:url(rem_branding/background.gif);
		 margin: 0px;
		 padding: 0px;
		 font: normal 1em arial;
		 line-height: 150%;
		 height: 100%;
		 width: 100%;
		 }

#wrapper {
	width: 720px;
	background-color: #f7fdf1;
	background: url(rem_branding/paper720b.jpg) repeat-y;
	position: relative;
	left: 50%;
	margin-left: -360px;
	}

	
#wrapper_gallery {
	width: 720px;
	background-color: #f7fdf1;
	background: url(rem_branding/paper720b.jpg) repeat-y;
	position: relative;
	left: 50%;
	margin-left: -360px;
	}

#content {
	width: 520px;
	float: right;
	font: normal 1em arial;
	line-height: 150%;
	color:#4d6664;
	}

#mainNav {
	width: 180px;
	float: left;
	}	
	


/*Project branding*/
	
#branding {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/big-branding2.jpg) no-repeat:
	}	

#branding_war {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/soldier_branding.jpg) no-repeat:
	}
	
#branding_miners {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/miners_branding.jpg) no-repeat:
	}	
	
#branding_poppies {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/poppies_branding.jpg) no-repeat:
	}

#branding_locals {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/heros_branding.jpg) no-repeat:
	}

#branding_art {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/art_branding.jpg) no-repeat:
	}
	
#branding_teachers {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/teachers_branding.jpg) no-repeat:
	}	
	
#branding_gallery {
	position: relative;
	top: 0px;
	width: 720px;
	height: 350px;
	background:url(rem_branding/gallery_branding.jpg) no-repeat:
	}

/*Project branding*/

	


h3 { 
	text-indent: -1000em;
	}
	
h4 {text-indent: -1000em;
	 }	

/* ~~~ Misc Properties ~~~ */

#footer { 
	display: block;
	background: url(rem_branding/paper_footer.jpg) no-repeat; 
	width: 720px;
	height: 165px;
	font: 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 20px;
	padding-top: 30px;
	}


	
/*link styling back on*/

a.textlink {
	text-decoration: underline;
	color: #770000;
}
a.textlink:hover {
	text-decoration: underline;
	color: #0030ff;
}

/*Link styles back on end*/



/*External link images*/
.external {
	text-decoration: underline;
	color: #770000;
	background: url(rem_branding/external_arrow.gif) no-repeat right top;
	padding-right: 10px;
	}

.pdf {
	text-decoration: underline;
	color: #770000;
	background: url(rem_branding/pdf.gif) no-repeat right top;
	padding-right: 20px;
	}	

.word {
	text-decoration: underline;
	color: #770000;
	background: url(rem_branding/word.gif) no-repeat right top;
	padding-right: 20px;
	}	
/*External link images*/



	
/*specific content*/

#content h1, #contenth2, #content p {
	padding-right: 40px;
	}
	
/*Positioning properties*/

.floatleft img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	}

.floatleft p {
	float: right;
	}
	 
.para_clear {
		margin-top: 80px;
		backgrpound-colour: gray;
		}

.rightfloat img {
	float: right;
	margin-right: 40px;
	margin-left: 10px;
	}
	
.rightfloat P {
	float: left:
	}

.rightfloatup img {
	float: right;
	margin-right: 40px;
	margin-left: 10px;
	margin-top: -100px
	}

.rightfloatup40 img {
	float: right;
	margin-right: 40px;
	margin-left: 10px;
	margin-top: -40px
	}
	
.rightfloatup P {
	float: left:
	}

/*End positioning properties*/	

/*Formating Properties*/
	
#colourquote {
	font-weight: bold;
	color:#4d6664;
	list-style-image: url(rem_branding/button.gif);
	font-size: 90%;
	width: 350px;
	margin-top: 5px;
	}
	
.p2 {
	margin-right: 200px;
	}
	
.bold {
	font:bold 14px/18px arial;
	color:#4d6664;
	}	
	
.quote {
			 font-style: italic;
			 color:#048ac9;
			 }
/*End formating Properties*/	
	
	
/* ~~~ List Properties ~~~ */
ul {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
	 line-height: 30px;
	 width: 180px;
	 }

li {
	 background: url(Button.gif) no-repeat;
	 padding-left: 30px;
	 font-size: 110%;
	 }
	 
ul a {
	 	 color: #6b4d2b;
		 text-decoration: none;
		 }
		 
a:hover, .selected a {
			color: #3f2200;
			text-decoration: underline;
			}

			
	/* ~~~ End of List Properties ~~~ */			
			
			
/* ~~~ Main Nav Properties ~~~ */		

/* 	position: relative;
	top: -15px;
	width: 720px;
	height: 350px;~~~ */







			
#linkList {
	position: absolute;
	top: 340px;
	left: -64px;
	background: url(rem_branding/rem_navbg.jpg) repeat-y;
	width: 250px;
	height: 476px;
	}

#linkList ul {
	margin-top: 35px;
	list-style-type: none;
	margin-left: 15px;
	}	

#linkList ul li {
	background: url(rem_branding/button1.gif) no-repeat;
	width: 250px;
	}	
	
	#lselect {
	width: 180px;
	height: 330px;
	padding-left: 25px;
	position: relative;
	margin-top: 30px;
	}


	
	
/* ~~~ End of Main Nav Properties ~~~ */			
	
	


	
	/* ~~~ h3 Header Properties ~~~ */
	
	#intro h3 {
	background: url(rem_branding/title_intro.gif) no-repeat; 
	position: relative;
	width: 450px;
	height: 70px;
	top: 0px;
	left: -10px;
	}
	
	
#soldiers h3 {
	background: url(rem_branding/title_soldiers.gif) no-repeat; 
	position: relative;
	width: 450px;
	height: 70px;
	top: 0px;
	left: -10px;
	}
	
#locals h3 {
	background: url(rem_branding/title_locals.gif) no-repeat; 
	position: relative;
	width: 450px;
	height: 70px;
	top: 0px;
	left: -10px;
	}
	
#industry h3 {
	background: url(rem_branding/title_miners.gif) no-repeat; 
	position: relative;
	width: 450px;
	height: 70px;
	top: 0px;
	left: -10px;
	}
	
#art h3 {
	background: url(rem_branding/title_art.gif) no-repeat; 
	position: relative;
	width: 450px;
	height: 70px;
	top: 0px;
	left: -10px;
	}

#trenches h3 {
	background: url(rem_branding/title_trenches.gif) no-repeat; 
	position: relative;
	width: 450px;
	height: 70px;
	top: 0px;
	left: -10px;
	}

	#poppies h3 {
	background: url(rem_branding/title_poppies.gif) no-repeat; 
	position: relative;
	width: 500px;
	height: 70px;
	top: 0px;
	left: -10px;
	}	

	#poem h3 {
	background: url(rem_branding/title_flanders.gif) no-repeat; 
	position: relative;
	width: 500px;
	height: 70px;
	top: 0px;
	left: -10px;
	}
	
	#pals h3 {
	background: url(rem_branding/title_pals.gif) no-repeat; 
	position: relative;
	width: 500px;
	height: 70px;
	top: 0px;
	left: -10px;
	}	

	#teachers h3 {
	background: url(rem_branding/title_teachers.gif) no-repeat; 
	position: relative;
	width: 500px;
	height: 70px;
	top: 0px;
	left: -10px;
	}
	
	#gallery1 h3 {
	background: url(rem_branding/h3_gallery.jpg) no-repeat; 
	position: relative;
	width: 372px;
	height: 72px;
	top: -40px;
	left: 160px;
	}
	/* ~~~ End h3 Header Properties ~~~ */	
	
	/* ~~~ h4 Header Properties ~~~ */	
	
	#stretton h4 {
	background: url(rem_branding/h4_stretton.jpg) no-repeat; 
	position: relative;
	width: 404px;
	height: 40px;
	top: 0px;
	left: -5px;
	}	
	
	#webb h4 {
	background: url(rem_branding/h4_webb.jpg) no-repeat; 
	position: relative;
	width: 465px;
	height: 41px;
	top: 0px;
	left: -5px;
	}

	#owen h4 {
	background: url(rem_branding/h4_owen.jpg) no-repeat; 
	position: relative;
	width: 358px;
	height: 45px;
	top: 0px;
	left: -5px;
	}	
	
	#art h4 {
	background: url(rem_branding/h4_library.jpg) no-repeat; 
	position: relative;
	width: 200px;
	height: 50px;
	top: 0px;
	left: -5px;
	}
	
	#poems h4 {
	background: url(rem_branding/h4_poems.jpg) no-repeat; 
	position: relative;
	width: 100px;
	height: 40px;
	top: 0px;
	left: -5px;
	}

	#art1 h4 {
	background: url(rem_branding/h4_art.jpg) no-repeat; 
	position: relative;
	width: 100px;
	height: 40px;
	top: 0px;
	left: -5px;
	}
	
	#sources h4 {
	background: url(rem_branding/h4_sources.jpg) no-repeat; 
	position: relative;
	width: 113px;
	height: 29px;
	top: 0px;
	left: -5px;
	}
	
	#resources h4 {
	background: url(rem_branding/h4_resources.jpg) no-repeat; 
	position: relative;
	width: 150px;
	height: 40px;
	top: 0px;
	left: -5px;
	}	

	/* ~~~ Enf h4 Header Properties ~~~ */