body { min-width: 1024px; max-width: 1200px; margin-left:auto; margin-right:auto; margin-top: 0px; padding:0; background: #feffef; font-size:95%; font-family: Verdana, Helvetica, Arial, sans-serif; color: #555555; }

 /* --- Typography --- */

h1, h3, h5 { font-family: 'Georgia', 'Bookman Old Style', 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif; }
h2, h4 { font-family: 'Trebuchet MS', Helvetica, sans-serif; }

h1 { font-size:1.8em; font-weight:bold; width:100%; color: #333333; }
h2 { font-size:1.6em; width:100%; color: #000033 }
h3 { font-size:1.4em; font-style: italic; font-weight:bold; color: #333333; margin-top:25px; }
h4 { font-size:1.1em; width:100%; color: #000033 }
h5 { font-size:1.0em; width:100%; font-style: italic; font-weight:bold; color: #333333; }

h1.updates  { font-size:1.7em; font-weight:bold; width:100%; color: #b22222 }

.em { font-size:105%; font-style: italic; color: #333333; }

/* regimental rogue header bars - three formats*/

/* header bar for site title page */

#header1 { 
 background: -moz-linear-gradient(-90deg, #998444, #eeeedd);
 background: -webkit-gradient(linear, left top, left bottom, from(#998444), to(#eeeedd));
 font-size: 40px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; color: #665500;
 text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
 padding-left: 15px; padding-bottom: 15px; padding-top: 15px; text-align: left; 
}

a.headerlink { color: #665500; text-decoration: none; }
a.headerlink:visited { color: #665500; text-decoration: none; }
a.headerlink:hover { color: #665500; text-decoration: none; }

/* header bar for subordinate pages */

#header1a {
 background: -moz-linear-gradient(-90deg, #998444, #eeeedd);
 background: -webkit-gradient(linear, left top, left bottom, from(#998444), to(#eeeedd));
 line-height: 1em; font-size: 35px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; color: #665500;
 text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
 padding-left: 15px; padding-bottom: 15px; padding-top: 15px; text-align: left; 
}

/* smaller regimental rogue header for -rcr in the great war- pages */
#header1b {
 background: -moz-linear-gradient(-90deg, #998444, #eeeedd);
 background: -webkit-gradient(linear, left top, left bottom, from(#998444), to(#eeeedd));
 line-height: 1em; font-size: 24px; font-family: Georgia, "Times New Roman", serif; font-weight: bold; color: #665500;
 text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
 padding-left: 15px; padding-bottom: 15px; padding-top: 15px; text-align: left; 
}


/* sub-title header for rcr in the great war pages */
#headerrcr { height: 34px; color: #FFD700; font-size: 1.7em; background-color: #000033; font-family: Georgia, "Times New Roman", serif; font-weight: bold; padding: 5px 0px 5px 0px; text-align: center; border-top: 2px solid #ffd700; border-bottom: 2px solid #ffd700; }
 
/* navigation header */
#header2 { height: 18px; font-size: .80em; color: #FFFFFF; background-color: #000000; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; border-color: #000000; text-align: left; margin: 0; padding: 0; }

#header2 ul { margin-top: 0; }
#header2 a { text-decoration: none; margin: 2 0 2 0; }
#header2 a:hover { color: #000000; font-style: bold; background-color: #eeeedd; text-decoration: none; }
 
.crumbs 
a:link { padding: 0; color: white; text-decoration: none; }
a:visited { padding: 0; color: white; text-decoration: none; }
 
.crumbs { list-style-type: none; }
.crumbs li { display: inline; }
.crumbs a { margin:0; padding: 0; }
 
/* main content area */
#main1 { margin:0; padding:0; background: white; width: 100%; }
#main2 { margin:0; padding:0; background: white; width: 100%; }
 
/* left hand menu area */
#left { float:left; position: relative; top: 0; left: 0; text-align: left; width: 225px; height:100%; color: #333333; font-size: 80%; background-color: #feffef; font-family: Arial, Helvetica, Verdana, sans-serif; border: none; margin:0; padding:0; }

#left ul { margin-left: 0; padding-left: 1em; }

/* left hand menu area horizontal line */
.hrmenu { color: #bbbb88; background-color: #bbbb88; width: 80%; height: 1px; }
 
/* links in left-hand main menu */
#menu a { }
a.menuitem { color: #000000; font-variant: normal; text-transform: none; font-weight: normal; text-align: left; text-indent: -1em; margin-left: 1em; } 
a.menuitem:hover { color: #000000; text-decoration: underline; }
a.menuitem:visited { text-indent: -1em; margin-left: 1em; text-decoration: italic; color: #330066; }

/* share this box in left menu */

div.sharethis { width: auto; border: 1px #8b9dc3 solid; margin: 0.3em; padding: 0.3em; background-color: #f7f7f7; }
div.sharethis p { text-align: left; color: #3b5998; font-weight: bold; text-decoration: none; text-indent: 5px; } 

 
/* quick links menu formatting */
a.menuq { font-size: 80%; color: #000000; text-align: left; margin-left: 1em; font-variant: 400; text-transform: none; font-weight: normal; text-decoration: none; line-height: 1em; }
a.menuq:hover { font-size: 80%; color: #000000; text-decoration: underline; }
a.menuq:visited { font-size: 80%; color: #000000; text-align: left; margin-left: 1em; text-decoration: italic; }
 
/* right hand column */
#right { float:right; width: 185px; margin:0; padding:0; font-size:80%; line-height: 1.4em; background-color: white; }
 
#right li { font-size: 90%; color: #000000; font-variant: normal; text-transform: none; font-weight: normal; text-align: left; margin-left: -10px; }

/*        */

#middle0 { margin-left: 225px; margin-right: 185px; width: auto; font-family: Georgia, "Times New Roman", serif; font-size: 80%; color: black; border-left-style: solid; border-left-color: #eeeedd; border-left-width: 1px; border-right-style: solid; border-right-color: #eeeedd; border-right-width: 1px; }
 
/* single column middle formatting */
#middle { margin-left: 225px; margin-right: 185px; width: auto; font-size: 100%; background-color: white; text-align: left; }
 

/* x  */
#middle-r { float: right; margin-left: 10px; padding: 10px; width: 40%; height: 100%; font-size: 90%; background-color: white; text-align: left; border-left-style: solid; border-left-color: #cccc99; border-left-width: 1px; }
 
#middle-l { top: 0; width: auto; height: 100%; padding-right: 20px; padding-left: 10px; font-size: 95%; background-color: white; text-align: left; }
 
#middle-b { margin-left: 0%; margin-right: 0%; width: auto; font-size: 100%; background-color: white; padding: 0px 0px 0px 0px; text-align: left; border-left-style: solid; border-left-color: #cccc99; border-left-width: 1px; border-right-style: solid; border-right-color: #cccc99; border-right-width: 1px; }
 
#middle2 { margin-left: 225px; width: auto; font-size: 100%; background-color: white; padding: 0px 0px 0px 0px; text-align: left; }
 
/* when the page has left column navigation only */
#middle3 { margin-left: 225px; width: auto; font-size: 100%; background-color: white; border-color: #FEFFEF; padding: 0px 0px 0px 0px; border-color: #000000; text-align: left; }
 
/* main content link formatting */
a.linkitem { font-size: 100%; color: #000066; text-decoration: none; }
a.linkitem:hover { color: #000066; border-top: #000000 1px dotted; border-bottom: #000000 1px dotted; }
a.linkitem:visited { font-size: 100%; color: #330066; font-style: italic; }
 
a.linkitem2 { font-size: 90%; color: #000000; font-variant: normal; text-transform: none; font-weight: normal; text-align: left; margin-left: 50px; text-decoration: underline; }
a.linkitem2:hover { color: black; background-color: #ffffbb; text-decoration: none; }
a.linkitem2:visited { font-size: 90%; color: #330066; font-variant: normal; text-transform: none; font-weight: normal; text-align: left; margin-left: 50px; text-decoration: none; font-style: italic; }
 
a.linkitem3 { font-size: 90%; color: #000000; font-variant: normal; text-transform: none; font-weight: normal; text-align: left; margin-left: 100px; text-decoration: underline; }
a.linkitem3:hover { color: black; background-color: #ffffbb; text-decoration: none; }
a.linkitem3:visited { font-size: 90%; color: #330066; font-variant: normal; text-transform: none; font-weight: normal; text-align: left; margin-left: 100px; text-decoration: none; font-style: italic; }
 
a.tinylink { font-size: 90%; color: #000000; text-align: left; text-decoration: none; }
a.tinylink:hover { font-size: 90%;  border-top: #000000 1px dotted; border-bottom: #000000 1px dotted; }
a.tinylink:visited { font-size: 90%; color: #000000; font-style: italic; }
 
#footer1 { float: left; width: 100%; 
 background: -moz-linear-gradient(-90deg, #eeeedd, #998444);
 background: -webkit-gradient(linear, left top, left bottom, from(#eeeedd), to(#998444));
text-align: left; padding-top: 5px; padding-bottom: 5px; padding-right:0px; padding-left:10px; font-size: x-small; font-family: verdana,geneva,arial; }
#footer1 a { text-decoration: none; color: #000000; }
#footer1 a:hover { color: #000000; font-style: bold; text-decoration: underline; }
 
.footnote { font-size: 80%; }
p.footnote { padding-left: 30px; }
 
.footnote2 { font-size: 80%; }
p.footnote2 { padding-left: 45px; }
 
.footnote3 { font-size: 80%; }
p.footnote3 { padding-left: 60px; }
 
.smallish { font-size: 85%; }
 
.quote { font-size: 90%; font-style: italic; margin-left: 50px; margin-right: 50px; width: auto; }
.quote2 { font-size: 90%; font-style: italic; margin-left: 65px; margin-right: 60px; width: auto; }
.quote3 { font-size: 90%; font-style: italic; margin-left: 75px; margin-right: 60px; width: auto; }
 
.menutitle { font-size: 100%; font-style: italic; font-weight: bold; }
 
.centre { text-align: center; }
 
.subpara { margin-left: 50px; } 
.subsubpara { margin-left: 100px; }
 
.blocktext { font-size: 90%; color: Black; background-color: #cccc99; font-family: Georgia, "Times New Roman", serif; margin-left: 5px; margin-right: 5px; padding:15px; }
 
span.emphasis { font-size: 100%; font-weight: bold; font-style: none; }
span.noemph { font-size: 75%; font-weight: normal; font-style: none; }
 
span.centre { text-align: center; }

span.indent10 { font-size: 90%; margin-left: 10px; }
span.indent20 { font-size: 90%; margin-left: 20px; }
span.indent50 { font-size: 90%; margin-left: 50px; }
span.indent100 { font-size: 90%; margin-left: 100px; }
 
/* pullquote formatting */

.pullquote {
float: right; margin-left: 5px;
padding: 5px; width: 250px;
margin-top: 5px; margin-bottom: 5px;
border-top-width: 10px; border-bottom-width: 15px;
border-top-style: solid; border-bottom-style: solid;
border-top-color: #333300; border-bottom-color: #333300;
font-size: .9em; color: #000000; text-align: left; line-height: 1.5em;
font-family: 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
font-style: italic; font-weight: normal;
background-color: #cccc99;
}

.pullquotesource { font-size: 90%; font-style: italic; width: auto; margin-left:15px; margin-right:5px; }
 
/* battle honour name formatting*/
.bh { font-size: 110%; font-weight: bold; text-align: center; color: red; font-family: Georgia, "Times New Roman", serif; }
.bhe { font-size: 110%; font-weight: bold; text-align: center; color: red; background-color: #FFd700; font-family: 'Georgia', "Times New Roman", serif; }
.bh_left { font-size: 80%; text-align: center; }
 
/* x */
.indent10 { font-size: 90%; margin-left: 10px; }
.indent20 { font-size: 100%; margin-left: 20px; }
.indent50 { font-size: 100%; margin-left: 50px; }
.indent90 { font-size: 100%; margin-left: 90px; }
.indent100 { font-size: 100%; margin-left: 100px; }
.indent150 { font-size: 100%; margin-left: 150px; }
 
.column-in { margin:0; padding: 10px 10px 10px 10px; }
.cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; }
 
/* ordered list upper roman numerals */
.uproman { list-style-type: upper-roman; }
 
/* Minimal table styles */
table, td, th { border: 1px solid #000000; border-collapse:collapse; margin:0; padding:0; font-size:90%; }
table { border: 1px; }
 
td,th { padding:.2em .5em; vertical-align:top; }
thead th { font-weight:bold; font-size: 90%; vertical-align:center; border-bottom:1px solid #000000; margin-bottom:5px; text-align: center; background-color: khaki; }
tbody th,td { border-right:1px solid #000000; }
tbody td,tbody th { padding:7px 10px; }
tbody th { border-left:1px solid #000000; }
tfoot td,tfoot th { margin-top:5px; border:none; border-top:1px solid #000000; }
 
table a:link { color:#000066; }
table a:visited { color:#330066; }
table a:hover { text-decoration:none; }
table a:active { color:#000000; }
 
/* to centre a table */
table.center { 	margin-left:auto; margin-right:auto; }
 
/* figures floated within content div */
div.figureright { float: right; margin: 0.3em; padding: 0.3em; }
div.figureright p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; color: #000000; }

div.figureleft { float: left; margin: 0.3em; padding: 0.3em; }
div.figureleft p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; color: #000000; }
 
.figureleft200 { float: left; width: 200px; border: 3px #bbbb88 solid; margin: 0.3em; padding: 0.3em; background-color: #eeeedd; }
div.figureleft200 p { text-align: left;  font-style: italic; font-size: smaller; text-indent: 0; color: #000000; } 

.figureright200 { float: right; width: 200px; text-align: centre; }
div.figureright200 p { text-align: left; font-style: italic; font-size: smaller; text-indent: 0; color: #000000; } 
 
div.figureright200bh { float: right; width: 200px; border: 3px #bbbb88 solid; background-color: #eeeedd; margin: 0.3em; padding: 0.3em; text-align: center; }
 
div.figureright125 { float: right; width: 125px; border: 3px #bbbb88 solid; margin: 0.3em; padding: 0.3em; background-color: #eeeedd; }
div.figureright125 p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; color: #000000; } 

div.figureright210 p { text-align: center; font-style: italic; font-size: 11px; color: #000000; }
div.figureright210 { border: 3px #bbbb88 solid; background-color: #eeeedd; float: right; width: 210px; margin: 0.2em; padding: 0.2em; text-align: center; }
 
div.figureright250 p { text-align: left; font-style: italic; font-size: smaller; text-indent: 0; color: #000000; } 
div.figureright250 { float: right; width: 250px; border: 3px #bbbb88 solid; background-color: #eeeedd; margin: 0.3em; padding: 0.3em; text-align: center; }
 
div.figureright160 p { text-align: center; font-style: italic; font-size: 11px; color: #000000; }
div.figureright160 { float: right; width: 160px; border: 3px #bbbb88 solid; background-color: #eeeedd; margin: 0.2em; padding: 0.2em; text-align: center; }
 
div.figureright260 p { text-align: center; font-style: italic; font-size: 11px; color: #000000; }
div.figureright260 { border: 3px #bbbb88 solid; background-color: #eeeedd; float: right; width: 260px; margin: 0.2em; padding: 0.2em; text-align: center; }
 
/* 610 px wide centred image div with caption area, used for rcr great war medal pics, etc. see fitzwalter for example  */
div.figurecenterwide { border: 3px #bbbb88 solid; width: 610px; padding: 0.2em; margin-left:auto; margin-right:auto; background-color: #eeeedd; text-align: center; } 
div.figurecenterwide p { text-align: center; font-style: italic; font-size: 11px; padding-bottom: 1em; color: #000000; }

/* 610 px wide centred TEXT div with caption area, used for rcr great war medal pics, etc. see research ww1 soldiers for example  */
div.textboxcenterwide { border: 3px #bbbb88 solid; width: 610px; padding: 0.2em; margin-left:auto; margin-right:auto; background-color: #eeeedd; } 
div.textboxcenterwide p { text-align: left; font-size: 80%; font-style: italic; color: #000000; }

/* 450 px wide centred image div with caption area, used for rcr great war medal pics, etc. see fitzwalter for example  */
div.figurecenter450wide { border: 3px #bbbb88 solid; width: 450px; padding: 0.2em; margin-left:auto; margin-right:auto; background-color: #eeeedd; text-align: center; } 
div.figurecenter450wide p { text-align: center; font-style: italic; font-size: 11px; padding-bottom: 1em; color: #000000; }
 
/* 310 px wide centred image div with caption area, used for rcr great war medal pics, etc. see 1883 badges for example  */
div.figurecenter300wide { border: 3px #bbbb88 solid; width: 310px; padding: 0.2em; margin-left:auto; margin-right:auto; background-color: #eeeedd; text-align: center; } 
div.figurecenter300wide p { text-align: center; font-style: italic; font-size: 11px; padding-bottom: 1em; color: #000000; }

/* 160 px wide centred image div with caption area, used for seely-smith  */
div.figurecenter160wide { border: 3px #bbbb88 solid; width: 160px; padding: 0.2em; margin-left:auto; margin-right:auto; background-color: #eeeedd; text-align: center; } 
div.figurecenter160wide p { text-align: center; font-style: italic; font-size: 11px; padding-bottom: 1em; color: #000000; }

/* styling for quote box (qbox) */
.qbox { display:block }
 
.qbox * { display:block; height:1px; overflow:hidden; font-size:.01em; background:#cccc99 }
.qbox1 { margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #ffffbb; border-right:1px solid #ffffbb; background:#cccc99 }
.qbox2 { margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #ffffbb; border-right:1px solid #ffffbb; background:#cccc99 }
.qbox3 { margin-left:1px; margin-right:1px; border-left:1px solid #ffffbb; border-right:1px solid #ffffbb; }
.qbox4 { border-left:1px solid #ffffbb; border-right:1px solid #eeeedd }
.qbox5 { border-left:1px solid #ffffbb; border-right:1px solid #eeeedd }
.qboxfg { background:#cccc99; padding:5px; }

 
/* formatting for war diary nav block */
#diarynav { float: right; width: 115px; border: 2px #998444 solid; margin: 0 auto 0 auto; background-color: #eeeedd; font-size: .75em; }
 
/*  great war table formatting  */
th { }
tr.gw1 td { background-color: #eeeedd; color: black; }