@charset "UTF-8";
@import url(navigation.css); /* modified version of rules from screen.css and nav-JUL06 */
/* CSS Document */
*  {
	margin:0;
	padding:0;
}


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	/* decimal fontsize fixing font resizing bug in IE5/6 */
	font-size : 100.01%;
	/*background: #dddbcd url(none); PUTTY GREY COLOUR ALTERNATIVE */
	/*background: #fff url(none);  WHITE ALTERNATIVE */
	/* GREEN BACKGROUND */
	background: #bebe93 url(/images/backgrounds/backgroundStrip.jpg) repeat-x 0 0;
	/*min-width: 985px; */
	padding: 0 .2em 0 .2em;/* small right and left margins at minimum width */
}


#wrapper {
	position:relative;
	font-size:75.01%;
	width : 83.5%;
	min-width : 985px;
	max-width: 130em; 
	margin: auto; 
	text-align: left;
	
	/* TURN ON SIDE BORDERS */
	border-left: 1px solid #9b9068;
	border-right: 1px solid #9b9068;
	background-color: #fff;
	
}


#wrapper, x:-moz-any-link {font-size:75.01%;width:83.5%;}
#wrapper, x:-moz-any-link, x:default {}
	
#headNavigation {
	background-color: #fff;
	background-image: url(/images/backgrounds/headergroundbig.gif);
	background-position: top center;
	background-repeat: no-repeat;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom: 1px solid #837450;

}

/* DVA LOGO LINK */
#site_logo {
	
	position:absolute;
	
	top: 2.3em;
	left: 2px;
	z-index:87;
	
	/*                       */
}

#headNavigation #site_logo , x:-moz-any-link {top: 12em;}
#branding #site_logo , x:-moz-any-link, x:default {}


#headNavigation #site_logo img {
	position:relative;
	margin:0;
	left:0;
	right:0;
}



/* BASE NAVIGATION */

#baseNavigation {
	position:relative;
	height: 1.6em;
	top:0;
	background: #b9ac76 url(/images/backgrounds/topbarground.jpg) repeat-y top center;
	border:1px solid #fff; 
}


#baseNavigation ul {
	position:absolute;
	display:inline;
	list-style:none;
	
	text-align:center;
	margin: 0 auto;
    width: 100%;
	
}

#baseNavigation ul li{
	display:inline;
	
}

#baseNavigation ul a {
	font-family: Arial, Helvetica, sans-serif;
	
	text-decoration:none;
	line-height: 1.8em;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: .1em;
	color: #fff;
	padding: 1em 1.5em 0 1.5em;

}

#baseNavigation ul a:hover {
	/*text-decoration:underline;*/
	color:#474432;

}

#news {
	left: 23%;
	top: 10.5em;
	position:absolute;
	z-index: 2000;

}

/* MAIN NAVIGATIONAL RULES USED TO GO HERE */


#tools {
	margin-top:.3em;
	position: relative;
	background-color: transparent;
	height: 1.9em;
	width:100%;
}




.function-icons {
	position:absolute;
	right:5px;
	top:-35px;
	z-index:89;
	
}

.noscript {
	display:none;
}

.scriptAvailable {
	cursor : default;
	display:inline;
}

/* ------------------------------------------------------ */
/* ----------------- SEARCH FIELD AND BUTTON ------------ */
/* ------------------------------------------------------ */

form {
	margin: 0;
	padding: 0;
}

/* ---SEARCH BAND AT TOP OF PAGE--- */
#searchBand {
	position:absolute;
	top:9.1em;
	right: 5px;
	background-color: #b07324;
	background-color: #006600;
	background-color: transparent;
	/*border-left: 1px solid #757546;
	border-right: 1px solid #757546;
	border-bottom: 1px solid #757546;
	width:100%;*/
	height: 2em;
	z-index:88;
	
}

#searchBand , x:-moz-any-link {top:9.1em;}
#searchBand , x:-moz-any-link, x:default {}


fieldset {
	border:none;
	margin:0 0 0 0;
	padding:0;
}


input.searchField {	
	width:10em;
	height: 1.1em;
	margin: 0 .2em 0 0 ;
	padding:0 .2em .1em .2em;
	font-size: .9em;
}



input.searchButton {	
	width:5em;
	height: 2em;
	margin: 0 0 0 0;
	padding:0 .3em .5em .3em; 
	font-size: .8em;
}
/* ------------------------------------------------------ */
/* -------------- END SEARCH FIELD AND BUTTON ----------- */
/* ------------------------------------------------------ */


/* -----------------------------------------------------  */
/* --------------- RULES FOR BREADCRUMBS -----------------*/
/* -----------------------------------------------------  */

ol#breadCrumbs  {
	list-style:none;
	height: 2.4em;
	margin-left:1em;

}

ol#breadCrumbs li {
	float:left;
	display:inline;
	color:#666600;
	padding: .7em 1em .2em 0;
	/*ADJ FOR RESIZE 9px */
	font-size: .75em;
	font-weight: bold;
}

ol#breadCrumbs a {
	
	color:#9e1700;
	/*ADJ FOR RESIZE 9px*/
	font-size: 1em;
	font-weight: bold;
	padding-right: 1em;
	background: transparent url(/images/backgrounds/bullet_breadcrumb.gif) no-repeat right center;
	text-decoration:none;
}

ol#breadCrumbs a:hover {
		color:#000;
}

/* -----------------------------------------------------  */
/* -------------END RULES FOR BREADCRUMBS ----------------*/
/* -----------------------------------------------------  */


/* -----------------------------------------------------  */
/* ----- BELOW CONTENT FOOTER - EXTERMAL LINKS ---------- */
/* -----------------------------------------------------  */

#externalLinks {
font-family: Arial, Helvetica, sans-serif;
	position:relative;
	background: #b9ac76 url(/images/backgrounds/topbarground.jpg) repeat-y right center;
	
	height: 2.2em;
	overflow:hidden;
	clear:both;
	margin: 0;
	padding:0;
	border: 1px solid #bfc1ba;
}

#externalLinks p {
	margin:.8em 0 0 .8em;
	font-size:.8em;
	font-weight:normal;
	color: #333;
	letter-spacing: 0;
	line-height: 1.5em;
	
}

#externalLinks ul {
	position:absolute;
	right: -1px;
	top: 0;
	padding:0;
	margin:.6em 0 0 0;
	
}

#externalLinks li {

	display:inline;
	float:left;
	/*border-right: 1px solid #fff;*/
}

#externalLinks ul a {
	
	font-size:.9em;
	/* MW ADJ 6-6-10 -set to block - reduced line-height from 1.5em */
	display:block;
	line-height: 1.2em;
	/* MW ADJ 6-6-10 */
	color: #fff;
	margin:0;
	padding:0 1em 0 1em;
	border-right: 1px solid #fff;
	font-weight:500;
	letter-spacing: .1em;
	background-color: transparent;
	text-decoration:none;
}

#externalLinks ul a:hover {
	text-decoration:underline;
	color: #fff;
}

/* -----------------------------------------------------  */
/* ----- END BELOW CONTENT FOOTER - EXTERMAL LINKS ------ */
/* -----------------------------------------------------  */



/* ------------------------------------------------------ */
/* ------------------ CONTENT AREA ---------------------- */
/* ------------------------------------------------------ */

#contentWrap {
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0 0 0 0;
	padding: 0;
	background-color: #fff;
	/* border-top: 1px solid #ff0000; */
	height:1%;
	
}
/* MW - this rule causes issues with page alignment when internal links are used */
/*#contentWrap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}*/


/* ------------------------------------------------------ */
/* ----- 3 COLUNM LAYOUT FOR OVERVIEW INDEX PAGES  ------ */
/* ------------------------------------------------------ */

