body { margin:0; font:medium arial,sans-serif; color:#FFF3E9; background:linear-gradient(to right, #AA3344, #773333, #AA3344, #773333); width:100%; min-width:800px; }

/*font-weight font-size/line-height font-family"*/

#headerbox { margin:8px; padding:12px; background:linear-gradient(to bottom, #FFF8FB, #FFFFFF, #FFF8FB); border-radius:24px; border:1px solid #000000; box-shadow:2px 2px 4px #888888, 4px 6px 8px #FFFFFF inset, -2px -3px 8px #333333 inset; min-width:826px; max-width:1094px; }

#contentcolumn { margin:8px 8px 0 128px; min-width:732px; max-width:1000px; }

#fullwidth_column { margin:8px 8px; }

#body_space { min-height:350px; margin:0; }

#stoke { background:url(../resource/historic-stoke-title.png); }
#history { background:url(../resource/history-title.png); }
#nowthen { background:url(../resource/nowthen-title.png); }
#articles { background:url(../resource/articles-title.png); }
#memories { background:url(../resource/memories-title.png); }
#newsletters { background:url(../resource/newsletters-title.png); }

#armsleft { float:left; width:122px; height:127px; margin:4px auto auto 0; border:none; }
#armsright { float:right; width:122px; height:127px; margin:4px 0 auto auto; border:none; }

.menu_butt, a.menu_butt:link, a.menu_butt:visited { display:block; box-shadow:2px 3px 5px #FFFFFF inset, -3px -3px 6px #773333 inset; font:normal 12px/120% arial,sans-serif; color:#333333; text-align:center; text-decoration:none; cursor:pointer; padding:1px 1px 2px; border:none; border-radius:10px; background:#FFEFCE; margin-bottom:4px; }

.sht_butt { width:60px; }
.med_butt { width:120px; }
.lng_butt { width:180px; }

#linkmenu { position:absolute; left:0; margin:8px 0 0 0; padding:0 4px; z-index:10; }

#linkmenu a { display:block; width:120px; font:normal 12px/120% arial,sans-serif; color:#333333; margin-bottom:0; }

#linkmenu ul { width:120px; list-style:none; margin:0; padding:0; }

#linkmenu li { position:relative; border:none; }
#linkmenu ul ul { position:absolute; left:99%; top:0; width:120px; }

#linkmenu ul ul, #linkmenu ul li:hover ul ul { display:none; margin:0; }
#linkmenu ul li:hover ul, #linkmenu ul ul li:hover ul { display:block; }

#linkmenu ul li { float:left; width:100%; margin-bottom:4px; }
#linkmenu ul ul li { margin-bottom:0; }
#linkmenu ul li a { height:1%; }

.menugrad { background:linear-gradient(to top, #773333, #AA3344, #773333); }

a.rnd_butt:link, a.rnd_butt:visited { display:inline; box-shadow:2px 3px 3px #FFFFFF inset, -2px -4px 5px #886644 inset; font:normal 13px/120% arial,sans-serif; text-align:center; text-decoration:none; cursor:pointer; padding:3px 6px; border:none; height:22px; border-radius:11px; color:#333333; background:#FFEFCE; }

.cream_butt, a.cream_butt:link, a.cream_butt:visited { background:#FFEFCE; }
.orange_butt, a.orange_butt:link, a.orange_butt:visited { background:#FFBB44; }
.yell_butt, a.yell_butt:link, a.yell_butt:visited { background:#FFFF66; }
.blue_butt, a.blue_butt:link, a.blue_butt:visited { background:#99CCFF; }
.pink_butt, a.pink_butt:link, a.pink_butt:visited { background:#FFBBCC; }

a.menu_butt:hover, menu_butt:hover, a.rnd_butt:hover { background:#FFFFFF; }

@font-face { font-family:"Old English"; src:url("../resource/Canterbury.ttf"); }

.textbox { margin:0; padding:12px; text-align:left; color:#773333; background:linear-gradient(to right, #FFF8FB, #FFFFFF, #FFF8FB); line-height:120%; border-radius:24px; border:1px solid #000000; box-shadow:2px 2px 4px #888888, 4px 6px 8px #FFFFFF inset, -2px -3px 8px #333333 inset; }

sup { vertical-align:top; position:relative; bottom:0.4em; }

.clear { font-size:1px; height:1px; }

h1 { font-family:arial,sans-serif; font-size:x-large; line-height:100%; color:#773333; margin-top:5px; text-shadow:3px 3px 3px #AAAAAA; }
h2 { font-family:arial,sans-serif; font-size:large; color:#773333; margin-top:5px; margin-bottom:8px; }
h3 { font-family:arial,sans-serif; font-size:medium; color:#773333; margin-bottom:4px; }

.title h1, .title h2, .title h3 { color:#FFF3E9; }

a:link, a:visited { color:#990000; }
a:hover { color:#FF0000; }

.alt_bg1 { background:#FFE0E9; }
.alt_bg2 { background:#FFCCDD; }

.dropcap { width:60px; height:54px; margin-right:3px; float:left; border-radius:6px; box-shadow:2px 2px 2px #888888; }

table.tblpad0 td, table.tblpad0 th { padding:0; }
table.tblpad2 td, table.tblpad2 th { padding:2px; }
table.tblpad4 td, table.tblpad4 th { padding:4px; }
table.tblpad8 td, table.tblpad8 th { padding:8px; }

.infobox-left { float:left; padding:5px; margin:4px 12px 4px 0; font:normal 17px Georgia,"Times New Roman",serif; color:#773333; background:#FFDDE3; box-shadow:4px 4px 6px #888888, 2px 2px 4px #FFFFFF inset, -2px -2px 4px #773333 inset; border-radius:6px; }
.infobox-right { float:right; padding:5px; margin:4px 0 4px 12px; font:normal 17px Georgia,"Times New Roman",serif; color:#773333; background:#FFDDE3; box-shadow:4px 4px 6px #888888, 2px 2px 4px #FFFFFF inset, -2px -2px 4px #773333 inset; border-radius:6px; }
.infobox-centre { padding:5px; margin:5px auto; font:normal 17px Georgia,"Times New Roman",serif; color:#773333; background:#FFDDE3; box-shadow:4px 4px 6px #888888, 2px 2px 4px #FFFFFF inset, -2px -2px 4px #773333 inset; border-radius:6px; }
.infobox { padding:8px; font:normal 17px Georgia,"Times New Roman",serif; color:#773333; background:#FFDDE3; box-shadow:4px 4px 6px #888888, 2px 2px 4px #FFFFFF inset, -2px -2px 4px #773333 inset; border-radius:6px; }

.zoom_img_div { position:relative; }
.zoom_img_div img { cursor:pointer; z-index:1; }
.zoomed_img_div { display:none; position:absolute; padding:8px; background:#000000; z-index:99; }

a.slim:link, a.slim:visited, a.slim:hover { font-weight:normal; }

.linkpic { border:none; float:left; margin:4px; }

.button { font-weight:bold; background:#FFE0B3; }
.title_button { font:x-large arial,sans-serif; color:#773333; background:#FFF3E9; text-decoration:underline; margin-top:5px; margin-bottom:5px; border:none; }

.topbutton { padding:6px; text-align:right; }
.topimg { width:69px; height:28px; border:none; }

.justify { text-align:justify; }
.indent { text-indent:18px; }
.close_para p { margin:0px; }

ul.spaced li { margin-bottom:12px; }
ol.spaced li { margin-bottom:12px; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.central { margin-left:auto; margin-right:auto; }

.leftpic { float:left; margin-right:8px; }
.rightpic { float:right; margin-left:8px; }
.centrepic { display:block; margin:4px auto; }

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

hr { height:1px; background:#773333; }

.photo { border:10px inset #CCAABB; box-shadow:4px 4px 4px #888888; }
.sunken { border:6px inset #FFC6E8; box-shadow:3px 3px 3px #888888; }
.raised { border:6px outset #CCAABB; box-shadow:3px 3px 3px #888888; }
.thinborder { border:1px solid #773333; }

.title { margin-left:auto; margin-right:auto; font:normal small arial,sans-serif; color:#FFCC00; background:linear-gradient(to top, #773333, #AA3344, #773333); padding:6px; }

.title a:link, .title a:visited { color:#FFF3E9; text-decoration:none; }
.title a:hover { color:#773333; background:#FFFFFF; }

.titlemenu { overflow:auto; border:1px solid #FFF3E9; text-align:left; line-height:120%; }

.underline a:link, .underline a:visited, .underline a:hover { text-decoration:underline; }

.linkstrip { font:small verdana,sans-serif; color:#FFFFFF; text-decoration:none; text-align:center; padding-bottom:5px; }

.linkstrip a:link, .linkstrip a:visited { color:#FFCC00; font-size:small; text-decoration:none; }
.linkstrip a:hover { color:#FFFFFF; font-size:small; text-decoration:none; background:#773333; }

.pale_bg { color:#773333; background:#FFF8FB; }
.inv_txt { color:#FFF3E9; background:#773333; }
.wh_bg { background:#FFFFFF; }
.old_paper { color:#333333; background-color:#F6F6F6; 
background-image:radial-gradient(circle closest-side at 40%, #FFE0C0 0%, transparent);
background-size:7px 5px; }

.inv_lk, a.inv_lk:link, a.inv_lk:visited { color:#FFFFFF; text-decoration:none; background:#773333; }

input[type="submit"], input[type="checkbox"], input[type="radio"], label { cursor:pointer; }

input[type="text"], input[type="password"], select, textarea { box-shadow:4px 4px 4px #888888; border:1px solid #CCCCCC; }

input[type="checkbox"] { box-shadow:4px 4px 4px #888888; }

.javabutt { border:1px outset #EEEEEE; width:32px; height:32px; background-color:#EEEEEE; background-repeat:no-repeat; background-position:center; vertical-align:middle; cursor:pointer; }

.link { background-image:url(../resource/link.gif); }
.bold_butt { background-image:url(../resource/bold.gif); }
.italic_butt { background-image:url(../resource/italic.gif); }
.supscript_butt { background-image:url(../resource/supscript.gif); }
.dropcap_butt { background-image:url(../resource/dropcap.gif); }
.serif_butt { background-image:url(../resource/serif.gif); }
.clear_butt { background-image:url(../resource/clear.gif); }
.space_butt { background-image:url(../resource/space.gif); }
.para_butt { background-image:url(../resource/para.gif); }
.pound_butt { background-image:url(../resource/pound.gif); }
.line_butt { background-image:url(../resource/line.gif); }
.pagesplit_butt { background-image:url(../resource/pagesplit.gif); }
.pagesplit_top_butt { background-image:url(../resource/pagesplit-top.gif); }
.lpic_butt { background-image:url(../resource/leftpic.gif); }
.rpic_butt { background-image:url(../resource/rightpic.gif); }
.ctrpic_butt { background-image:url(../resource/centrepic.gif); }
.lcap_butt { background-image:url(../resource/leftcaption.gif); }
.rcap_butt { background-image:url(../resource/rightcaption.gif); }
.ctrcap_butt { background-image:url(../resource/centrecaption.gif); }
.h1_butt { background-image:url(../resource/h1.gif); }
.h2_butt { background-image:url(../resource/h2.gif); }
.h3_butt { background-image:url(../resource/h3.gif); }

.nice_butt, a.nice_butt { font:normal 16px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:4px 6px; border:1px solid #999999; border-radius:8px; box-shadow:4px 4px 6px #888888, 2px 3px 5px #FFFFFF inset, -2px -3px 6px #333333 inset; }
.nice_butt:hover { background:#FFFF00; border:1px solid #000000; }

.nice_sm_butt, a.nice_sm_butt:link, a.nice_sm_butt:visited { font:normal 14px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:1px 4px; border:1px solid #999999; border-radius:8px; box-shadow:2px 2px 4px #888888, 2px 2px 5px #FFFFFF inset, -2px -2px 5px #333333 inset; }
a.nice_sm_butt:hover { background:#FFFF00; border:1px solid #000000; }

.med_txt { font:normal medium arial; }
.serif { font:normal 17px Georgia,"Times New Roman",serif; }
.smallserif { font:normal 15px Georgia,"Times New Roman",serif; }
.small { font:small arial,sans-serif; }
.xsmall { font:x-small arial,sans-serif; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.uline { text-decoration:underline; }

a.img_lk { padding:2px; color:#FFF3E9; text-decoration:none; }
a.img_lk:hover { background:#FFFF00; color:#888888; color:#773333; }

a.hilite:link, a.hilite:visited, a.hilite:hover { color:#773333; background:#FFCC00; }

.standout { font-weight:bold; background:#FFBBCC; }

.post { white-space:pre-wrap; }

.vari_textbox { width:100%; font:normal medium arial; box-sizing:border-box; }

.srchbx { border-radius:12px; padding:2px 6px; box-shadow:4px 4px 6px #888888; font:normal medium arial; }

.counter { font:bold medium/180% arial,sans-serif; color:#FFCC00; background:#333333; padding:2px; }

.hide { display:none; }
.show:hover span, .show:active span, .show:hover div, .show:active div { display:inline; }

.shad4 { box-shadow:4px 4px 8px #888888; }
.shad8 { box-shadow:8px 8px 12px #888888; }
.rndcnr8 { border-radius:8px; }
.rndcnr12 { border-radius:12px; }
.rndcnr16 { border-radius:16px; }

.wh { color:#FFFFFF; }
.red { color:#FF0000; }
.grn { color:#009900; }
.blu { color:#000099; }
.yell { color:#FFFF00; }
.paletext { color:#FFCC00; }

.threedee { box-shadow:3px 3px 4px #888888, 2px 2px 6px #FFFFFF inset, -3px -3px 6px #000000 inset; }