html
{
height:100%;
}
body
{
height:100%;
background:url(./images/ww_back_thin.gif) repeat-y; 
}
*
{
font-family: "trebuchet ms", verdana, sans-serif;
}
#mainBody
{
width:100%;
}
#leftColumn
{
width:200px;
margin-top:0px;
color:white;
}
#mainColumn, #mainColumnThin
{
position:absolute;
width:780px; /* was 580 */
margin-top:15px;
left:205px; /* was 205px */
top:100px;
}
div,span 
{
font-size:10pt;
padding:0;
margin:0;
border:0;
}
.textbox {background:transparent;}

h1,h2
{
padding:0;
margin:0;
color:#004100;
font-size:1.5em;
}
h2
{
padding-left:10px;
font-size:2.2em;
}
h3 
{
font-size:0.95em;
font-weight: 900;
padding:3px 0 0 0;
margin:0 0 0 0;
color:white;
width:98%;
border-bottom:solid 2px white;
}
.h3TextOnly
{
font-size: 0.95em;
font-weight: 900;
color:black;
}
h5
{
padding:0;
margin:0;
font-size:1.2em;
color:#004100;
}
td.bottomBorder{border-bottom:1px solid #c6a800;}
.spaceAbove{margin-top:5px;}
.spaceBelow{margin-bottom:5px;}
.bordered{border: solid 1px #cc8f8a;}
.fullHeight{height:100%;}
.fullWidth{width:100%;}
.nearlyFullWidth{width:97%;}
.smallgap { padding:2px; }
.cleared { clear:both; }
.textRight { text-align:right; }
.centered { text-align:center; }
.giveFinger { cursor:pointer; }
.Visible { display:block; }
.Invisible { display:none; }
.left { float:left; }
.right { float:right; }
.up { vertical-align:top; }
.bold { font-weight:900; }
.pushRight { margin-left:12px; }

.feedBox
{
width:620px;
margin:0 auto;
}
.feedBoxThinEU
{
width:330px;
margin:0 auto;
}
.feedColumn
{
width:300px;
float:left;
overflow:auto;
}
.feedColumnThinEU
{
width:250px;
text-align:center;
/* overflow:auto; */
}
.feedColumnInner
{
margin:2px;
/* height:400px; */
/* overflow:auto; */
}
.feedColumnInner a
{
color:black;
}
.showDashes
{
line-height:25px;
}
a.wordlink, .bulletedBlock a, .feedBox a, .feedBoxThinEU a
{ 
border-bottom: 2px red dashed;
text-decoration: none;
color: black;
}
a.wordlinkLight
{ 
border-bottom: 2px green dashed;
text-decoration: none;
color: white;
letter-spacing:-1px;
font-weight:900;
}
a.sitelink 
{ 
border-bottom: 2px green dashed;
text-decoration: none;
color: black;
}
a.sitelinkLight 
{ 
border-bottom: 2px green dashed;
text-decoration: none;
color: white;
}
a.localop 
{ 
border-bottom: 2px blue dashed;
text-decoration: none;
color: black;
}
.linkBank a
{
border-bottom: 1px red dashed;
text-decoration: none;
color: white;
font-size:0.7em;
display:block;
}
.linkBank a img
{
border-bottom: 0;
text-decoration: none;
}
a:hover
{
color:#c6a800;
text-decoration: none;
}

/* Styles for Menu Items */
ul li a
{
text-decoration: none;
color: black;
font-size:1em;
}
ul,li
{
list-style-type: none;
list-style-image: none;
display: inline;
margin-left:0;
padding-left:0;
line-height:15px;
}
.columnList li
{
display:block;
}

ul h3
{
margin-top:5px;
}

input.butt, input.buttsmall
{
background:url(./images/greenfade.jpg);
border:1px solid #004100;
margin:5px;
padding:2px 10px 2px 10px;
color:black;
font-weight: 900;
}
input.buttsmall
{
margin:0;
padding:1px;
color:black;
}
input
{
width:auto;
overflow:visible;
background-color:white;
}
input.textOnly
{
border:0;
background:transparent;
overflow:visible;
width:300px;
}
.whitebck
{
background-color:white;
}
.verylargetext
{
font-size:2em;
font-weight:900;
color:#c65d00;
}
.largetext
{
font-size:1.5em;
}
.mediumtext, legend
{
font-size:1.1em;
font-weight:900;
}
.smallertext
{
font-size:1em;
font-weight:500;
}
.mediumsmalltext
{
font-size:0.9em;
font-weight:900;
}
.smallesttext
{
font-size:0.9em;
text-decoration:none;
}
.tinytext
{
font-size:0.7em;
line-height:9px;
}
form
{
margin:0;
padding:0;
border:0;
}
.nogap
{
padding:0;
margin:0;
border:0;
}
.leftRightBuffers
{
padding-left:5px;
padding-right:5px;
}
.leftRightOuterBuffers
{
margin-left:5px;
margin-right:5px;
}
.w3TagEU
{
font-size:1em;
font-weight:900;
border:0;
padding:1px;
margin:1px;
color:#004100;
}



.contentX {border-right:1px solid #c65d00;border-left:1px solid #c65d00;background:#c65d00;}
.b1 {height:1px; font-size:1px; overflow:hidden; display:block; background:#c65d00; margin:0 5px;}
.b2 {height:1px; font-size:1px; overflow:hidden; display:block; background:#c65d00; border-right:2px solid #c65d00; border-left:2px solid #c65d00; margin:0 3px;}
.b3 {height:1px; font-size:1px; overflow:hidden; display:block; background:#c65d00; border-right:1px solid #c65d00; border-left:1px solid #c65d00; margin:0 2px;}
.b4 {height:2px; font-size:1px; overflow:hidden; display:block; background:#c65d00; border-right:1px solid #c65d00; border-left:1px solid #c65d00; margin:0 1px;}

.b1l {height:1px; font-size:1px; overflow:hidden; display:block; background:#FFEE93; margin:0 5px;}
.b2l {height:1px; font-size:1px; overflow:hidden; display:block; background:#FFEE93; border-right:2px solid #FFEE93; border-left:2px solid #FFEE93; margin:0 3px;}
.b3l {height:1px; font-size:1px; overflow:hidden; display:block; background:#FFEE93; border-right:1px solid #FFEE93; border-left:1px solid #FFEE93; margin:0 2px;}
.b4l {height:2px; font-size:1px; overflow:hidden; display:block; background:#FFEE93; border-right:1px solid #FFEE93; border-left:1px solid #FFEE93; margin:0 1px;}

.b1d {height:1px; font-size:1px; overflow:hidden; display:block; background:#004100; margin:0 5px;}
.b2d {height:1px; font-size:1px; overflow:hidden; display:block; background:#004100; border-right:2px solid #004100; border-left:2px solid #004100; margin:0 3px;}
.b3d {height:1px; font-size:1px; overflow:hidden; display:block; background:#004100; border-right:1px solid #004100; border-left:1px solid #004100; margin:0 2px;}
.b4d {height:2px; font-size:1px; overflow:hidden; display:block; background:#004100; border-right:1px solid #004100; border-left:1px solid #004100; margin:0 1px;}

#nav, #nav ul {
float: left;
width: 10em;
list-style: none;
line-height: 1em;
background-color:#004100;
font-weight: bold;
padding: 0;
border: solid #c65d00;
border-width: 1px 0;
margin: 0 0 1em 0;
}
#nav a {
display: block;
}
#nav li {
float: left;
padding-left:0.5em;
width: 9.5em;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
border-width: 0.25em;
margin: 0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: 15px;
}
#nav li:hover, #nav li.sfhover {
background: #FFEE93;
}
#content {
clear: left;
}
#content a:hover {
text-decoration: none;
}


#navL, #navL ul {
float: left;
width: 10em;
list-style: none;
line-height: 1em;
background-color:#004100;
font-weight: bold;
padding: 0;
border: solid #c65d00;
border-width: 1px 0 0 0;
margin: 0;
color:white;
}

#navL a {
display: block;
}

#navL li {
float: left;
padding-left:0.5em;
width: 9.5em;
}

#navL li ul {
/*display:none;*/
position: relative;
height: auto;
font-weight: normal;
border-width: 0 0 0 0.25em;
}
#navL li:hover ul, #navL li li:hover ul, #navL li li li:hover ul, #navL li.sfhoverL ul, #navL li li.sfhoverL ul, #navL li li li.sfhoverL ul 
{
display:block;
}

div.imgTABS div
{
width:200px;
height:65px;
font-weight:900;
font-size:1.5em;
margin:1px;
}
div.imgTABS div a
{
color:#c65d00;
}

.pictureBox
{
width:200px;
height:65px;
margin:0 auto;
}
.textBox
{
height:24px;
width:250px;
overflow:visible;
margin:0 auto;
}
.pointedLink
{
padding-right:5px;
}
.feedBox
{
margin:10px 10px 0 10px;
text-align:center;
}
.itemdescription, .itemtitle
{
color:black;
font-size:0.8em;
}
.itemdescription img
{
height:33%;
width:33%;
}

img 
{
border: 0;
margin: 0;
padding: 0;
behavior:url("http://www.wherewhenwhy.co.uk/pngbehavior.htc");
}


.flasher .hidden {display:none;} 
.flasher .shown {display:block; width:100%;} 

h1
{
background:url(http://www.wherewhenwhy.co.uk/images/greenfade.jpg) center center repeat-x;
color:white;
padding:3px;
}

p
{
font-size:1.1em;
}
#update
{
font-size:0.8em;
font-weight:0;
text-align:left;
}
#update h1
{
font-size:1em;
font-weight:0;
color:#C65D00;
background:none;
padding:0;
}

#mainColumnThin
{
margin-top:-10px;
}
.colouredDiv /*NB if this style is changed them amend info_block.php and weather_block.php also */
{
background-color:#c65d00;
} 
.lightColouredDiv 
{
background-color:#FFEE93;
color:black;
}
.darkColouredDiv
{
background-color:#004100;
color:white;
}