/* CENTRE COLUMN */
.index-pge #mainContent {
	float:left;
	width:60%;
}

/* LEFT COLUMN */
.index-pge #secondaryContent { 
	/*border-right: 2px solid blue;*/
	float:left;
	width:22%;
}

/* RIGHT COLUMN */
.index-pge #tertiaryContent {
	/*border-left: 1px dotted blue;*/
	float:right;
	width:18%;
	margin-left:-5px;
}

/* AREA UNDER COLUMNS */
.index-pge #extraContent {
	width:100%; 
	clear:both;
}

/* ------------------------------------------------------ */
/* ----- END 3 COLUNM LAYOUT FOR OVERVIEW INDEX PAGES  -- */
/* ------------------------------------------------------ */




/* ------------- NEW RULES FOR HEADINGS BASED ON ORIGINAL STYLES ---------------- */

a img {
	border:none;
}

h2, h3, h4  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #baae76;
	color: #a79f70;
	
	border-bottom: 1px solid #a79f70;
	text-shadow: 4px 2px 3px #CCC;
}

h5 {
	margin: 1em 0 1em 0;
}

/* --------------------------------------------------------- */
/* ----- SECONDARY/TERTIARY CONTENT OVERVIEW INDEX PAGES  -- */
/* --------------------------------------------------------- */

 #gallipoliHistory h3, #gallipoliToday h3, #gallipoliArt h3, #gallipoliHistory h4, #gallipoliToday h4, #gallipoliArt h4, .highlights h4   {
	border-top: 1px solid #a79f70;

}

#secondaryContent h3, #tertiaryContent h3, #extraContent h3, #news h3 { 
	display: block;
	text-transform: uppercase;
	margin:0;
	padding: .5em 0 .5em 0
}

#extraContent h3 { 
	margin-left: 6px;
	margin-right:6px;
}

#gallipoliHistory h4, #gallipoliToday h4, #gallipoliArt h4, .highlights h4 {
	display:block;
	font-size : 1em;
	line-height: 1.5em;
	margin:0 0 .6em 0;
	padding: .2em 0 .2em 0;
	font-style: italic;
}


#secondaryContent h4 a, #tertiaryContent h4 a, #extraContent h4 a, #news h3 a, #mainContent .highlights h4 a {
	display: block;
	color: #a79f70;
	text-decoration: none;
	background: url(../images/greenarrow.gif) no-repeat right center;
}

#secondaryContent h4 a:hover, #tertiaryContent h4 a:hover, #extraContent h4 a:hover, #news h3 a:hover, #mainContent .highlights h4 a:hover {
	color: #837450;
}

 #news h3 {
 	border:none;
 }
 
 #news h3 a {
 	background-position: left center;
	padding-left: .8em;
 }
 
 /* ---------------- SECONDARYCONTENT: SIDE COLUMNS ------------------*/
#gallipoliHistory, #gallipoliToday, #gallipoliArt {
	margin-top: 1.8em;
	overflow:hidden;
	width:auto;
	height:1%;
	
}

#gallipoliHistory {
	padding-left: 6px;
}

#gallipoliToday {
	padding-right: 6px;
}


#gallipoliArt {
	padding: 1.5em 0 1em 0;
	/*border: 1px solid transparent;*/
	overflow:visible;
}


#gallipoliHistory ul {
	display:block;
	width:auto;
	margin:0;
	padding:0 .5em .5em 0;
	border-right: 1px solid #baae76;
}


 #gallipoliHistory ul li, #gallipoliToday ul li, #gallipoliArt ul li {
	position:relative;
	display:block;
	/*width:198px;*/
	/*border-top: 1px solid #a2aa9e;
	border-bottom: 1px solid #a2aa9e;*/
	margin: 1.4em 0 0 0;
	padding: 0 0 0 0;
}



#gallipoliHistory ul img {
	float:left;
	display:block;
	width:40%;
	min-width: 80px;
	margin:0 .5em .1em 0;
}

#gallipoliToday ul img {
	/*display:block;
	width:100%;
	min-width: 163px;
	margin:0 .6em .8em 0;*/
	
	width:164px;
	text-align: center;
	display:block;
	margin:0 auto;
	padding-bottom: 1em;
}


#gallipoliHistory ul li:after, #gallipoliToday ul:after, #gallipoliArt ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#gallipoliHistory ul p, #gallipoliToday ul p,  #gallipoliArt ul p, .highlights div p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size : .8em;
	
	line-height: 1.3em;
	word-spacing:-.1em;

}

#gallipoliHistory ul p, #gallipoliToday ul p, #gallipoliArt ul p, .highlights div p,  x:-moz-any-link {line-height: 1.4em;}
#gallipoliHistory ul p, #gallipoliToday ul p, #gallipoliArt ul p, .highlights div p,  x:-moz-any-link, x:default {}


#gallipoliHistory ul p a, #gallipoliToday ul p  a, #gallipoliArt ul p  a, .story p a , .highlights p a {
	font-size : 1em;
	font-weight:normal;
	text-decoration:underline;
	color: #666;
}



#gallipoliHistory ul p a.more, #gallipoliToday ul p  a.more, #gallipoliArt ul p  a.more, .story p a.more, .highlights p a.more {
	font-size : 1em;
	font-weight:bold;
	text-decoration:none;
	color: #9e1700;
}

#gallipoliHistory ul p a:hover, #gallipoliToday ul p  a:hover, #gallipoliArt ul p  a:hover, .story p a:hover, .highlights p a:hover {
	color: #000;
}

#gallipoliToday ul {
	display:block;
	width:auto;
	margin:0;
	padding:0 0 .5em .5em;
 	border-left: 1px solid #baae76;
	
}

#gallipoliHistory ul {
	display:block;
	width:auto;
	margin:0;
	padding:0 .5em .5em 0;
	border-right: 1px solid #baae76;
}

#gallipoliArt ul {
	display:inline;
	margin:0 auto;
	padding:0;
}

#gallipoliArt ul li {
	float:left;
	width: 23.5%;
	border-right: 1px solid #baae76;
	padding: 0 6px 0 6px;
	margin-right: 0;
	height: 28em;
}

#gallipoliArt ul li#last {
	border-right: none;
	padding-right: 0;
}

#gallipoliArt ul img {
	text-align: center;
	display:block;
	margin:0 auto;
}

#gallipoliArt ul p {
	margin:1em 0 1em 0 ;
}

/* ------------------------------------------------------------- */
/* ----- END SECONDARY/TERTIARY CONTENT OVERVIEW INDEX PAGES  -- */
/* ------------------------------------------------------------- */







/* ------------------------------------------------------------- */
/* ----- MAIN CONTENT RULES FOR INDEX AND CONTENT PAGES -------- */
/* ------------------------------------------------------------- */




/* MAKE THE OVERVIEW PAGE MAIN FEATURE HEADING LARGER AND UPPERCASE */

#mainContent #mainFeature h2 {
 	font-size : 3.4em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#mainContent #specialFeature h2 {
 	font-size : 3em;
}

.index-pge#building  #mainContent  #specialFeature h2 {
	font-size : 2.7em;	
}



/* ----------???------ */


.index-pge #mainContent h3, .content-pge2 #mainContent h2, .content-pge3 #mainContent h2 {
 	font-size : 1.8em;
	font-style: italic;
	text-align:right;
	clear:both;
	border-top: 1px solid #837450;
	border-bottom: 1px solid #a79f70;
	padding-top:1em;
	margin: 0 0 .3em 0;
	
}

.content-pge2 #mainContent h2, .content-pge3 #mainContent h2 { /*?? TOP H3 ??*/
	margin: 25px .3em .1em 0; 
	padding-top: .5em;
	border-color: #a79f70;
	
}


