/* New3Col stylesheet */
/* Optional Code */
body { margin: 0; padding: 0; color: #333333; background-color: #ffffff; text-align: justify; font-family: Arial, Helvetica, sans-serif;
font-size: 86%; }
p { padding: 0.5em; margin: 0; font-size: 1em; }
p.small { padding: 0.5em; margin: 0; font-size: 0.8em; }
p.quoted {text-align: center; font-weight:bold; font-style: italic;}
p.largequote {text-align: center; font-weight:bold; font-style: italic; font-size: 1.6em; font-family: Arial, Helvetica, sans-serif; color: #05790D;}
/* p.justified {text-align: justified; } */
h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: bold; text-transform: uppercase;
}
h1.centred { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: bold; text-align: center; }
h1.centre-red { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: bold; text-align: center; color: #fe0000;}
h1.title { float: right; margin-left: 12px; font-size: 2.0em; font-weight: bold; text-transform: none; }
h2 { padding: 0.5em; margin: 1px; margin-top: 1em; font-size: 1em; font-weight: bold;
border-top: 3px solid #fe0000 ; border-bottom: 2px solid #269D00;
color: #000000; }
h3 { padding: 0.5em; margin: 1px; margin-top: 1em; font-size: 1em; font-weight: bold; color: #000000; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
a { color: #05790D; text-decoration:underline;}
a:hover {color: #C41B04; }
a:visited {color: #694623; text-decoration:underline;}
p.sd { padding-left: 0.5em; margin: 0; font-size: .8em; color: #05790D;}
p.po { padding-left: 0.5em; margin: 0; font-size: .8em; color: #694623;}
p.news { padding-left: 0.5em; margin: 0; font-size: .8em; color: #694623;}
dt {font-size: 1.2em; font-weight:bold; padding-top 1.2em;}
dd {font-size: 1em; font-weight:normal; padding-top 1.2em;}
.right { font-style: italic; }
.normal { font-style: normal; }
.T { padding: 2px 2px; font-size: 2.0em; font-weight: bold; color: white; background-color: green;}
.P { padding: 2px 2px; font-size: 2.0em; font-weight: bold; color: white; background-color: red;}
.outbox { padding: 1em; text-align: center; }
.outbox a { display: block;
background: #ffffff;
border: 1px solid #cccccc;
width: 50%;
padding: 1em;
margin: 0 auto;
}
.outbox a:hover { border: 1px solid #ffffff; }
.wrapper { min-width: 200px; }
/* Allways good to have on full width liquid CSS layouts,
google "min-width IE" for JS solutions there */
/* Setup (This all looks neater when it isn't put on display!) */
.wrapper {
width: 100%; /* total width */
}
.outer {
border-left-width: 200px; /* minor column width */
border-left-color: #ffffff; /* minor column colour */
background-color: #fefefe; /* main column colour */
border-right-width: 0px; /* minor column width */
border-right-color: #ffffff; /* minor column colour */
}
.left {
width: 199px; /* left column width */
margin-left: -200px; /* _negative_ left column width */
}
.wideHead {
background-color: #ffffff; /* header colours */
/* background-image: url(./images/tptlogo.gif); */
/* background-repeat: no-repeat; */
/* background-position: bottom right; */
}
.wideFoot {
background-color: #ffffff; /* footer colours */
}
/* Main code */
.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }
.left { float: left; position: relative; z-index: 10;}
.center { float: left; width: 100%; position: relative; z-index: 12; }
.wideHead { width: 100%; position: relative; z-index: 13; font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal; font-size: 11pt; color: #9B0100; border-collapse: collapse; border-spacing: 0px;
border-bottom-color: #fe0000;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.wideFoot { width: 100%; position: relative; z-index: 14; font-family: Arial, Helvetica, Sans-Serif;
font-weight: normal; font-size: 8pt; color: #694623; border-top: 2px solid #269D00}
.FootText { position: relative; font-family: Arial, Helvetica, Sans-Serif; padding-left: 1em;
font-weight: normal; font-size: 8pt; color: #694623; }
.clear { clear: both; }
/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.center { margin: 0 -3px 0 -2px; }
/* Main top-of-page section tabs */
#tabs {
/* Section tabs, implemented by customizing the tag */
/* width: 60%; */
background: transparent;
padding: 0.5em 0em 0em 0.5em;
white-space: nowrap;
margin-left: 10px;
margin-top: 10px;
/* margin-bottom: -1px; */
font-size: 90%;
font-weight: bold;
/* width: 50%; */
/* float: left; */
border-spacing: 0px;
}
#tabs a {
/* The normal, unselected tabs. They are all links */
border-color: #fe0000;
border-width: 1px;
border-style: solid solid none solid;
color: #05790D;
text-decoration: none;
height: 1.2em;
padding: 0.25em 0.5em;
}
#tabs a:hover {
border-color: #fe0000;
border-bottom: 1px solid white;
color: #fe0000;
text-decoration: underline;
}
#tabs a.selected {
/* The selected tab. There's only one of this */
background: #ffffff;
border-left: 2px solid #fe0000;
border-right: 2px solid #fe0000;
border-top: 2px solid #fe0000;
border-bottom: 1px solid white;
color: #9B0100;
font-weight: bold;
padding: 0.25em 0.5em;
}
#tabs a.selected:hover {
background: white;
border-left: 2px solid #fe0000;
border-right: 2px solid #fe0000;
border-top: 2px solid #fe0000;
border-bottom: 1px solid white;
color: #C41B04;
text-decoration: underline;
}
/* Left panel link styles */
#navigation {
/* Section tabs, implemented by customizing the tag */
width: 200px;
/* background: transparent; */
padding: 0em 2em 0em 0em;
/* white-space: nowrap; */
}
a.navigation {
/* The normal, unselected link anchor. */
display: block;
background: #C0DEC0;
background-image: url(./images/woodgrain.jpg);
border-color: #9B0100;
border-width: 2px;
border-style: solid;
color: #9B0100;
height: 1.2em;
width: 95%;
padding: 4px 4px;
margin-top: 2px;
margin-bottom: 6px;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
/* the Hover version of the anchor */
border-color: #fe0000;
border-style: solid;
border-width: 2px;
color: #C41B04;
text-decoration: underline;
}
a.navigation:active {
/* the selected version of the anchor */
color: #ffffff;
}
.map{
float: right;
margin-left: 4px;
}
#crumbsndate{
margin-top: -1px;
width: 100%;
background: #ffffff;
border-bottom: #269D00 1px solid;
padding: 0.5em 1em;
text-transform: lowercase;
font-size: 10px;
}
#datebox{
color: #000000;
font-size: 10px;
float: right;
width: 28%;
text-align: right;
margin-right: 2px;
}
/* Definition of the breadcrumb trail container and its link elements */
#crumbbox{
float: left;
width: 66%;
}
#crumbbox a {
color: #05790D;
font-weight: normal;
text-decoration: none;
/* font-size: 12px; */
}
#crumbbox a:hover {
color:#05790D;
text-decoration: underline;
}
/* definitions of boxes used to display enclosed text */
.box {
width: 160px;
background: white;
border: 2px solid #fe0000;
margin-top: 8px;
margin-left: 8px;
padding: 0px;
font-size: 80%;
text-align: center;
}
.boxTitle {
background: #ffffff;
border-bottom: 1px solid #269D00;
width: 98%;
color: #9B0100;
padding: 2px;
font-weight: bold;
font-size: 120%;
}
.box a {
color: #05790D;
font-weight: normal;
text-decoration:underline;
height: 1.6em;
padding: 0em 0em;
}
.box a:hover {
color: #C41B04;
text-decoration: underline;
height: 1.6em;
padding: 0em 0em;
}
.more { /* used to style the link to full article content in a box */
font-size: 120%;
text-align: right;
background: #ffffff;
color: #269D00;
}
.morelink { /* used to style the link to full article content in a box */
font-size: 12px;
text-align: right;
background: #ffffff;
color: #269D00;
}
/* Definition of the 'newsflash' section used on the homepage - but could be used elsewhere too */
#newsflash {
position: relative;
background: #ffffff;
font-family: Arial, Helvetica;
font-style: italic;
font-size: 110%;
line-height: 140%;
padding: 2px;
margin: 4px;
/* border-top: 3px solid #fe0000 ; */
border-bottom: 2px solid #269D00;
color: #9B0100;
}
/* styled table element definitions */
table.styled {
padding: 2px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:90%;
color: #694623;
border: 1px solid #000000;
border-collapse: collapse;
}
tr.styled {
}
th.styled {
border: 1px solid #000000;
background: #BE9B78;
padding: 2px;
font-weight: bold;
font-style: italic;
color: black;
}
td.styled {
font-size: x-small;
border-collapse: collapse;
border: 1px inset #BE9B78;
padding: 4px 8px;
}
/* styled image definition, e.g. for use in a table */
.imagebox {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
float: right;
}
img.float-right {/* image element float */
float: right;
margin-top: 2px;
margin-left: 2px;
margin-bottom: 2px;
padding-left: 2px;
}
img.float-left {/* image element float */
float: left;
margin-top: 2px;
padding-right: 4px;
padding-bottom: 2px;
}
img.navlogo {/* image element placing for logo in nav column */
display: block;
margin-left: 16px;
}
/* Form field appearance definitions */
textbox { border: 1px solid #05790D; BACKGROUND-COLOR: #ffffff; COLOR: #000000; font-family: courier new, courier, serif, monospace; font-size: 1em; }
resetButton { border: 1px solid #05790D; BACKGROUND-COLOR: #DEE7EC; COLOR: #597988; font-size: 1em; }
submitButton { border: 1px solid #05790D; BACKGROUND-COLOR: #DEE7EC; COLOR: #597988; font-size: 1em; font-weight: bold; }
submitButton:hover { border: 1px solid #05790D; BACKGROUND-COLOR: #8CACBB; COLOR: #ffffff; font-size: 1em; font-weight: bold; }
resetButton:hover { border: 1px solid #05790D; BACKGROUND-COLOR: #8CACBB; COLOR: #ffffff; font-size: 1em; }
.lastupdated {margin-left: 20px }
.new {FONT-WEIGHT: bold;
FONT-SIZE: 9px;
COLOR: #ff0000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #ffff00;
VERTICAL-ALIGN: super;
}
.left-side {
float: left;
width: 49%;
}
.right-side {
float: right;
width: 49%;
text-align: right; /* depends on element width */
}