/* Style sheet for the Pandorion web site */

body, div, p, td, li, h1, h2, h3, h4 {
   font-family: "Tempus Sans ITC", "Comic Sans MS", "Arial", "Sans Serif";
   }
a {
   font-family: "Arial", "Sans Serif";
   }
body {
   padding-left: 5%;
   padding-right: 5%;
   background-color: #FFFFFF;
   font-size: 10pt;
   }
body.Gallery {
   background-image: url('http://www.pandorion.co.uk/img/common/BackgroundGallery.jpg');
   background-color: #FFDFFF;
   }

/* Heading and paragraph definitions */

h1, h2, h3, h4 {
   color: #22511D;
   }
h1 {
   font-size: 16pt;
   }
h2 {
   font-size: 14pt;
   }
h3 {
   font-size: 12pt;
   }
h4 {
   font-size: 11pt;
   }
p, td, li {
   font-size: 11pt;
   }
p.PageSubHeading {
   font-size: 13pt;
   font-weight: bold;
   text-align: center;
   color: #22511D
   }
p.left {
   margin-left: 0;
   margin-right: 40%;
   text-align: left;
   }
p.right {
   margin-left: 40%;
   margin-right: 0;
   text-align: right;
   }
p.centre {
   margin-left: 20%;
   margin-right: 20%;
   text-align: center;
   }
p.KitCentre {
   margin-left: 20%;
   margin-right: 20%;
   text-align: center;
   font-size: 10pt;
   color: #22511D;
   }
p.large_centre {
   margin-left: 5%;
   margin-right: 5%;
   text-align: center
   }
p.SpecialInfo {
   font-size: 11pt;
   font-weight: bold;
   color: #22511D
   }
p.NavigationPages {
   padding-left: 3px;
   font-size: 10pt;
   color: #22511D;
   margin-left: 5%;
   }
.Indent1 {
   padding-left: 2em
   }

/* Link definitions  */

a:link {     /* Unvisited links */
   color: #22511D;
   }
a:visited {  /* Visited links */
   color: #22511D;
   }
a:hover {    /* User hovers */
   color: #22511D;
   }
a:active {   /* Active link colour */
   color: #22511D;
   }

/* The menu and logos on the left-hand side of the page */
div.LeftColumn {
   position: absolute;
   height: auto;
   width: 120px;
   top: 80px;
   left: 0px;
   z-index: 2;
   }
div.MenuColumn {   /* The overall menu container */
   height: auto;
   width:120px;
   top: 80px;
   left: 0px;
   }
table.MenuTable {  /* The single-column table of menu items */
   height: auto;
   width: 120px;
   visibility: visible;
   border-spacing: 0px ;
   }
td.MenuButton, td.MenuButtonThis {    /* Each button in the menu */
   color: #EBE6AD;
   font-size: 9pt;
   text-decoration: none;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   height: 20px;
   width: 100px;
   padding-left: 3px;
   padding-right: 3px;
   border-width: 1px;
   border-style: solid;
   font-family: "Arial", "Sans Serif";
   }
td.MenuButton {
   background-color: #22511D;
   border-color: #81A11D;
   }
td.MenuButtonThis {  /* The menu button that corresponds to the currently-selected page */
   background-color: #81A11D;
   border-color: #22511D;
   }
.MenuButton a {  /* Link definitions within the button */
   text-decoration: none;
   width: 100%;
   display: block;
   }
.MenuButton a:link {
   color: #EBE6AD;
   }
.MenuButton a:visited {
   color: #EBE6AD;
   }
.MenuButton a:hover {
   color: #EBE6AD;
   }
.MenuButton a:active {
   color: #EBE6AD;
   }
div.MenuInfo {   /* The information display that is made visible as the buttons are rolled over */
   position: absolute;
   left: 240px;
   top: 44px;
   height: auto;
   width: 250px;
   visibility: hidden;
   background-color: #22511D;
   color: #EBE6AD;
   border-style: solid;
   border-width: 1px;
   border-color: #81A11D;
   padding-left: 5px;
   padding-right: 5px;
   padding-bottom: 5px;
   font-family: "Arial", "Sans Serif";
   }
div.Logos, div.SpecialInterest {
   height: auto;
   width: 110px;
   left: 10px;
   padding-top: 20px;
   padding-left: 4px;
   text-align: center;
   }