#mainContent .story h2  {	/* ?? ADDED .story TO RULE */
	color: #837450;
 	font-size : 2.4em;
	font-style: normal;
	text-align:left;
	clear:none;
	border:none;
	margin: 0 0 .2em 0 ;
	padding:0;
	line-height: 1.1em;
	
}

.content-pge2 #mainContent .story h2, .content-pge3 #mainContent .story h2 {

	margin-bottom: .5em;
}

#mainContent h2 a {
	color: #837450;
	text-decoration:none;
}

#mainContent h2 a:hover {
	color: #6d6143;
	text-decoration:none;
}



#mainContent #mainFeature h3 {
	margin: .7em 0 .8em 0;
	padding-top: 0;
	border-top: none;
}


.index-pge #mainContent h4 a, .content-pge2 #mainContent .story h3 a, .content-pge3 #mainContent .story h3 a {
	color: #a79f70;
	text-decoration:none;
	
}


.index-pge #mainContent h4 a:hover, .content-pge2 #mainContent .story h3 a:hover, .content-pge3 #mainContent .story h3 a:hover {
	color: #6d6143;
	
	text-decoration:none;
}


.index-pge #mainContent .story h4, .content-pge2 #mainContent .story h3, .content-pge3 #mainContent .story h3 { /*????*/
 	font-size : 1.2em;
	text-transform: uppercase;
	border: none;
	margin-bottom: .9em;
}

.index-pge #mainContent .story h4, .content-pge2 #mainContent .story h3, .content-pge3 #mainContent .story h3,  x:-moz-any-link {font-size : 1.15em;}
.index-pge #mainContent .story h4, .content-pge2 #mainContent .story h3, .content-pge3 #mainContent .story h3,  x:-moz-any-link, x:default {}

.content-pge2 #mainContent .story h3 a, .content-pge3 #mainContent .story h3 a {
	padding-left: 15px;
	background: url(../images/greenarrow.gif) no-repeat left center;
}

.content-pge2 #mainContent .story h4, .content-pge3 #mainContent .story h4 {
	font-style: italic;
	font-size: 1.3em;
	color: #666;
	border:none;
	margin: 1em 0 1em 0;
}

#mainContent .story#bartlett h4 {
	font-size: 1.15em;
	font-style:normal;
	margin: 1em 0 .8em 0;
}
#mainContent .story#bartlett h4, x:-moz-any-link {margin: .9em 0 .8em 0;}
#mainContent .story#bartlett h4, x:-moz-any-link, x:default {}



#mainContent .story hr {
	clear:both;
	width:100%;
	height:1px;
	background-color:#a79f70;
	color: #a79f70;
	margin: 10px 0 3px 0;
	border:none;
}

/* ------CONTENT PAGE WITH LEFT NAV AND RIGHT NAV ------*/

.content-pge2 #mainContent, .content-pge3 #mainContent {
	margin:0;
	width:auto;
	padding: 0 0 2em 110px;
}



.content-pge2 #mainContent .story {
	margin:0 .5em 2em 0; padding:0;
	/*border: 1px dashed #ff0000;*/
}

.content-pge3 #mainContent .story {
	margin:0 115px 2em 0; padding:0;
	/*border: 1px dashed #ff0000;*/ 
}

.content-pge2 #mainContent .story div.highlightSection, .content-pge3 #mainContent .story div.highlightSection {
	padding: 1em 0.5em 0 0.5em;
	border: 1px solid #ccc;
	margin-bottom: 0.5em;
}

.content-pge3 #mainContent .story#anzacday div.highlightSection, .content-pge3 #mainContent .story#firsttofall div.highlightSection {
	border-color: #9e1700;
}

.content-pge3 #mainContent .story.graveLists div.highlightSection {
	margin-left: 355px;
}


/* --- MAIN CONTENT PARAGRAPH STYLES------ */

#mainContent .story p { /* ?????*/
 	font-size : .9em;
	line-height: 1.6em;
	margin-bottom: 1.4em;
}

#mainContent .story p.highlight { 
	font-size : .8em;
 	font-weight: 600;
	line-height: 1.2em;
}

#mainContent .story p.highlight a {
	font-size : 1em;
	font-weight: 600;
}

/* ----- MAIN CONTENT BLOCKQUOTE RULES ------ */

blockquote {
	font-style:italic;
}

#mainContent .story , p { /* ??? */
	margin-bottom: 1em
}



blockquote p cite, p cite {
	font-style:normal;
	font-size : .9em;
}

blockquote.poetry {
	text-align: center;
	font-style: italic;
	width: auto;	
}

.story p dfn, .story p abbr, .story p acronym, .story p dfn a, .story p abbr a, .story p acronym a {
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px dotted #000;
	cursor: help;
	text-decoration: none;
	color: #000;
}
.story p dfn a {
	padding-left: 0;
	background-image: none;
}


.poetry {
	text-align: center;
	font-style: italic;
	width: auto;	
}
.poetry cite { 
	text-align: center;
	font-size: 10px;
	font-style: normal;
}

/* BLOCKQUOTE MARGIN EXCEPTIONS CREATED WHEN BLOCKQUOTE IS ADJACENT TO A FLOATED LEFT IMAGE AND "LOSES" ITS LEFT MARGIN INDENT */

#lonepine blockquote#bean1, #lonepine blockquote#bean2 { 
	margin-left:290px;
}

#shout blockquote#snelling, #burton blockquote#tubb1,#burton blockquote#elliott,
#symons blockquote#george, #hamilton blockquote#burrett, #parker blockquote#bean, #ataturk blockquote#curham,
#ataturk blockquote#unnamed, #ataturk blockquote#curham2, #ataturk blockquote#kemal {
	margin-left:230px;
}

#third-agh blockquote#donnell,#third-agh blockquote#dick {
	margin-left:240px;
}

#ae2 blockquote#hamilton, #homefront blockquote#letter, #homefront blockquote#diary #ataturk p.inscription { 
	margin-left:210px;
}

#ataturk p.inscription {
	margin-left:190px;
}

#ae2 blockquote#stoker, #ae2 blockquote#frame, #holbrook blockquote#jameson, #seddulbahir blockquote#rahman { 
	margin-left:295px;
}

#nurses blockquote#tucker {
	margin-left:280px;
	margin-right: 275px;
}

#nurses blockquote#richmond {
	margin-left:585px;
	margin-right: 15px;
}

#nurses blockquote#wilson {
	margin-left:275px;
	margin-right: 255px;
}

#nurses blockquote#pike {
	margin-left:585px;
	margin-right: 15px;
}

#mainContent #northbeach blockquote.landscape {
	margin-left:320px;
}

#mainContent #northbeach blockquote.portrait {
	margin-left:260px;
}

#mainContent #northbeach blockquote#malone {
	margin-left:240px;
}

#mainContent #northbeach blockquote#bean {
	margin-left:290px;
}

#mainContent #northbeach blockquote#east {
	margin-left:250px;
	margin-right: 310px;
}


#wayfarer p.inscription#march, #seddulbahir p.inscription#homer  {
	margin-left:265px;
}

#kanlisirt blockquote#tonie  {
	margin-left:300px;
}



.index-pge #mainContent blockquote { /* ????*/
	font-size : .8em;
	line-height: .9em;
	margin: 1em 2em 1em 3em;
	
}

.content-pge2 #mainContent blockquote, .content-pge3 #mainContent blockquote {
	font-size : .9em;
	line-height: .9em;
	margin: 1em 4em 1.6em 4em;
	
}

.content-pge2 #mainContent blockquote p em, .content-pge3 #mainContent blockquote p em {
	font-style:normal;
}

.content-pge2 #mainContent blockquote p cite em, .content-pge3 #mainContent blockquote p cite em {
	font-style:italic;
}

