/* reset styles */
/* First let's reset all padding and margins to give us an equal work area cross browser */
*{ margin: 0px; padding: 0px; }
/* Now reset the font size so we can use EM sizing cross browser */
html{font-size: 62.5%; }
/* Now we can specify EM sizing where 1.1em = 11px, 1.4em = 14px etc */
body { 
font: 1.2em/1.4em 'Century Gothic', AppleGothic, Futura, Verdana, Arial, Sans-Serif;
/*font:13px/150% Verdana, Tahoma, sans-serif;*/
color: #333333;
background: #f8f8f0;
background-image: url("../z_images/body-back.gif"); background-position: top center; background-repeat: repeat-y;
}

/* layout */
#body-wrapper { width:980px; margin:0 auto; }


/* colours */
.top-back-green { color : #eae9d3; }
.main-back-green { color : #f8f8f0;}
.dark-button-green { color: #bebb95; }
.green-edge { color : #f4f3e7;}
.red-text { color : #c03632;  }
.green-grey-text { color : #b6b2b0;}
.standard-text { color : #333333;}

/*reset font size across the board exc. headers */
table, th, td, li li, li p, td p, blockquote p { font-size:1em; color : #333333; }

/* css3 webform  */


input, textarea { 
	padding: 0px 8px 0px 8px;
	border: solid 2px #E5E5E5;
	outline: 0;
	font: normal 1.2em/1.4em 'Century Gothic', AppleGothic, Futura, Verdana, Tahoma, sans-serif;
	background: #f8f8f0;
	background: -webkit-gradient(linear, left top, left 25, from(#f8f8f0), color-stop(4%, #fdfdfa), to(#f8f8f0));
	background: -moz-linear-gradient(top, #f8f8f0, #fdfdfa 1px, #f8f8f0 25px);
	color : #b6b2b0;
	}
input {  }
textarea { height: 200px; width: 90%; margin: 10px auto; line-height: 150%; }
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #c03632; color : #333333;}
.form label { margin-left: 10px; color: #b6b2b0; }
.submit input { background: #bebb95; cursor: pointer; }


.content-wrapper img, .full-width-wrapper img, .panel-wrapper img { 
border: 3px solid #ffffff;
box-shadow:3px 3px 5px #D2D2CB;
-webkit-box-shadow:3px 3px 5px #D2D2CB;
-moz-box-shadow:3px 3px 5px #D2D2CB;
}

.content-wrapper ul, full-width-wrapper ul { margin: 0 0 0 20px; padding: 0 0 8px 0; }
.content-wrapper ul li, full-width-wrapper ul li { margin: 0; padding: 0; list-style-position: inside; }

p { margin: 0 0 8px 0; line-height: 1.3em; }

.content-body quote { display: block; color : #969290;  padding: 6px 10px 6px 10px; font-style: italic; border-left: 5px solid #f4f3e7; border-right: 5px solid #f4f3e7; }

/*some legacy styles*/
.content-body p.pad-left { padding-left: 20px; } 


a { 
font-weight: normal;
color: #c03632;
text-decoration: none;
outline: 0;
}

a:hover{
color: #619fde;
text-decoration: none;
outline: 0;
}

h1, h2, h3, h4, h5 { color : #c03632; font-family: Futura, 'Century Gothic', Verdana, Sans-Serif; font-weight: normal; text-transform: uppercase; }
.subtitle {  font-size: 70%; line-height: 70%; }


#top-line-wrapper { height: 51px;  background-color:#eae9d3; }

#top-inline-nav { width: 430px; display: block; float: left; margin: 0 10px 0 15px; padding: 8px 0 0 0; list-style: none; }
#top-inline-nav li { display: block; float: left; margin: 0 10px 0 0; padding: 0; }
#top-inline-nav li.right-most { margin-right: 0; }
#top-inline-nav li a { text-indent: -1000px; overflow: hidden; display: block; height: 42px; margin: 0; padding: 0; text-decoration: none;  background-image: url("../z_images/sprites/button-sprite.gif"); background-repeat: no-repeat;  }
#top-inline-nav li a:hover { text-decoration: none; }
/*sprite manipulation*/
#top-inline-nav li a#home { display: block; height: 42px; background-position: 0 -86px; width: 70px; }
#top-inline-nav li a#home:hover {  background-position: 0 -129px; }
#top-inline-nav li a#about { display: block; height: 42px; background-position: -80px -86px; width: 71px; }
#top-inline-nav li a#about:hover {  background-position: -80px -129px; }
#top-inline-nav li a#help { display: block; height: 42px; background-position: -161px -86px; width: 256px; }
#top-inline-nav li a#help:hover {  background-position: -161px -129px; }
/*active states*/
#top-inline-nav li a#home.active {  background-position: 0 -129px;  }
#top-inline-nav li a#about.active {  background-position: -80px -129px; }
#top-inline-nav li a#help.active {  background-position: -161px -129px; }

/* SEARCH FORM */
#top-search-form { display: block; float: right; margin: 8px 15px 0 0; }
#search-string { display: block; float: left; height: 31px; width: 211px; margin: 0; padding: 0 8px 0 8px; border: solid 2px #bebb95; }
#search-string:hover, #search-string:focus { border-color: #c03632;}
#top-search-btn {  display: block; float: left; padding: 0; margin: 0; background: none; border: 0; outline: 0; }



#banner h1, #banner h2 { margin: 0; padding: 0; width: 980px; height: 226px; text-indent: -1000px; overflow: hidden; background-image: url("../z_images/hd-banner-blue-red.jpg"); background-position: 0 0; background-repeat: no-repeat; }

/* main inline nav */
#inline-nav-wrapper { width: 980px; margin: 0; background-color: #eae9d3; }
#main-inline-nav { margin: 0 0 0 15px; padding: 8px 0 0 0; list-style: none; }
#main-inline-nav li { display: block; float: left; margin: 0 10px 0 0; padding: 0; }
#main-inline-nav li.right-most { margin-right: 0; }
#main-inline-nav li a { text-indent: -1000px; overflow: hidden; display: block; height: 42px; margin: 0; padding: 0; text-decoration: none;  background-image: url("../z_images/sprites/button-sprite.gif"); background-repeat: no-repeat;  }
#main-inline-nav li a:hover { text-decoration: none; }
/* sprite manipulation */
#main-inline-nav li a#div-history { display: block; height: 42px; background-position: 0 0; width: 165px; }
#main-inline-nav li a#div-history:hover {  background-position: 0 -43px; }
#main-inline-nav li a#pow { display: block; height: 42px; background-position: -176px 0; width: 168px; }
#main-inline-nav li a#pow:hover {  background-position: -176px -43px; }
#main-inline-nav li a#bat { display: block; height: 42px; background-position: -353px 0; width: 119px; }
#main-inline-nav li a#bat:hover {  background-position: -353px -43px; }
#main-inline-nav li a#mem { display: block; height: 42px; background-position: -482px 0; width: 124px; }
#main-inline-nav li a#mem:hover {  background-position: -482px -43px; }
#main-inline-nav li a#mus { display: block; height: 42px; background-position: -616px 0; width: 164px; }
#main-inline-nav li a#mus:hover {  background-position: -616px -43px; }
#main-inline-nav li a#news { display: block; height: 42px; background-position: -790px 0; width: 159px; }
#main-inline-nav li a#news:hover {  background-position: -790px -43px; }
/*active states*/
#main-inline-nav li a#div-history.active {  background-position: 0 -43px; }
#main-inline-nav li a#pow.active {  background-position: -176px -43px; }
#main-inline-nav li a#bat.active {  background-position: -353px -43px; }
#main-inline-nav li a#mem.active {  background-position: -482px -43px; }
#main-inline-nav li a#mus.active {  background-position: -616px -43px; }
#main-inline-nav li a#news.active {  background-position: -790px -43px; }


/* home page coda slider has it's own styles in static/z_scripts/coda-slider/stylesheets etc. */
.panel-wrapper img { display: block; float: left; margin-right: 12px; }
.panel-info-wrapper { float: left; width: 358px;  }
.panel-info-inner { height: 170px; overflow: hidden; }
.panel-fade-out { height: 51px; width: 358px; position: relative; margin-top: -51px; z-index: 99;  background: url("../z_images/panel-text-fade.png") bottom left repeat-x; }
.panel-read-more { text-align: right; margin-top: 0px; z-index: 199; margin-bottom: 0; padding-bottom:0;}


.full-width-wrapper { padding: 10px; margin: 8px auto; width: 926px; border: 2px solid #f4f3e7; background-color:#ffffff; }
.full-width-wrapper h2.red-baseline { background: url("../z_images/red-bar.gif") bottom center no-repeat; padding-bottom: 12px; margin-bottom: 8px;}
.three-box-wrapper { background: url("../z_images/three-box-back.gif") center center repeat-y; }
.one-of-three { width: 286px; margin-right: 16px; float: left; padding: 3px 6px 6px 6px;}
.right-most { margin-right: 0; width: 284px; }
.one-of-three .num-info { padding-bottom: 0px; margin-bottom: 0;}
.one-of-three h3 { font-size: 1em; line-height: 1.1em; margin-bottom: 3px;}
.one-of-three img {}

.one-of-three p { font-size: 0.9em; text-align: left; margin-bottom: 6px; }
.one-of-three .green-grey-text { text-transform:uppercase; }

a.image-link { display: block; float: left; margin: 2px 8px 2px 0;}
a.image-link:hover {}
.three-box-spacer { clear: both; background: #ffffff url("../z_images/three-box-spacer.gif") center center no-repeat; height: 16px; width: 930px; }

.read-more { text-align: right; margin-top: -8px; }



/* CHAPTER SPECIFC STYLES */
.content-wrapper { padding: 10px; margin: 8px 0 10px 14px; width: 727px; float: left; border: 2px solid #eae9d3; background-color:#ffffff; }
.breadcrumb-wrapper {  color: #deddc8;  }
.breadcrumb-wrapper p { margin-bottom: 0px; text-transform: uppercase; }
.breadcrumb-wrapper .breadcrumbs {  width: 520px; display: block; float: left;  }
.breadcrumb-wrapper .breadcrumbs a { color: #deddc8; }
.breadcrumb-wrapper .breadcrumbs a:hover { color: #619fde; }
.breadcrumb-wrapper .post-type { display: block; width: 180px; float: right; text-align: right; }

.content-body { padding: 10px; margin: 8px auto; width: 704px; border: 2px solid #f8f8f0; background-color:#ffffff; box-shadow:3px 3px 5px #e2e2dB;
-webkit-box-shadow:3px 3px 5px #e2e2dB;
-moz-box-shadow:3px 3px 5px #e2e2dB;
}
.content-body h1.red-baseline { font-size: 1.3em; background: url("../z_images/red-bar-content.gif") bottom center no-repeat; padding-bottom: 12px; margin-bottom: 8px;}
.content-body h2 { color: #333333; font-size: 1em; margin: 0 0 4px 0; padding-top: 6px;}
.content-body p { margin-bottom: 12px;  letter-spacing: 0.025em; word-spacing: 0.1em; text-align: justify; }
.link-header { background-color: #f8f8f0; position: relative; top: 4px; clear: both; }
.link-header p { padding: 0 12px 8px 12px; }
.link-header .top-h-line { border-bottom: 2px solid #ffffff;  margin: 6px 8px 4px 8px;}
.link-header .top-h-line h2 { color: #333333; display: block; float: left; width: 500px; background: url("../z_images/51hd-mini-badge.gif") left center no-repeat; padding: 4px 0 4px 23px; margin: 2px 0 0 0; }
.link-header .top-h-line h2.account-icon { background: url("../z_images/doc-icon.gif") left center no-repeat;  }
.top-h-line a { color: #333333; }
.top-h-line a:hover { color: #619fde; }
.top-h-line .type-link { font-weight: normal; color: #bab6a5; text-transform: uppercase; padding-left: 15px; }
.link-header .read-chapter {color: #bab6a5;  margin: 0; padding: 5px 0 0 0; display: block; float: right; width: 120px; text-align: right; }
.read-chapter a { color: #bab6a5; padding: 0; margin: 0; }
.read-chapter a:hover { color: #619fde; }

.sidebar-wrapper { float: right; width: 190px; margin: 8px 11px 10px 0; }
.vert-nav { width: 183px; padding: 0; margin: 0 0 8px 0; list-style: none; border: 2px solid #eae9d3; background-color:#ffffff;}
.vert-nav li { display: block; padding: 0; margin: 0; }
.vert-nav li ul { margin: 0; padding: 0; }
.vert-nav li a { font-size: 1.1em; line-height: 0.9em; text-transform: uppercase; color: #333333; background: url("../z_images/nav-grad-back.gif") bottom left repeat-x; display: block; padding: 6px 8px 7px 8px; border-bottom: 1px solid #eeeedc;}
.vert-nav li.last a { border-bottom: 0; }
.vert-nav li a:hover, .vert-nav li.active a { color: #ffffff; background: #c03632; }
.vert-nav .subtitle { font-size: 80%; color: #999999; display: block; margin-top: 2px;}
.vert-nav li a:hover .subtitle { color: #ffffff; }
.vert-nav li.active .subtitle { color: #ffffff; }
.vert-nav li li a { padding-left: 25px; }

.side-header { display: block; width: 186px; height: 57px; margin-bottom: 8px; text-indent: -1000px; overflow: hidden; background-image: url("../z_images/sprites/headings-sprite.gif"); background-repeat: no-repeat; }
.news-h { background-position: 0 0;  }
.museum-h { background-position: 0 -58px;  }
.div-history-h { background-position: 0 -116px; }
.battalions-h { background-position: 0 -174px; }
.memorials-h { background-position: 0 -232px; }
.pow-accs { background-position: 0 -290px;  }


.image-wrapper { background-color: #f8f8f0; padding: 8px;  position: relative; top:6px; clear: both; }
.right-img { float: right; margin: 0 0 10px 10px; width: 336px; }
.left-img { float: left; margin: 0 10px 10px 0; width: 336px; }
.image-wrapper img { width: 328px; } 
.img-caption { width: 275px; display: block; float: left; margin-left: 2px; padding-top:4px; }
a.img-info-reveal { display: block; float: right; width: 26px; height: 30px; background-image: url("../z_images/sprites/icon-sprite.gif"); background-position:  -78px 0px; background-repeat:  no-repeat; text-indent: -1000px; overflow: hidden; }
a.img-info-reveal:hover { background-position: -78px -31px; }
a.img-show-full-size { display: block; float: right; width: 26px; height: 30px; background-image: url("../z_images/sprites/icon-sprite.gif"); background-position:  -51px 0px; background-repeat:  no-repeat; text-indent: -1000px; overflow: hidden; }
a.img-show-full-size:hover { background-position: -51px -31px; }
.info-reveal p { padding-left: 2px; }
p.img-desc-label, p.img-tag-label { color : #b6b2b0; margin-bottom: 2px; padding-bottom: 0; }
p.img-desc {  }
p.img-tag-label { background: url("../z_images/tag-icon.gif") 0px 0px no-repeat; padding-left: 20px;}
p.img-tags { margin-bottom: 0; color : #b6b2b0;}
p.img-tags a { color : #b6b2b0; text-transform: capitalize; }
p.img-tags a:hover { color: #619fde;  }

.full-width-img { margin: 0 0 10px 0; width: 688px; }
.full-width-img img { width: 680px; } 
.full-width-img .img-caption { width: 80%; }

.next-prev-wrapper { padding: 10px 0 10px 0; background: url("../z_images/mid-vertical-pipe.gif") center center no-repeat; }
.prev-wrapper { width: 50%; float: left; }
.next-wrapper { width: 50%; float: right; }
.prev-arrow, .next-arrow { display: block; height:80px; width: 80px; margin: 0 5px 0 5px; text-indent: -1000px; overflow: hidden; }
.prev-arrow { float: left; background: url("../z_images/sprites/icon-sprite.gif") 0 -70px no-repeat; }
.next-arrow { float: right; background: url("../z_images/sprites/icon-sprite.gif") -81px -70px no-repeat; }
.chapter-summary { width: 250px; text-transform: uppercase; padding-top: 20px;}
.chapter-summary p { margin-bottom: 0; }
.chapter-summary a { color : #b6b2b0; }
.chapter-summary a:hover { color: #619fde; }
.chapter-summary .subtitle { font-size: 90%; }
.chp-left { float: left; padding-left: 5px; }
.chp-left p { text-align: left;  }
.chp-right { float: right; text-align: right; padding-right: 5px; }
.chp-right p { text-align: right; }

.tag-wrapper { background-color: #f8f8f0; }
.tag-wrapper p { text-transform: capitalize; text-align: left; color : #b6b2b0; padding: 10px 10px 10px 35px; background: url("../z_images/tag-icon.gif") 10px 10px no-repeat; }
.tag-wrapper a { color : #b6b2b0; }
.tag-wrapper a:hover { color: #619fde; }


.two-box-wrapper { background: url("../z_images/two-box-back.gif") center center repeat-y; }
.one-of-two { width: 335px; margin-right: 6px; float: left; padding: 3px 7px 6px 7px;}
.two-box-wrapper .right-most {  margin-right: 0; width: 335px; }
.one-of-two .num-info { padding-bottom: 0px; margin-bottom: 0;}
.one-of-two h3 { font-size: 1em; line-height: 1.1em; margin-bottom: 3px;}
.one-of-two p { font-size: 0.9em; text-align: left; margin-bottom: 6px; }
.two-box-spacer { clear: both; background: #ffffff url("../z_images/two-back-spacer.gif") center center no-repeat; height: 16px; width: 100%; }

.content-body form { background-color: #ffffff; }
/* PAGE SEARCH FORM */
#page-search-form { display: block; margin: 8px auto; width: 400px; }
#page-search { display: block; float: left; height: 31px; width: 300px; margin: 0; padding: 0 8px 0 8px; border: solid 2px #bebb95; }
#page-search:hover, #page-search:focus { border-color: #c03632;}
#page-search-btn {  display: block; float: left; padding: 0; margin: 0; background: none; border: 0; outline: 0; }

/* javascript placeholder stuff */
input.placeholder, textarea.placeholder { color : #b6b2b0; }


.footer { font-size: 90%; margin: 8px auto; width:949px; background: url("../z_images/twitter-bird-bar.gif") top right no-repeat; padding-bottom: 25px; }
.footer { color: #c3bfaf; }
.footer a, .footer b { color: #b7b2a0; }
.footer a:hover { color: #b7b2a0; text-decoration: underline;  }
.footer a.email-left { display: block; float: left; margin-top: 40px; margin-bottom: 8px; }
.footer a.twitter-link { display: block; float: right; padding-top: 40px; margin-bottom: 8px; }
.footer .foot-left { width: 40%; float: left; }
.footer .foot-right { width: 40%; float: right; text-align: right; }

/* USEFUL STUFF - ### KEEP @ BOTTOM OF PAGE ### */
.image-replace { display: none; }
.clear-floats { clear: both; }
.right-align { text-align: right; }
.left-align { text-align: left; }
.full-justify { text-align: justify; }
.centre { text-align: center; }
.capitalize { text-transform:capitalize; }
.uppercase { text-transform:uppercase; }



/* REWRITES */

.raw-html { margin-bottom: 8px; overflow: hidden; }
.content-body .subtitle { margin-top:2px; display:block; }
.mini { width: 224px; }
.mini img { width: 216px; } 
.img-caption { margin-top:2px; }
.mini .img-caption { width: 160px; text-align:left; }
p.img-desc, p.img-tags { text-align:left; }
.link-header { margin-bottom:12px; }
.content-body p { padding-top:3px; }
.content-body h2 .subtitle { font-size:75%; padding-top:0; margin-top: 0; }

.vert-nav li a:hover, .vert-nav li a.active { color: #ffffff; background: #c03632; }
.vert-nav .subtitle { font-size: 80%; color: #999999; display: block; margin-top: 2px;}
.vert-nav li a:hover .subtitle { color: #ffffff; }
.vert-nav li a.active .subtitle { color: #ffffff; }

.link-desc p { margin-bottom:0px; }

.image-wrapper { padding-bottom:4px; position:static; top:0; clear:both; margin-top:6px }

.content-wrapper ul, full-width-wrapper ul { width:90%; margin: 0 auto; padding: 8px 0 8px 0; }
.content-wrapper ul li, full-width-wrapper ul li { margin: 0 0 10px 0; padding: 0; list-style-position: outside; }

.ul-hide { display:none; }

.full-width-wrapper .content-body { width:90%; }
.full-width-wrapper .content-body h1.red-baseline { color : #c03632; background: url("../../static/z_images/red-bar.gif") bottom center no-repeat; }

.full-width-wrapper .add-info-wrapper { background-color:#f8f8f0; border: 2px solid #ffffff; box-shadow:0px 0px 0px; -webkit-box-shadow:0px 0px 0px; -moz-box-shadow:0px 0px 0px; }

.full-width-wrapper .add-info-wrapper p.img-tags a { color: #333333; text-transform: capitalize; }
.full-width-wrapper .add-info-wrapper p.img-tags a:hover { color: #619fde;  }

.full-width-wrapper p { padding-top:3px; }
.full-width-wrapper h2 .subtitle { font-size:75%; padding-top:0; margin-top: 0; }
.full-width-wrapper h2 { color: #333333; font-size: 1em; margin: 0 0 4px 0; padding-top: 6px;}
.full-width-wrapper p { margin-bottom: 12px;  letter-spacing: 0.025em; word-spacing: 0.1em; text-align: justify; }
.full-width-wrapper h1.red-baseline, .full-width-wrapper h2.red-baseline { color : #c03632; font-size: 1.3em; background: url("../../static/z_images/red-bar.gif") bottom center no-repeat; padding-bottom: 12px; margin-bottom: 12px;}
h1 {  }





/* tab panel - jquery css */
/* root element for tabs  */
ul.css-tabs {  margin:0 !important;  padding:10px 0 0 0; height:33px; border-bottom:2px solid #f4f3e7;}

/* single tab */
ul.css-tabs li {  float:left;	 padding:0;  margin:0;  list-style-type:none; }

/* link inside the tab. */
ul.css-tabs a { 
	float:left;
	/* font-size:13px; */
text-transform:uppercase; font-weight:normal; background-color:#ffffff;
	display:block;
	padding: 8px 10px 5px 10px;	
	text-decoration:none;
	border:2px solid #f4f3e7;	
	border-bottom:0px;
	height:18px;
	
	margin-right:10px;
	position:relative;
	top:0px;	
	outline:0;
       /* border-radius:4px 4px 0 0;	
	-moz-border-radius:4px 4px 0 0;	
	-khtml-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
        -o-border-radius:4px 4px 0 0;	*/
}

ul.css-tabs a:hover {
	background-color:#f8f8f0;
	/* color:#333; */
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#f8f8f0;
	border-bottom:2px solid #f4f3e7;	
	/* color:#000; */	
	cursor:default;
}

	
/* tab pane */
.css-panes div.tab-panel {
	display:none; min-height:150px; padding-top:15px;
	/* border:1px solid #d1d1d1;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fefefe;	 */
}