div.Logos a, div.SpecialInterest a {
   font-size: 9pt;
   }
div.Keywords {
   visibility: hidden;
   }

table.NavigationTable td a:link {
   color: #EBE6AD;
   text-decoration: none;
   }
table.NavigationTable td a:visited {
   color: #EBE6AD;
   text-decoration: none;
   }
table.NavigationTable td a:hover {
   color: white;
   text-decoration: none;
   }
table.NavigationTable td a:active {
   color: #EBE6AD;
   text-decoration: none;
   }
td.MenuText {
   text-align: left;
   vertical-align: middle;
   padding-left: 0.2em;
   font-size: 10pt;
   }
td.BottomPicture {
   text-align: center;
   padding-top: 2em;
   }
td.LeftBeadColumn, td.RightBeadColumn {
   vertical-align: top;
   }
td.LeftBeadColumn {
   padding-right: 0.5em;
   }
td.RightBeadColumn {
   padding-left: 0.2em;
   }
td.LinkLogo, td.LinkData {
   padding-top: 2em;
   }
td.LinkLogo {
   width: 15%;
   }

/* Table definitions: */
table.BasketInfo, table.BodyMenu, table.BorderMenu {
   margin-left: auto;
   margin-right: 0px;
   font-weight: normal;
   border-spacing: 0px ;
   }
table.BorderMenu {
   margin-top: 0px;
   }
table.ListOthers { /* Lists of related web sites */
   width: 90%
   }
table.OpenHours { /* Special information table */
   width: 60%;
   margin-left: 10%;
   border-style: solid;
   border-width: 2px;
   border-color: #22511D;
   }
table.BodyMenu td.BodyMenuText {
   font-family: "Arial Rounded MT Bold", "Arial black", Arial, "Sans Serif";
   font-size: 10pt;
   text-align: right;
   vertical-align: top;
   padding-top: 4px;
   padding-right: 1em;
   color: #22511D;
   }

   
/* The table at the top and bottom of an item list, used to page forward and backward through the items */
table.NavigationTable {
   border-style: none;
   background-color: #22511D;
   color: #EBE6AD;
   margin-top: 20px;
   margin-bottom: 20px;
   }
table.NavigationTable td {
   font-size: 9pt;
   }
td.NavigationLeft {
   text-align: left;
   width: 33%;
   }
td.NavigationCentre {
   text-align: center;
   width: 34%;
   }
td.NavigationRight {
   text-align: right;
   }

/* The table of Pandorion events for the coming year */
table.Events {
   width: 90%;
   margin-left: 5%;
   }
td.EventDateFirst {
   text-align: right;
   vertical-align: top;
   padding-top: .5em;
   padding-bottom: .5em;
   padding-right: .5em;
   background-color: #22511D;
   color: #EBE6AD;
   border-width: 2px 0px 1px 0px;
   border-style: solid none solid none;
   border-color: #22511D #EBE6AD #EBE6AD #EBE6AD;
   width: 20%;
   }
td.EventDate {
   text-align: right;
   vertical-align: top;
   padding-top: .5em;
   padding-bottom: .5em;
   padding-right: .5em;
   background-color: #22511D;
   color: #EBE6AD;
   border-width: 1px 0px 1px 0px;
   border-style: solid none solid none;
   border-color: #EBE6AD;
   }
td.EventDateLast {
   text-align: right;
   vertical-align: top;
   padding-top: .5em;
   padding-bottom: .5em;
   padding-right: .5em;
   background-color: #22511D;
   color: #EBE6AD;
   border-width: 1px 0px 2px 0px;
   border-style: solid none solid none;
   border-color: #EBE6AD #EBE6AD #22511D #EBE6AD;
   width: 20%;
   }
td.EventDescriptionFirst {
   text-align: left;
   padding-left: .5em;
   padding-right: .5em;
   padding-top: .5em;
   padding-bottom: .5em;
   vertical-align: top;
   background-color: #EBE6AD;
   color: #22511D;
   border-width: 2px 0px 1px 0px;
   border-style: solid none solid none;
   border-color: #22511D;
   width: 55%;
   }
td.EventDescription {
   text-align: left;
   padding-left: .5em;
   padding-right: .5em;
   padding-top: .5em;
   padding-bottom: .5em;
   vertical-align: top;
   background-color: #EBE6AD;
   color: #22511D;
   border-width: 1px 0px 1px 0px;
   border-style: solid none solid none;
   border-color: #22511D;
   }