#mainContent .story p.inscription {
	font-size : .8em;
	font-style: italic;
	display:block;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #663;
	line-height: 1.6em;
}

/* ----- END BLOCKQUOTE RULES ------ */

#mainContent #mainFeature #cse-search-results {

	margin: 0 auto;
	width: 565px;
}



/* ------------- END NEW RULES FOR HEADINGS BASED ON ORIGINAL STYLES ------------- */





/* ------------- OVERVIEW INDEX PAGE HIGHLIGHT DIV STYLES ------------- */
.highlights {
	
	
}


.highlights div {
	border: 1px solid #baae76;
	float:left;
	
	margin-left:0;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

#landing .highlights div {
	width: 30%;
	height: 24em;
}

#panels .highlights div {
	width: 30%;
	height: 16em;
}

/*#panels .highlights div {
	width: 17%;
	height: 27em;
}*/


#visiting .highlights div {
	width: 47.5%;
	height: 13em;
}



#research .highlights div {
	width: 30%;
	height: 18em;
}

#teaching .highlights div {
	width: 47.5%;
	height: 11em;
}

#visiting .highlights div,#teaching .highlights div, x:-moz-any-link {width: 47%;}
#visiting .highlights div,#teaching .highlights div, x:-moz-any-link, x:default {}


#mainContent .highlights div blockquote {
	padding:0;
	margin:0 .3em 1em .5em;
}

#mainContent .highlights div p {
	margin-bottom:0;
}

#panels .highlights div img {
	width: 45%;
}


/*#panels .highlights div img {
	width:120px ;
}*/

.highlights div img {
	float:left;
	width: 50%;
	margin: 0 .8em .3em 0;
}

.highlights div.last {

	margin-right: 0;
}
#visiting .highlights div.last, #teaching .highlights div.last {
	float:right;
}

/* GRAVE LISTS */



.content-pge3 .graveList {
	/* order: 1px solid #baae76; */
	float:left;
	
	margin-left:0;
	margin-right: 2em;
	margin-bottom: 2em;
	padding: 0;
	width: 47%;
}

.content-pge3 .graveList#southgrave {
	float:right;
	margin-right: 0;
}

.content-pge3 .graveList h3 {
	width: 340px;
	margin: auto;
}

.content-pge3 .graveList img {
	display:block;
	margin:auto;
	
	
}

.content-pge3 .graveList ul {
	width: 340px;
	margin:auto;
	margin-top: 2em;
	
}

.content-pge3 .graveList ul li {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-image: none;
	height: 44px;
	padding: 0;
	width: 100%;
	margin: .5em 0 .5em 0;
}

.content-pge3 .graveList ul img {
	margin: 1px 1em 0 0;
	float:left;
}

.content-pge3 .story .graveList ul a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 3.8em;
	font-size: 1em;
	letter-spacing: -.1em;
	word-spacing: 0;
}

/* ------------- END OVERVIEW INDEX PAGE HIGHLIGHT DIV STYLES ------------- */

/* -------------- MAIN SECTION STORY   -------------------*/

#mainContent .story { /* ???? */
	padding: 0 1em 0 1.2em;
}

#mainContent #mainFeature { /* ???? */
	padding: 10px 1em 0 1.2em;
}


#mainContent .highlights {
	padding: 0 1em 0 1.2em;
	
}

/* LIST STYLES */

.story ul {
	display:inline;
	list-style:none;
	font-size : .9em;
}

.story  ul li{	
	padding: .8em 0 .3em 1.5em;
}

.content-pge2 .story  ul a, .content-pge3 .story  ul a {
	font-weight:normal;
	text-decoration:underline;
	color: #666;
}

.content-pge2 .story ul, .content-pge3 .story ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display:block;
	margin-bottom: 20px; /* ???? CHECK THIS IS OK FOR OTHER LISTS */
}

.content-pge2 .story ul#langmenu, 
.content-pge3 .story ul#langmenu,
.content-pge2 .story ul#audio,
.content-pge3 .story ul#audio  {
	font-family: Arial, Helvetica, sans-serif;
}

.index-pge .story  ul a, 
.content-pge2 .story ul#langmenu a, 
.content-pge3 .story ul#langmenu a,
.content-pge2 .story ul#audio a,
.content-pge3 .story ul#audio a,
.content-pge3 .story #downloadInstructions a,
.content-pge3 .story#anzacwalk dd.imgcaption a, .content-pge3 .story#anzacwalk p#awmlink a {
	font-size : 1em;
	font-weight:bold;
	text-decoration:none;
	color: #9e1700;

}

.index-pge .story  ul a {
	background: url(../images/greenarrow.gif) no-repeat left center;	
	padding-left: 1.5em;
}

.content-pge2 .story ul#audio a,
.content-pge3 .story ul#audio a {
	/*background: url(../images/red-greenarrow.gif) no-repeat left center;*/
}

#mainContent #floatrightlang #audio li a {
	padding-left: 10px;
}

#mainContent #floatrightlang #audio li a {
	background: url(../images/backgrounds/red-greenarrow-green.gif) no-repeat left center;
}

#mainContent #downloadInstructions a {
	padding-left: 0;
	background-image:none;
}


.story  ul a:hover {
	color: #000;
}

.content-pge2 .story ul#langmenu a:hover, 
.content-pge3 .story ul#langmenu a:hover,
.content-pge2 .story ul#audio a:hover,
.content-pge3 .story ul#audio a:hover,
.content-pge3 .story #downloadInstructions a:hover,
.content-pge3 .story#anzacwalk dd.imgcaption a:hover, .content-pge3 .story#anzacwalk p#awmlink a:hover {
	color: #3f461f;
}

#mainContent #floatrightlang #audio li a:hover {
	background-position: -800px;
}

#mainContent #downloadInstructions a:hover {
	background-position: -800px;
}


.content-pge2 .story li,.content-pge3 .story li {
	list-style-type: none;
	padding: .5em .5em .5em 2em;	
	background: url(../images/browndot.gif) no-repeat left center;
}



/* language selection menu */

#floatrightlang, #anzacsite #floatrightlang, #floatrightchapters {
	float:right;
	width: 323px;
	padding:0 0 5px 4px;
	margin:5px 10px 5px 5px;
	border: 1px solid #a79f70;
	background-color:#f8f6f1;
	background: url(/images/backgrounds/audioground.jpg) no-repeat right top;
	font-family: Arial, Helvetica, sans-serif;

}

#floatrightchapters {
	background-position: -15px 0;
	padding:0 0 5px 0;
}

/*  TEXT TO DISPLAY IF NO FLASH */
#mainContent #floatrightchapters p {
	color: #fff;
	font-size: 1px;
	margin:0;
	padding:0;
	height: 1px;
}

#mainContent #floatrightlang h3,#mainContent #anzacwalk #floatrightlang h3,  #mainContent #floatrightchapters h3, #mainContent #anzacwalk #downloadInstructions h3  {
/*text-align:center;
	font-size: 1.2em;*/
	margin: 1px 5px 5px 0;
	padding:0;
	display:block;
	text-shadow: 4px 2px 3px #7a663d;
	/*background-color:#bebe93;*/
	color:#fff;
}

#mainContent #floatrightchapters h3  {
	text-transform:none;
	text-align:center;
}

#floatrightlang ul#langmenu {
	display:block;
	margin:0 0 7px 0; padding:0;
}


#floatrightlang #langmenu li {
	display: block;	
	padding: 5px 3px 5px 35px;
	margin:0 0 4px 0;
	font-size: .9em;
}

#floatrightlang #langmenu li, x:-moz-any-link {margin:0 0 0 0;}
#floatrightlang #langmenu li, x:-moz-any-link, x:default {}
	 
