/* British Towns Network - Master style for whole site */

html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, p, textarea, ul, center, dir, hr, menu, pre
				{ display: block; font-family :Verdana,Arial,Helvetica,sans-serif,"MS sans serif"; }

table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }

caption         { font-size: .8em; text-align: center; font-weight: bolder }

h1              { text-align: center; font-size: 1.5em; padding:0 0 5px 0; margin:0 5px; }
h1.hdr					{ text-align: center; font-size: 1.5em; padding:0 ; margin:0; }
h1.red	        { text-align: center; font-size: 1.5em; color:red; padding:0 0 5px 0; margin:0 5px; font-style: italic; }
h1.green        { text-align: center; font-size: 1.5em; color:green; padding:0 0 5px 0; margin:0 5px; font-style: italic; }
h2              { text-align: center; font-size: 1.3em; padding:0 0 5px 0; margin:5px; }
h2.hdr          { text-align: center; font-size: 1.3em; color: #ffffff; padding:0; margin:0; }
h2.nm           { text-align: center; font-size: 1.3em; padding:0 0 5px 0; margin:0 5px; }
h2.red	        { text-align: center; font-size: 1.3em; color:red; padding:0 0 5px 0; margin:0 5px; font-style: italic; }
h2.green        { text-align: center; font-size: 1.3em; color:green; padding:0 0 5px 0; margin:0 5px; font-style: italic; }
h3              { text-align: center; font-size: 1.2em; padding:0 0 5px 0; margin:0 5px; }
h3.red          { text-align: center; font-size: 1.2em; color:red; padding:0 0 5px 0; margin:0 5px; font-style: italic; }
h3.green        { text-align: center; font-size: 1.2em; color:green; padding:0 0 5px 0; margin:0 5px; font-style: italic; }
h4     					{ text-align: center; font-size: 1em; padding:0 0 5px 0; margin:0 5px; }
h4.red    			{ text-align: center; font-size: 1em; color:red; padding:0 0 5px 0; margin:0 5px; font-weight:bold; font-style: italic; }
h4.green   			{ text-align: center; font-size: 1em; color:green; padding:0 0 5px 0; margin:0 5px; font-weight:bold; font-style: italic; }
h4.ph  					{ text-align: left; font-size: 1em; padding:0 0 5px 0; margin:0 5px; font-weight:bold; }
h5							{ text-align: center; font-size: 0.9em; padding:0 0 5px 0; margin:0 5px; }
h5.ph						{ text-align: left; font-size: 0.9em; padding:0 0 5px 0; margin:0 5px; font-weight:bold; }
fieldset, legend, form 
								{ font-size: .9em; margin:0; padding:0 }
p, menu, blockquote, dl, dir     
								{ font-size: 0.9em; padding:0 0 5px 0; margin:0 5px; }
h6              { font-size: .7em; padding:0 0 5px 0; margin:0 5px; }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }

blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic;  font-size: .9em; }
address					{ margin-left: 40px; font-style: italic; text-align : left }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, object, 
select          { display: inline }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub; }
sup             { vertical-align: super; }

table           { border-spacing: 0; margin: 0; padding: 0; font-weight:normal;
									text-align:center; border-collapse:collapse; width:100%; }