td.EventDescriptionLast {
   text-align: left;
   padding-left: .5em;
   padding-right: .5em;
   padding-top: .5em;
   padding-bottom: .5em;
   vertical-align: top;
   background-color: #EBE6AD;
   color: #22511D;
   border-width: 1px 0px 2px 0px;
   border-style: solid none solid none;
   border-color: #22511D;
   width: 55%;
   }
td.EventLinkFirst {
   text-align: left;
   vertical-align: middle;
   padding-top: 1em;
   background-color: #EBE6AD;
   border-width: 2px 2px 1px 0px;
   border-style: solid solid solid none;
   border-color: #22511D;
   color: #22511D;
   }
td.EventLink {
   text-align: left;
   vertical-align: middle;
   padding-top: 1em;
   background-color: #EBE6AD;
   border-width: 1px 2px 1px 0px;
   border-style: solid solid solid none;
   border-color: #22511D;
   color: #22511D;
   }
td.EventLinkLast {
   text-align: left;
   vertical-align: middle;
   padding-top: 1em;
   background-color: #EBE6AD;
   border-width: 1px 2px 2px 0px;
   border-style: solid solid solid none;
   border-color: #22511D;
   color: #22511D;
   }

div.Top {
   position: absolute;
   top: 0px;
   left: 0px;
   text-align: left;
   padding-top: 5px;
   padding-left: 5px;
   }
div.MainContent {
   position: absolute;
   min-width: 752px;
   top: 80px;
   left: 135px;
   }
div.MainText {
   width: auto;
   text-align: left;
   }
div.TopText {
   text-align: left;
   color: #22511D;
   font-size: 13pt;
   font-weight: bold;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   }
div.TopTextError {
   font-family: "Arial", "Sans Serif";
   text-align: left;
   color: #ff0000;
   font-size: 15pt;
   font-weight: bold;
   padding-top: 1em;
   padding-bottom: 1em;
   }
div.BottomText {
   border-top-style: solid;
   border-top-color: #22511D;
   border-top-width: 2px;
   margin-top: 2em;
   padding-top: 0px;
   padding-bottom: 2em;
   }
div.HLine {
   border-top-style: solid;
   border-top-color: #22511D;
   border-top-width: 2px;
   margin-top: 1em;
   padding-top: 0px;
   padding-bottom: 0.5em;
   }
div.CourseHeading, div.CourseOutline {
   width: 800px;
   }
div.CourseHeading {
   font-size: 11pt;
   font-weight: bold;
   color: #22511d;
   border-top-style: solid;
   border-top-width: 2px;
   border-top-color: #22511D;
   margin-top: 1em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   }
td.PageHead {
   text-align: right;
   }
td.LinkButtons {
   vertical-align: top;
   }