div #floatrightlang #langmenu li a {
	padding:0;
	margin:0;
	/*background: url(none);*/
	background-image:none;
}

#tr-link  { background: url(../2visiting/turkish_images/flag_tr.gif) no-repeat left center; }
#en-link  { background: url(../2visiting/turkish_images/flag_au.gif) no-repeat left center; }

#floatrightlang ul#audio {
	
}

#floatrightlang #audio li {
	padding:3px 3px 3px 3px;
	margin: 1px 3px 0 0;
	border: 1px solid #a79f70;
	display:inline;
	float:left;
	width:150px;
	background-color:#c6c095;/*c4c199 c3bc8d*/
	background-image: none;
	font-size: .9em;
}





.turkishmemtrpage ul#langmenu li#trpage a, 
.tr-page ul#langmenu li#tr-link a, 
.turkishmemaupage ul#langmenu li#aupage a,
.en-page ul#langmenu li#en-link a {
	color: #000;
	border-bottom: 2px solid #CCC;	
}

ul#langmenu li a:hover, ul#langmenu li a:focus {
	/*color: #000;*/
	border-bottom: 2px solid #CCC;
	/* ??????? */
}

#floatrightchapters li {
	display:inline;
	
	width:130px;
	background-image: none;
	
	padding:.3em 0 0 0 ;
}

#floatrightchapters li a {
	text-decoration:none;
	line-height: 1.5em;
	display:block;
	padding:.2em 0 .2em 0;
	font-size: 1.1em;
	color: #BAAE76;
	text-transform: uppercase;
	
	font-family: Arial, Helvetica, sans-serif;
}

#floatrightchapters li a:hover {
	color: #80714B;
}

#floatrightchapters li#previous {
	float:left;
	margin-left: .2em;
}

#floatrightchapters li#next {
	float:right;
	text-align:right;
	margin-right: .2em;
}

#floatrightchapters li#previous a {
	background: url(../images/navbuts/arrowbgl.gif) no-repeat left center;
	padding-left: 1.2em;
	
}


#floatrightchapters li#next a {
	background: url(../images/navbuts/arrowbgr.gif) no-repeat right center;
	padding-right: 1.2em;
}



/* ???????????????????????????????  */

#teaching #mainFeature ul {

	font-size : .8em;
	
}
	
#teaching #mainFeature li {
	background: url(/images/browndot.gif) no-repeat 0 0;
	padding:.2em 0 1em 2em;
}





/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------  */

/* ----------------------------------------------------------------------------------------*/
/* ---- OVERVIEW INDEX PAGES: MAINCONTENT FLOATED IMAGES THAT SCALE TO SPECIFIC SIZES ---- */
/* ----------------------------------------------------------------------------------------*/

.story img {
	margin: 0;
	padding: 0;
	
}

.story img.panorama {
	width:100%;
	
}


.story img.floatll50, .story img.floatll43, .story img.floatll30, .story img.floatpl20,  .story img.floatll30, .story img.floatpl30, .story img.floatl, .story img.floatl25  {
	float:left;
	margin: .2em 1em .5em 0;
}


.story img.floatlr45, .story img.floatlr30, .story img.floatpr20, .story img.floatpr30, .story img.floatlr165, .story img.floatr, .story img.floatr23 {
	float:right;
	margin: .2em 0 0 1em;
}

.story img.floatl25 {
	width: 25%;
}

.story img.floatr23 {
	width: 25%;
}

.story img.floatll50, .story img.floatlr50 {
	width: 45%;
}

.story img.floatll43 {
	width: 42%;
}

.story img.floatpl20, .story img.floatpr20 {
	width: 110px;
}

.story img.floatlr165 {
	width: 165px;
}

.story img.first {
	margin-right:3px;
}






















/* --------------------------------------------------  */
/* ----- SPECIFIC RULES FOR PANEL DISPLAY PAGES -----  */
/* --------------------------------------------------  */

/* SPECIAL SIZING FOR MAIN HEADING ON INDEX OVERVIEW PANELS PAGE */
#panels #mainContent #mainFeature h2 {
	font-size : 3.0em;
	letter-spacing: 0;
}

#panels #mainContent #mainFeature h2 , x:-moz-any-link {font-size : 3.1em;}
#panels #mainContent #mainFeature h2 , x:-moz-any-link, x:default {}

#panels #mainContent .story img {
	float:left;
	margin: .3em 1em 3em 0;
}

#panels #mainContent #english-text {
	clear:both;
	float:left;
	width:47%;
}

#panels #mainContent #turkish-text {
	float:right;
	width:47%;
}

#panels #mainContent #original-art {
	width:70%;
	margin: 0 auto;
	clear:both;
}

#panels #mainContent #original-art h3 {
	text-align:center;
}

#panels #mainContent #original-art img {
	float:none;
	margin: .3em 0 0 0;
	padding:0;
	text-align: center;
	display:block;
	margin:0 auto;
}

#panels #mainContent #original-art p {
	text-align: center;
	margin:0;
	padding:0;
}
/* ------------------------------------------------------  */
/* ----- END SPECIFIC RULES FOR PANEL DISPLAY PAGES -----  */
/* ------------------------------------------------------  */








































/* ------------------------------------------------------ */
/* ----- CAPTIONS/IMAGES: screen.css GALLIPOLI TOUR ----- */
/* ------------------------------------------------------ */


/* ???????????????????????????????  */



/* ???????????????????????????????  */

/* ------------------------------------------------------ */
/* -- RULES FOR IMAGES AND CLICKABLE IMAGES ACROSS SITE -*/
/* ------------------------------------------------------ */

.floatright, .floatrightlandscape, .floatrightportrait, .floatright100, .floatright150,.floatright156, .floatright190, .floatright200, .floatright225, .floatright230, .floatright250, .floatright300, .floatright340, .floatright350, .floatright350nomarg, .floatright400,
.floatrightimggall, .floatRightlang, .floatrightmap { 
	float: right;
	margin: 3px 0 6px 15px;
	margin: .3em 0 .5em 1em;
	padding: 2px 0 0 0;
	/*border:1px dotted #ff0000;*/
}

.floatrightlandscape { width: 250px; }
.floatrightportrait, .floatrightimggall { width: 175px; }
.floatright100 { width: 100px; }
.floatright150 { width: 150px; }
.floatright156 { width: 156px; }
.floatright190 { width: 190px; }
.floatright200 { width: 200px; }
.floatright225 { width: 225px; }
.floatright230 { width: 230px; }
.floatright250 { width: 250px; }
.floatright300 { width: 300px; }
.floatright300 .floatrightlang { width: 300px; }
.floatright340 { width: 340px; }
.floatright350 { width: 350px; }
.floatright400 { width: 400px; }
.floatright350nomarg {
	width: 350px;
	margin: 0; padding: 0;
}



/* FOR AUDIO LINKS IN GALLIPOLI TOUR */
dl.floatright200 { margin: 5px; } /* to avoid Peekaboo Bug */

/* floats for left floated images */
.floatleft, .floatleftlandscape, .floatleftportrait, .floatleft80, .floatleft100, .floatleft150, .floatleft156, .floatleft180, .floatleft190, .floatleft200, .floatleft200nomarg,.floatleft208,.floatleft230, .floatleft250, .floatleft300, .floatleft340, .floatleft350, .floatleft400, .floatleft565,
.floatleftimggall  {
	float: left;
	margin: 3px 15px 6px 0;
	margin: .3em 1em .5em 0;
	padding: 0 0 0 0;
	/*border:1px dotted #ff0000;*/
}