thead, tbody,
tfoot, th				{ vertical-align: middle; padding: 0 }
td       			  { vertical-align: top; }
td.cols					{ width: 180px; }
td.thirtyp			{ width: 30%; }
td.seventyp			{ width: 70%; }
td.mid					{ vertical-align: middle; }
th							{ background-color: #CAD3E2; color: #000080; font-size: 1.0em; font-weight: bolder; text-align:center; }
th.small				{ background-color: #CAD3E2; color: #000080; font-size: 0.8em; font-weight: bolder; text-align:center; }

s, strike, del  { text-decoration: line-through; }
hr              { border: 1px inset; }
dir, menu, 
dd							{ margin-left: 40px; margin-right: 40px; list-style-type: decimal; }
br:before       { content: "\A"; }
:before, :after { white-space: pre; }
center          { text-align: center; }
:focus					{ outline: medium dotted invert; }
label						{ font-size: .9em; padding:1px;}

A								{color: blue; text-decoration : underline; }
A:visited				{color: green; text-decoration : none; }
A:hover 				{color: red; text-decoration : underline; }
A:active 				{color: black; text-decoration : underline; }

p								{ font-size: 0.8em; font-weight : normal; text-align : justify; margin-bottom: 10px; }
p.boldc					{ font-size: 0.8em; font-weight : bold; text-align : center;  margin:0; padding:0; }
p.green					{ font-size: 0.8em; font-weight : bold; text-align : center; margin-bottom: 10px; color:green; }
p.red						{ font-size: 0.8em; font-weight : bold; text-align : center; margin-bottom: 10px; color:red; }
p.auth					{ font-size: 0.9em; font-weight : bold; text-align : center; margin: 0px; color:white; background: #6699ff; }
p.large					{ font-size: 1.2em; font-weight : bold; text-align : center; margin: 2px; }
p.mini					{ font-size: 0.7em; font-weight : normal; text-align : justify; margin:0px 5px; padding:0; }
p.centred				{ font-size: 0.8em; font-weight : normal; text-align : center; margin:0; padding:0;}
p.just					{ font-size: 0.8em; font-weight : normal; text-align : justify; margin:0; padding:0;}
p.centrebold		{ font-size: 0.8em; font-weight : bold; text-align : center; margin:0; padding:0;}
p.left					{ font-size: 0.8em; font-weight : normal; text-align : left; margin:0px 5px; padding:0;}
p.right					{ font-size: 0.8em; font-weight : normal; text-align : right; margin:0px 5px; padding:0;}
p.leftbold			{ font-size: 0.8em; font-weight : bold; text-align : left; margin:0px 5px; padding:0;}
p.leftmem 			{ font-size: 1.0em; font-weight : bold; text-align : left; margin:1px 5px; padding:0;}
p.minc					{ font-size: 0.7em; font-weight : normal; text-align : center; margin:0; padding:0;}
p.search 				{ font-size: 1.0em; font-weight : bold; text-align : center; margin : 0px 5px; }
p.more					{ font-size: .65em; font-weight : normal; text-align : right; margin : 0px 5px; }
.moreleft				{ float: left; font-size: .65em; font-weight : normal; text-align : right; margin : 0px 5px; }
.moreright			{ float: right; font-size: .65em; font-weight : normal; text-align : right; margin : 0px 5px; }
p.tiny					{ font-size : .6em; font-weight : normal; text-align : center; margin : 0px 5px; }
p.slr           { text-align: center; font-size: 1.4em; padding:0 0 5px 0; margin:0 5px; font-weight: bolder }

p.b12t					{font-weight : bold; text-align : center; font-size: .8em; margin : 0px 5px; }	
p.b14t					{font-weight : bold; text-align : center; font-size: 1em; margin : 2px 5px; }	
p.b18t					{font-weight : bold; text-align : center; font-size: 1.2em; margin : 3px 5px; }	
p.b24t					{font-weight : bold; text-align : center; font-size: 1.3em; margin : 4px 5px; }

img							{ border:0; margin:0; vertical-align: middle; text-align: center } 
img.grnbdr			{ border: 2px solid green; text-align: center }
img.redbdr			{ border: 1px solid red; text-align: center }
img.blubdr			{ border: 1px solid blue; text-align: center }

table.data 			{ width:100%; color: #000080; background-color:#eeeeee; border:1px solid #cccccc; }
table.ltblue		{ width:100%; color: #000080; background-color:#ECF7FF; }
table.clear			{ width:100%; color: #000080; background-color:#ffffff; }

li        			{ display: list-item ;}
ul							{ text-align:left; margin: 10px 0 10px 50px; list-style-type:disc; }
ul, ul ul 			{ font-size: 0.8em; }
ol							{ text-align:left; margin: 10px 0 10px 50px; list-style-type: upper-roman; }
ol, ol ol 			{ font-size: 0.9em; }

.bluebdr  			{ border : 1px solid blue; width : 100%; }
.redbox	  			{ border : 1px solid red; width : 100%;  }

P.BTN-StdTable	{font-weight : normal; text-align : center; font-size: .8em; margin : 1px 5px; }
P.BTN-LeftTable	{font-weight : normal; text-align : left; font-size: .8em; margin : 1px 5px; }
P.BTN-BoldTable	{font-weight : bold; text-align : center; font-size: 0.9em; margin : 1px 5px; }

.wales  				{ background-color: #E8F9E8; color: #000080; }
.dwales			  	{ background-color: #66FF66; color: #000080; }
.scot						{ background-color: #F0F8FF; color: #000080; }
.dscot					{ background-color: #A8D8FF; color: #000080; }
.eng						{ background-color: #FFF4F4; color: #000080; }
.deng						{ background-color: #FFB9B9; color: #000080; }
.ire 			  		{ background-color: #FFFFE6; color: #000080; }
.dire   				{ background-color: #FFFF00; color: #000080; }
.wht    				{ background-color: #FFFFFF; color: #000080; }
.dkblue					{ background-color: #a8d8ff; color: #000080; }
.newslogo				{ vertical-align: middle; }

.box						{ width:100%; }
.gbox						{ position:relative; display:block; text-align:center; margin-left:auto; margin-right:auto; padding:10px 0 10px 0 ; }
.gbox728				{ position:relative; display:block; text-align:center; margin-left:auto; margin-right:auto; padding:10px 0 10px 0 ; 
									border : 1px solid blue; max-width:760px; color: #000080; background-color: #FFFFFF; }
.cbox60					{ position:relative; display:block; text-align:center; margin: 10px auto 10px auto;
									padding:10px 0 10px 0 ; border : 1px solid blue; width:60%; overflow: hidden; color: #000080; background-color: #FFFFFF; }
.cbox80					{ position:relative; display:block; text-align:center; margin: 10px auto 10px auto; padding:10px 0 10px 0; 
									border : 1px solid blue; width:80%; overflow: hidden; color: #000080; background-color: #FFFFFF; }
.cbox80g				{ position:relative; display:block; text-align:center; margin: 10px auto 10px auto; padding:10px 0 10px 0; 
									border : 1px solid blue; width:80%; overflow: hidden; color: #000080; background-color: #CCFF99; }
.cbox90					{ position:relative; display:block; text-align:center; margin: 10px auto 10px auto;
									padding:10px 5px 10px 5px ; border : 1px solid blue; width:90%; overflow: hidden; color: #000080; background-color: #FFFFFF; }
.cbox90y				{ position:relative; display:block; text-align:center; margin: 10px auto 10px auto; padding:10px 5px 10px 5px; 
									border : 1px solid blue; width:90%; overflow: hidden; color: #000080; background-color: #FFFF99; }
.cbox90g				{ position:relative; display:block; text-align:center; margin: 10px auto 10px auto; padding:10px 5px 10px 5px; 
									border : 1px solid blue; width:90%; overflow: hidden; color: #000080; background-color: #CCFF99; }									
.gbox336				{ position:relative; display:block; text-align:center; margin-left:auto; margin-right:auto; padding:10px 0 10px 0 ; 
									border : 1px solid blue; width :380px; color: #000080; background-color: #FFFFFF; }
.cblk90					{ position:relative; display:block; text-align:center; margin-bottom:15px; margin-left:auto; margin-right:auto; 
									padding:10px 5px 10px 5px; width:90%; }
.cblk80					{ position:relative; display:block; text-align:center; margin-bottom:15px; margin-left:auto; margin-right:auto; 
									padding:10px 5px 10px 5px; width:80%; }
.cblk60					{ position:relative; display:block; text-align:center; margin-bottom:15px; margin-left:auto; margin-right:auto; 
									padding:10px 5px 10px 5px; width:60%; }									

.clouds 				{ margin:0; padding:0; background-image:url('http://www.british-towns.net/images/clouds_true.jpg'); }
.spacer					{ clear:both; margin:0; }
.world					{ width: 700px; height: 450px; margin-left:auto; margin-right:auto;
									border: solid blue; border-width: 1px; text-align: center; z-index:5; }
.album_l				{ width: 751px; height: 501px; margin-left:auto; margin-right:auto;
									border: solid blue; border-width: 1px; text-align: center; z-index:5; }
.album_p				{ width: 501px; height: 751px; margin-left:auto; margin-right:auto;
									border: solid blue; border-width: 1px; text-align: center; z-index:5; }
									
.centerdiv			{ /*IE method of centering a relative div*/ text-align: center; vertical-align: middle; }
.centerdiv>div	{ /*Proper way to center a relative div*/ margin: 0 auto;  vertical-align: middle;}									
									
textarea.tkr		{ width:90%; font-size:1.2em; font-weight:normal; text-align:justify; margin-bottom:0px;}
textarea#xOrgDesc		{ font-size: 1.0em; font-weight: normal; text-align: left; margin:0px; padding:0; width:600px; height:200px;}
textarea#xLocDesc		{ font-size: 1.0em; font-weight: normal; text-align: left; margin:0px; padding:0; width:600px; height:200px;}
.comp						{ background-color: #FFF4F4; color: #000080; }
.mayb						{ background-color: #E8F9E8; color: #000080; }