td.BottomText {
   text-align: left;
   font-size: 10pt;
   color: #22511D;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   }

table.Kits td {
   font-size: 10pt;
   vertical-align: top;
   }
td.KitBorder {
   border-top-style: solid;
   border-top-color: #22511D;
   border-top-width: 2px;
   height: 0.1em;
   }
table.Kits td.KitName, table.Poppy td.KitName, table.KitColourTable td.KitColoursHeader {
   font-size: 12pt;
   font-weight: bold;
   color: #22511D;
   }
table.Kits td.KitName {
   height: 1.2em;
   vertical-align: bottom;
   }
td.KitPicture {
   padding-top: 1em;
   padding-bottom: 1em;
   text-align: center;
   }
td.KitCategory, td.KitPrice {
   font-family: "Arial", "Sans Serif";
   padding-left: 0.5em;
   }
td.KitPrice {
   text-align: right;
   padding-right: 0.5em;
   padding-left: 0.5em;
   }
td.KitColour {
   padding-left: 2em;
   }

td.returnImage {
   width: 10em;
   text-align: center;
   vertical-align: middle;
   }
td.returnText {
   font-size: 11pt;
   text-align: center;
   vertical-align: middle;
   color: #22511D
   }
td.Day {
   text-align: right;
   padding-right: 0.5em;
   }
td.Date {
   text-align: left;
   padding-left: 0.5em;
   }
td.Hours {
   text-align: center;
   }

/* Catalogue items displayed in a table */
table.CatalogueTable {
   border-style: none;
   border-spacing: 0px;
   border-collapse: collapse;
   }
table.CatalogueTable td {
   font-family: "Arial", "Sans Serif";
   font-size: 9pt;
   }
tr.HeaderRow td {
   vertical-align: bottom;
   font-weight: bold;
   }
td.ItemNumberHead, td.ItemNumberHeadFinding {
   text-align: left;
   width: 6em;
   }
td.ItemNumberHeadFinding {
   padding-left: 6px;
   }
td.ItemColourDescriptionHead {
   text-align: right;
   padding-right: 6px;
   width: 14em;
   }
td.ItemColourHead {
   text-align: left;
   padding-left: 6px;
   width: 7em;
   }
td.ItemSizeHead {
   text-align: center;
   width: 6em;
   }
td.ItemPriceHead, td.ItemPriceHeadFinding, td.ItemPriceHeadBasket {
   text-align: left;
   padding-left: 6px;
   width: 14em;
   }
td.ItemPriceHeadFinding {
   width: 8em;
   }
td.ItemPriceHeadBasket {
   width: 13em;
   }
td.InBasketHead {
   text-align: left;
   padding-left: 6px;
   width: 7em;
   }
td.ItemAmountHead {
   text-align: right;
   padding-right: 10px;
   width: 5em;
   }
td.ItemPictureHead {
   width: 170px;
   }
td.BasketHead {
   text-align: center;
   width:20em;
   }
td.ChangeBasketHead {
   text-align: center;
   width:10em;
   }
tr.DetailRow td {
   border-top-style: solid;
   border-top-color: #22511D;
   border-top-width: 2px;
   }
td.ItemNumber {
   text-align: left;
   vertical-align: middle;
   font-size: 10pt;
   font-weight: bold;
   }
td.ItemNumberFinding, td.ItemNumberFindingNext {
   text-align: left;
   vertical-align: middle;
   font-size: 10pt;
   font-weight: bold;
   padding-left: 6px;
   }
td.ItemNumberFinding {
   }
td.ItemColourDescription {
   text-align: right;
   vertical-align: middle;
   padding-right: 6px;
   }
td.ItemColour, td.ItemColourNext {
   text-align: left;
   padding-left: 6px;
   vertical-align: middle;
   }
td.ItemColour {
   }
td.ItemSize, td.ItemSizeNext {
   text-align: center;
   vertical-align: middle;
   }
td.ItemSize {
   }
td.ItemPrice, td.ItemPriceNext {
   text-align: left;
   vertical-align: middle;
   padding-left: 6px;
   }
td.InBasket {
   padding-left: 6px;
   }
td.ItemAmount  {
   vertical-align: middle;
   text-align: right;
   padding-right: 10px;
   }
td.ItemPicture {
   text-align: center;
   vertical-align: middle;
   }
td.AddToBasket, td.AddToBasketNext {
   width: 8em;
   vertical-align: middle;
   }
td.ChangeBasket, td.ChangeBasketNext {
   vertical-align: middle;
   }
tr.DetailRow td.ChangeBasket table.FormTable td {
   border-top-style: none;
   border-top-width: 0px;
   }
tr.BasketTotal td, tr.BasketTotalTop td, tr.BasketTotalBottom td {
   font-size: 10pt;
   font-weight: bold;
   text-align: right;
   vertical-align: middle;
   padding-top: 6px;
   padding-bottom: 6px;
   }
tr.BasketTotalTop td {
   border-top-style: solid;
   border-top-color: #22511D;
   border-top-width: 4px;
   }
tr.BasketTotalBottom td {
   border-bottom-style: solid;
   border-bottom-color: #22511D;
   border-bottom-width: 4px;
   }
td.BasketTotalText {
   padding-right: 2em;
   }
td.BasketTotalAmount {
   padding-right: 10px;
   }

/* Format of input forms */
table.FormTable {
   border-collapse: collapse;
   }
table.FormTable td {
   font-family: "Arial black", Arial, "Sans Serif";
   font-size: 9pt;
   padding-left: 0.4em;
   padding-right: 0.4em;
   padding-top: 2px;
   padding-bottom: 2px;
   }
table.CatalogueTable table.FormTable td {
   padding-bottom: 0px;
   }
table.FormTable td.ItemText, table.KitColourTable td.ItemText {
   font-family: "Arial", "Sans Serif";
   font-weight: normal;
   }
table.KitColourTable td.ItemText {
   text-align: center;
   }
table.FormTable td.FieldInfo {
   font-family: "Arial Rounded MT Bold", "Arial black", Arial, "Sans Serif";
   text-align: left;
   padding-top: 5px;
   padding-bottom: 5px;
   font-style: italic;
   color: #22511D;
   }
td.FieldError {
   text-align: center;
   vertical-align: top;
   padding-top: 4px;
   color: #FF0000;
   }
td.FieldName, table.FormTable td.FieldName {
   font-family: "Arial Rounded MT Bold", "Arial black", Arial, "Sans Serif";
   text-align: right;
   vertical-align: top;
   padding-top: 4px;
   padding-right: 1em;
   color: #22511D;
   }
table.FormTable td.FieldEntry, table.FormTable td.FieldEntryNumber, table.FormTable td.FieldEntryDisabled {
   font-family: "Arial Rounded MT Bold", Arial, "Sans Serif";
   text-align: left;
   vertical-align: top;
   color: #22511D;
   }
td.FieldEntryNumber {
   width: 2em;
   }
td.FieldEntryDisabled {
   color: #A0C8A0;
   }
input {
   font-family: Arial, "Sans Serif";
   font-size: 8pt;
   }
select {
   font-family: Arial, "Sans Serif";
   font-size: 8pt;
   }
input.NumberField {
   text-align: right;
   }

table.InfoTable, table.GalleryTable {
   margin-left: auto;
   margin-right: auto;
   }

p.GalleryTitle1, p.GalleryTitle2 {
   font-family: "Arial Rounded MT Bold", Arial, "Sans Serif";
   color: #22511D;
   }
p.GalleryTitle1 {
   text-align: left;
   font-size: 14pt;
   }
p.GalleryTitle2 {
   text-align: center;
   font-size: 13pt;
   }
td.GalleryHeading, table.GalleryTable td.GalleryContent, table.GalleryTable td.GalleryName {
   text-align: center;
   }
table.GalleryTable td.GalleryName {
   font-family: "Arial Rounded MT Bold", Arial, "Sans Serif";
   color: #22511D;
   }

/* Table of gallery pictures */
table.GalleryTable td {
   padding-left: 10px;
   padding-right: 10px;
   }


/* Pictures in the gallery */
div.GalleryThumbnails {
   margin-left: auto;
   margin-right: auto;
   width: auto;
   float: left;
   }
div.GalleryThumbnailGroup {
   position: relative;
   width: auto;
   overflow: hidden;
   margin-left: auto;
   margin-right: auto;
   }
div.GalleryDiv {
   position: absolute;
   margin: 10px;
   text-align: center;
   font-size: 12pt;
   padding-bottom: 40px;
   }

table.InfoTable td {
   padding-top: 1em;
   padding-bottom: 1em;
   vertical-align: top;
   text-align: left;
   font-family: "Arial Rounded MT Bold", "Arial black", Arial, "Sans Serif";
   color: #22511D;
   }
table.InfoTable td.InfoTitle {
   font-size: 12pt;
   padding-right: 1em;
   }
table.InfoTable td.InfoData {
   font-size: 11pt;
   }
.Hdiv {
   border-bottom-style: solid;
   border-bottom-width: 4px;
   border-bottom-color: #22511D;
   }

/* Images */

img {
   border-style: none;
   }
img.HeadingImage {
   padding-left: 10px;
   }
img.ClassPicture {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }
img.KitImage {
   border-style: solid;
   border-width: 2px;
   border-color: #22511D;
   }
table.GalleryTable img.GalleryThumbnail, table.GalleryTable img.GalleryPicture, div.GalleryDiv img.GalleryPicture {
   border-style: solid;
   border-color: #22511D;
   }
img.GalleryThumbnail {
   border-style: solid;
   border-color: #22511D;
   border-width: 3px;
   vertical-align: middle;
   margin-top: 10px;
   }
img.GalleryPicture {
   border: 4px;
   }

@media print {
img.KitImage {
   display: none;
   }
}

/* Font for the copyright information at the bottom of the page */

.copyright {
   width: 33%;
   font-family: Arial, "Sans Serif";
   font-size: 10pt;
   }