.floatleft img, .floatleftlandscape img, .floatleftportrait img, .floatleft100 img, .floatleft150 img, .floatleft156 img, .floatleft180 img,  .floatleft200 img, .floatleft200nomarg img, .floatleft208 img,.floatleft230 img, .floatleft250 img, .floatleft300 img,  .floatleft340 img, .floatleft350 img,.floatleft400 img, .floatleftimggall img {
	padding-top:1px;
}

.floatright img, .floatrightlandscape img, .floatrightportrait img, .floatright100 img, .floatright150 img,.floatright156 img,  .floatright200 img, .floatright200nomarg img, .floatright225 img, .floatright230 img, .floatright250 img, .floatright300 img, .floatright340 img, .floatright350 img, .floatright400 img, .floatrightimggall img {
	padding-top:1px;
}

.floatleftlandscape { width: 250px; }
.floatleftportrait, .floatleftimggall { width: 175px; }
.floatleft80 { width: 80px; }
.floatleft100 { width: 100px; }
.floatleft150 { width: 150px; }
.floatleft156 { width: 156px; }
.floatleft180 { width: 180px; }
.floatleft200 { width: 200px; }
.floatleft208 { width: 208px; }
.floatleft230 { width: 230px; }
.floatleft250 { width: 250px; }
.floatleft300 { width: 300px; }
.floatleft340 { width: 340px; }
.floatleft350 { width: 350px; }
.floatleft400 { width: 400px; }
.floatleft565 { width: 565px; }
.floatleft200nomarg {
	width: 210px;
	margin: 0; padding: 0;
}

/* EXCEPTION FOR THROSSELL PAGE */
.floatrightportrait#throssellcig {
	width: 210px;
}

/* floats for image galleries */






/* images and captions in content area */
dl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/*border-top: 1px solid #BAAE76;*/
}



/*dl { 
	margin: auto;
	width: 510px;
	border-top: 1px solid #BAAE76; 
	padding: 4px 0 3px 0;
}*/

dd { margin-left: 0px; }

/*.content-pge2 dl {  }*/

/*  HHHHHHHHHHHHHHHHHHHHHHHHHHH
.content-pge2 dl.floatright, .content-pge3 dl.floatright {
	padding: 0 0 0 10px;
	border: 1px dashed #00ff00;
}

.content-pge2 dl.floatleft, .content-pge3 dl.floatleft {
	padding: 0 10px 0 0;
	border: 1px dashed #00ff00;
}
*/

/* #research #content dl.floatleftportrait, #research #content dl.floatrightportrait { width: 175px; }
#research #content dl.floatleftlandscape, #research #content dl.floatrightlandscape { width: 250px; } */



/* dt is the tag for the image and the enlarge text */
.content-pge2 dt, .content-pge3 dt {
	font-size: 12px;
	color: #BAAE76;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.content-pge2 dt a, .content-pge3 dt a {
	text-decoration: none;
	color: #BAAE76;
	border-top: 1px solid #990;
	padding-top: 2px;
	display:block;
}
.content-pge2 dt a:hover, .content-pge2 dt a:focus, .content-pge3 dt a:hover, .content-pge3 dt a:focus { color: #80714B; }

/*
.enlarge { 
	text-decoration: none;
	display: block;
	color: #BAAE76; 
	border-top: solid #990 1px;
	line-height: 18px;
	padding-left: 15px;
	background: url(../images/greenarrow.gif) no-repeat left top;
}
.newwintxt {
	color: #333;
	text-transform: none;
	display: inline;
	letter-spacing: normal;
	font-size: 11px;
}

*/

/*
.content-pge2 dt a:hover .enlarge, .content-pge2 dt a:focus .enlarge { 
	color: #80714B;
	text-decoration: none;
}
.content-pge2 dt a img { 
	margin: 0; padding: 0 0 0 -15px;
	display: inline; 
	border: 0; 
} */

/*.scale img { width: 100%; } */


/* dd is the tag for the image caption */
.content-pge2 dd, .content-pge3 dd {
	margin-left: 0;	padding-left: 0;
	text-align: right;
	font-size: 10px;
	font-style: normal;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #990;
	margin-bottom: 5px;
	line-height: 16px;
}
/* .imgcaption is to replecate dd for tableised pages */
.content-pge2 dd a, .content-pge3 dd a {
	padding-left: 12px;
	color: #BAAE76;
	background: url(../images/greenarrow.gif) no-repeat left center;
}
.content-pge2 dd a:visited, .content-pge3 dd a:visited {}
.content-pge2 dd a:hover, .content-pge2 dd a:focus, .content-pge3 dd a:hover, .content-pge3 dd a:focus { 
	color: #80714B;
	text-decoration: none; 
}
.content-pge2 dd a:active {}

/* EXCEPTION FOR turkish_cannakale.html PAGE */
dl.floatleftportraitsidecaption { 
	float: left;
	width: 475px;
	margin: 3px 0 6px 0;
	padding: 0;

}
.floatleftportraitsidecaption dt { 
	float: left; 
	width: 175px;
}
.floatleftportraitsidecaption dd { 
	display: block;
	margin-left: 180px;
	text-align:left;
	
}

#canakkale .floatleftportraitsidecaption dd {
	margin-top: 40px;
}

#canakkale .floatleftportraitsidecaption#tr dd {
	margin-top: 103px;
}

/* EXCEPTION TO STANDARD .floatright */
#firsttofallbackground .floatleft, #graves .floatleft, #graves .floatright {
	width: 208px;
}

#principles .floatleftportrait {
	width: 185px;
}

#principles .floatright {
	width: 275px;
}

#graves .floatrightmap {
	width: 42%;
	
	padding:0;
}

#graves .floatrightmap iframe {
	width:100%;
	height:300px;
	margin:0;
	border:0;
}

#graves p#CWGC {
	clear:both;	
	font-size: .8em;
}

#bartlett .floatleft, #bartlett .floatright, #bean .floatleft, #bean .floatright {
	width: 160px;
}

#background .floatleft, #background .floatright {
	width: 208px;
}

#plans .floatright {
	width:500px;
	margin-right: 1em;
}

#background .floatl {
	width: 130px;
}

#firsttofallcemeteries img { 
	float: left;
	padding-right: 10px;
	padding-top: 5px;
	
}

#northbeach .floatrightlandscape, #northbeach .floatleftlandscape {
	width:260px; 
}

#northbeach .floatrightportrait, #northbeach .floatleftportrait {
	width:200px; 
}

#northbeach #floatrightchapters {
	position: relative;
}

#northbeach #floatrightchapters #flashObj {
	position: absolute;
	left: 145px;
	top: 22px;
}

#northbeach #contents {

	margin-left: 2em;
width: 70%;	
float:left; 
}

#mainContent #northbeach #contents h2 {
	font-size: 1.6em;
	border-bottom: 1px solid #a79f70;
}

#mainContent #northbeach #contents h3 {
	font-size: 1.2em;
	margin-bottom: 2em;
}

/* ----------------------------------------------------- */
/* ---- FIRST TO FALL SECTION OF LANDING ----- */
/* ----------------------------------------------------- */

/* styles for listings in first to fall section */
.eleventhbatt { background: url(../1landing/firsttofall/images/watermark11.gif) no-repeat right top; }
.twelfthbatt { background: url(../1landing/firsttofall/images/watermark12.gif) no-repeat right top; }
.story#firsttofall #border { 
	border: 1px solid #CCC;
	padding: 10px;
	margin: 15px 15px 20px 15px;
	width: 90% !important;
	width /**/:65%;
	float: left; /* FnE clear float method */ 
}
.story#firsttofall ul.col1 { 
	width: 49%  !important;
	width /**/:45%;
	padding-top: 0; margin-top: 0;
	float: left; 
}
.story#firsttofall ul.col2 { 
	width: 49%  !important; 
	width /**/:45%;
	float: right; 
}
.story dl.eleventhbatt, .story dl.twelfthbatt {
	margin: 40px 15px 20px 15px; 
	padding: 15px;
	border: 1px solid #CCC;
}
.story dl.eleventhbatt dt, #content dl.twelfthbatt dt {
	display: block;
	float: left;
	clear: left;
	width: 180px;
	text-transform: none;
	padding-top: 2px;
}
.story dl.eleventhbatt dd, .story dl.twelfthbatt dd {
	display: block;
	text-align: left;
	padding-left: 190px;
	padding-bottom: 15px;
	font-size: 12px;
	border-bottom: 1px solid #DDD;
}

#ftofdisclaimer {
	margin: 0 0 10px 10px; padding: 0 5px;
	float: right;
	width: 250px;
	height: 150px;
	border: 1px solid #CCC;
}
.backbutton { float: right; }

.story#firsttofall ul { margin: 0; padding: 0; font-size: 1em;}
.story#firsttofall ul li { 
	list-style-type: none;
	
}
.story#firsttofall li a {
	display: block;
	color: #666;
	text-decoration: none;
	margin: 0; padding: .5em 0 .5em 0;
	border-bottom: 1px solid #ddd;
}
.story#firsttofall li a:hover { 
	color: #000;
	text-decoration: underline;
}
.story dt.fate { color: #663; }
.story dd.fate { color: #C33; }

/* ----------------------------------------------------- */
/* ---- VISITING TURK MONUMENT PAGES JS PHOTOFADER ----- */
/* ----------------------------------------------------- */

#seddulbahir #photoholder {
	background: #fff;
	height: 175px;
	overflow: hidden;
	width: 250px;
	
}
/* styles to cater for mac ie - image fade gallery doesn't work on mac ie */
.maciehide { display: none; }
/* \*/
.maciehide { display: block; }
/* */

.macieshow { display: block; }
/* \*/
.macieshow { display: none; }
/* */


/* ----------------------------------------------------- */
/* ------------- RIGHT MENU PAGE EXCEPTIONS- ----------- */
/* ----------------------------------------------------- */

/* fix issue of right menu getting hidden on pages with minimal content */
.short {
	height: 880px;	
	overflow: visible
}

.story#tourhelles {
	min-height: 490px;	
	overflow: visible
}


/* ----------------------------------------------------- */
/* -------------RESEARCHING BRAVERY PAGES -------------- */
/* ----------------------------------------------------- */

/* content area styles for VC pages in researching section */

/* #content.vcpage, #content.subpage { background: url(../5environment/vc/images/vc_bgrd.jpg) no-repeat right top; }
#content.vcpage h2, #content.subpage h2 {  margin-right: 110px; } */

#medalblock { 
	margin: 0; padding: 0;
	width: 110px; height: 125px;
	background: url(../5environment/vc/images/vc_bgrd.jpg) no-repeat right top;
	float: right;
}

/* bravery.html */
dl.lonepinevc {
	
	padding: 3px 0 0 0;
	margin: 0 0 10px 10px;
	width: 330px; 
	float: right;
	overflow:hidden;
}
.lonepinevc dt { 
	display: block;
	float: left; 
	width: 110px;
	height: 157px;
	margin-bottom: 10px;
}
.lonepinevc img { margin: 0;
	/* display: inline; */ 
}
.lonepinevc dd { 
	text-align: left;
	display: block; 
	float: right;
	width: 220px;
}

  dd.lonepinevc dd { display: inline; }


/* styles for VC biographies - researching section */
/*
.vcbio {
	border: 1px solid #CCC;
	width: 350px; height: 220px;
	padding: 10px;
	overflow: auto;
	background-color: #FFF;
	background: url(../5environment/vc/images/adb_bgrd.jpg) no-repeat right top;
}

.vcbio#hamilton, .vcbio#dunstan, .vcbio#tubb, .vcbio#keysor { float: right; margin: 5px 0 10px 10px; }
.vcbio#jacka, .vcbio#throssell, .vcbio#burton, .vcbio#bassett, .vcbio#symons, .vcbio#shout { float: left; margin: 5px 10px 10px 0; }
*/

#vcbio {
	margin: .3em 0 10px 10px; padding: 15px 0 3px 5px;
	border: 1px solid #CCC;
	width: 350px;
	float: right;
	background: #FFF url(../5environment/vc/images/adb_bgrd.jpg) no-repeat right top;
}
#bassett #vcbio { background-image: none; }

#burton #vcbio {
	width: 450px;
}

#symons #vcbio, #keysor #vcbio { float: left; }

#biokeysor, #biothrossell, #biojacka, #bioshout, #bioburton, #biodunstan, #biotubb, #biosymons, #biobassett, #biohamilton { overflow: auto; height: 220px; padding-right: 10px; margin-bottom: 10px; }

#biobassett {
	height: 190px
}

#vccit { 
	margin: .2em 10px 10px 0; padding: 15px 0 3px 5px;
	border: 1px solid #CCC;
	width: 300px;
	float: left;
	background: #FFF url(../5environment/vc/images/vc_medal.jpg) no-repeat right top; 
}

#citkeysor, #citthrossell, #citjacka, #citshout, #citburton, #citdunstan, #cittubb, #citsymons { 
	overflow: auto; height: 220px; padding-right: 10px; margin-bottom: 10px;
}

#shout #vccit {
	float:none;
}


#mainContent .substory {
	clear:both;
	border: 1px solid #CC9;
	/*border: 3px dashed #ff0000;*/
	padding: 10px;
	margin: 2em 0 2em 0;	
}

#mainContent .story .substory h2 {
	font-size: 2em;
	margin-bottom:.2em;
}

#mainContent .story .substory h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-top:0;
}

#mainContent .story .imageList {
	/*border: 3px dashed #ff0000;*/
	clear:both;
	margin: 0 auto;
	width:660px;
	padding:0;
}

#mainContent .story .med dl {
	height: 235px;
}

#mainContent .story .long dl {
	height: 270px;
}

/* styles for sources lists */
ul.sourceslist {
	display:block;
	margin: 0; padding: 0;
	border-bottom: solid #BAAE76 1px;
	/*border-top: solid #BAAE76 1px*/;
}
#mainContent ul.sourceslist li {
	padding: 3px 0 3px 30px; margin: 4px 0;
	list-style-type: none;
	background: url(../images/bullet_book.jpg) no-repeat 0 50% !important;
 }
.sourceslist li em {
	font-weight: normal;
}

/* ------------------------------------------------------------------ */
/* -------------INTERIM FIXES FOR OLDER COMPONENTS --------------- */
/* ------------------------------------------------------------------ */

/* special rule to center old table structures - lemnos photos */
#lemnos table, #images table, #resources table, #contact table {
	margin: 0 auto;
}

#flashcontent, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent550, .centerImage,  .centerImage510 {
	overflow:hidden;
	margin: 0 auto;
}

#flashcontent, .centerImage {
	width: 565px;
}

.centerImage {
	margin-bottom: 2em;
}

.centerImage510 {
	width: 510px;	
}

#flashcontent {
	height: 600px;
}

#flashcontent550 {
	width: 550px;
	margin-bottom: 2em;
}

#flashcontent2 {
	width: 756px;
	height: 600px;
	margin-top: 1em;
	border: 1px solid #333;
}

#flashcontent2 p {
	background-color: #fff;
	position:absolute;
	margin-top: 3px;
	z-index:1000;
}

#flashcontent4 {
	width: 756px;
	height: 665px;
	margin-top: 1em;
	margin-bottom: 2em;
	
}

#mainContent #flashcontent4 img {
	position: absolute;
	top: 778px;
	margin-left: 648px;
	border: 1px solid #333
}

#flashcontent3 {
	width: 796px;
	height: 760px;
	margin-bottom: 2em;
	margin-top: 0;
	padding: 0;
	/*border: 1px dotted #0000ff;*/
}


#flashcontent3, x:-moz-any-link {height: 770px;}
#flashcontent3, x:-moz-any-link, x:default {}



#flashcontent3 #flashObj {
	
}

#flashcontent3 #flashObj, x:-moz-any-link {width: 250%;}
#flashcontent3 #flashObj, x:-moz-any-link, x:default {}

#mainContent #flashcontent3 h2 {
	position: absolute;
	
	margin-left: 480px;
	padding-top: 15px;
	/*border: 1px solid #a79f70;*/
	width: 275px;
	text-align:center;
}

#mainContent #flashcontent3 img {
	position: absolute;
	background-color:#fff;
	/*border: 1px solid #a79f70;*/
	margin-left: 480px;
	padding: 4px 34px 4px 34px;
	margin-top: 55px;
}

#mainContent #flashcontent3 p {
	position: absolute;
	
	
}

#mainContent #flashcontent3 img.noflash {
	position: static;
	border: 1px solid #a79f70;
	margin: 1em 0 0 0 ;
	padding:0;
}

#center500 {
	width: 502px;
	overflow:hidden;
	margin: 0 auto;
}

#center500 img {
	
	border: 1px solid #000;
}


/* clearing floats */

.clearboth	{ 
	clear: both;
}
#mainContent .story h3.clearboth {
	
	border-top: solid #BAAE76 1px; 
	margin-top:3em;
}

.clearleft { clear: left; }
.clearright { clear: right; }
.center { margin: auto; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#mainContent p#state_library {
	position:relative;
	padding: 3em 0 0 140px;
	font-size: .7em;
}

#state_library img {
	position: absolute;
	left:0;
	top:0;
}

/* STYLES FOR NEWS AND EVENTS PAGE */
#bibliography { margin: auto; width: 96%; }
#bibliography dl { border-bottom: 1px solid #BAAE76; padding: 1em 0; }
#bibliography dl dd { font-size: 1em; text-align: left; border-bottom: none; }
#mainContent #bibliography dl dd p { margin: 0 0 .9em 0; margin-left: 70px; }

#mainContent #bibliography dl dd blockquote { margin: 0 0 .9em 0; margin-left: 15px; }
#mainContent #bibliography dl dd blockquote p { line-height: 1.3em; }

#bibliography img { float: left; margin: 0 10px 10px 0; }




#news-events #news1,#bibliography #review1 {
	width:50%;
	float:left;
	margin:0;
	padding:0;
}

#news-events #news2, #bibliography #review2 {
	width:50%;
	float:right;
	margin:0;
	padding:0;

}

#news-events dl, #bibliography dl {

	margin: 0 0 15px 0; padding: .8em;
	/*width: 325px;*/
	width: 94%;
	background-color: #FFFEF9;
	border: 1px solid #CCC;
	position: relative; /* for IE 6 only */
}
#news-events #news1 dl, #bibliography #review1 dl { float: left; }
#news-events #news2 dl, #bibliography #review2 dl { float: right;}


#news-events dd {
	font-size: .8em;
	border-bottom: none;
}

#mainContent #news-events dd h3 {
	font-size: 1.4em;
}
	
#mainContent #news-events dd p {
	font-size: 1em;
}

#mainContent #news-events dd blockquote {
	font-size: 1.1em;
	
}


#mainContent #news-events dd.enlargetxt a {
	font-size: 1.1em;
	color: #BAAE76;
	border-bottom: none;
	background-image:none;
	margin-bottom:0;
	padding:.3em 0 0 0;
}
#mainContent #news-events dd.enlargetxt a:hover {
	color: #80714B;
}
#mainContent #news-events dd.enlargetxt a img {
	display: block;
}



#news-events .imgcaption a {
	text-decoration: none;
}
#mainContent #news-events .imgcaption dd img {
	border: 0;
	
}
#news-events #news1 dt img {
	float: left;
	margin-right: .8em; 
}

#news-events #news2 dt img {
	float: right;
	margin-left: .8em; 
}


#mainContent #news-events dl dd h4 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #C93;
	color: #80714B;
	border-bottom: none;
	text-transform: none;
	letter-spacing: 0;
	margin-top:0;
	margin-bottom: .2em;
}

#mainContent #news-events #news1 dd  {
	text-align: left;
}

#mainContent #news-events #news2 dd {
	text-align: right;
}


#mainContent #news-events dd.imgcaption {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: .9em;
	color: #666;
	line-height: 1.4em;
	margin-left: 0;
	margin-top:-.2em;
	/*border: 1px solid #ff0000;*/
}

#mainContent #peace-ambassadors .biography {
	border: 1px solid #a79f70;
	padding: 1em;
	margin-bottom: 2em;
}


	

/* sitemap page styles */
#sitemap .story {
	padding-top: 10px;
}

#mainContent #mainFeature .sitemapsection h2 {
	font-size: 2.3em;
	text-transform:none;
	margin-top: 0;
	margin-bottom: .6em;
}

#sitemap .story ul {
	list-style-type: none;
 	margin: 0; padding: 0;
}
#sitemap .story li {
	background: url(../images/greenarrow.gif) no-repeat left top;
	padding-left: 20px;
	padding-top:0;
	margin-bottom: 10px;
	font-weight: bold;
	
}
#sitemap .story .sitemapsection a {
 	color: #80714B;
 	text-decoration: none;
	background-image: none;
	padding:0;
}

#sitemap .story .sitemapsection ul ul a {
	font-weight: normal;
}

#sitemap .story .sitemapsection p {
	font-weight: normal;
	margin-top: 1em;
	margin-bottom:0;
}

#sitemap .story a:hover, #sitemap .story a:focus {
 	color: #80714B;
	text-decoration:underline;
}
#sitemap .story ul li ul li {
	margin-top: 10px;
	
	font-weight: normal;
}
.sitemapsection {
	margin-bottom: 10px; padding: 12px 10px 0 10px;
	border: 1px solid #BAAE76;
	background-color: #FFF;
	font-size:1.1em;
}
.sitemapsection h3 {
	margin-top: 0; padding-top: 0;
}

/* SILAS DRAWINGS ALTERNATE PAGE */

#mainContent #silas-drawings dl {
	
	margin-bottom: 2em;
	
	position:relative;
}

#mainContent #silas-drawings dl.landscape {
	width:320px;
}

#mainContent #silas-drawings dl.portrait {
	width:197px;
}

#mainContent #silas-drawings dl.portrait2 {
	width:211px;
}

#mainContent #silas-drawings dl dd.caption {
	/*width:320px;*/
}

#mainContent #silas-drawings dl dd.description {
	display:block;
	text-align:left;
	position:absolute;
	top:0;
	float:right;
	/*margin-left: 340px;*/
	border: 1px solid #ff00000;
	
}

/* BUILDING PROCESS - JAVASCRIPT GALLERY */

#gallery {
	
	width: 565px;
	margin: 0 auto;
	margin-top: 2em;
	padding:0;
}

#display {
	width: 535px;
	height: 310px;
	margin: 0 15px 3px 15px;
}

.displayText {
	width: 565px;
	height: 24px;
}
#mainContent .story ul.picList, #mainContent .story ul.stagesList {	
	margin:2px 0 4px 0;
	padding:0;
	
}

#mainContent .story ul.picList {
	width: 563px;
	padding-left:2px;
}

#mainContent .story ul.stagesList {
	width: 541px;
	padding-left:24px;
}

#mainContent .story ul.picList li, #mainContent .story ul.stagesList li {
	background-image:none;
	/*float:left;*/
	display:inline;
	margin:0;
	padding:0;
}