/* General Styles */

body {background-color: #306; font-family: Verdana, Arial, sans-serif; font-size: medium; color: #000;}

div {margin: 0px; background-color: #fff; float: left;}

div#all {width: 98%; margin: 8px 1%; min-width: 700px; float: none;}

h3, h4 {text-align: left; font-weight: bold; color: #003; margin: 5px 0px 10px 9px;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}

.center {text-align: center;}

.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

a {text-decoration: none}
a:hover {text-decoration: underline;}

ul {list-style-type: none;}
xli {list-style: none;}

.look {color: #f00;}

/* This class is used to hide sections that might be needed in later revisions! */
.hidden {display: none;}

/* Styles for Printing (to remove side navigation from printed pages) */

@media print {div#nav2 {width: 0%; visibility: hidden;} div#content {width: 100%;} p#webd {visibility: hidden;}}

/* Styles for Logo and Heading */

div#heading {width: 100%;}
img#logo {width: 160px; height: 160px; float: left; margin: 15px 0px 10px 10px;}
h1 {text-align: center; font-size: 400%; font-weight: bold; font-family: "Comic Sans MS", Verdana, Arial, sans-serif; color: #306; margin: 15px 0px 0px 0px; padding-bottom: 15px;}

/* Styles for Footer */

p#charityno {clear: both; padding-bottom: 20px; width: 100%; text-align: center; font-size: 60%;}
p#webd {clear: both; font-family: "Comic Sans MS", cursive; font-size: small; font-variant: small-caps; text-align: center; padding-top: 25px;}
#webd a {color: #f00;}

/* Styles for Top Navigation Tabs */

div#nav1 {padding-top: 10px; padding-bottom: 0px; background: url(gifs/2px306.gif) bottom repeat-x; width: 75%;}
#nav1 ul {padding: 0px 0px 0px 3%; margin: 0px;}
#nav1 li {margin: 0px; display: inline; float: left;}
#nav1 a {padding: 2px 0.5em; margin: 0px 5px; font-size: 70%; display: block; float: none; text-align: center; border: 1px solid #306; background: #ccf; color: #000; border-bottom: solid 2px #306;}
#nav1 a:hover {text-decoration: none; background: #cfc;}
#nav1 a#current1 {background: #fff; border-bottom-color: #fff; cursor: default; font-weight: bold;}

/* Styles for Side Navigation Links */

div#nav2 {padding: 0%; width: 20%; margin-top: 10px;}
#nav2 ul {padding-left: 0px; border-top: solid 1px #00f; margin: 0px auto; width: 6em;}
#nav2 li {border-bottom: solid 1px #00f; padding: 8px 0px;}
#nav2 a {color: #00f; font-size: 70%;}
#nav2 a#current2 {cursor: default; color: #999; text-decoration: none;}
#nav2 p {margin: 5px 0px 25px 0px; font-size: 80%; color: #00f;}
#nav2 p.email {margin: 5px 20px 25px 20px; font-size: 70%; color: #000;}

/* Styles for Side Navigation Links in Members area */

#nav2 #members a {color: #f00;}
#nav2 ul#members {border-top: #f00 solid 1px;}
#nav2 #members li {border-bottom: #f00 solid 1px;}
#home a#linkhome, #accounts a#linkaccounts, #committee a#linkcommittee, #costumes a#linkcostumes, #demonstrations a#linkdemonstrations, #festival a#linkfestival, #membershiplist a#linkmembershiplist, #minutes a#linkminutes, #newsletters a#linknewsletters, #videos a#linkvideos, #archive a#linkarchive {cursor: default; color: #999; text-decoration: none;}

/* Style for Comments in Side Navigation Links in Members Festival area */

#read a#linkcomments, #add a#linkaddcomment {cursor: default; color: #999;}

/* Styles for Side Navigation Links in Database Area  */

#nav2 #database a {color: #000;}
#nav2 ul#database {border-top: #000 solid 1px;}
#nav2 #database li {border-bottom: #000 solid 1px;}
#nav2 #database a#red {color: #f00;}

/* Styles for Home Page */

div#homepage {clear: both; width: 100%; padding: 10px 0px;}
#homepage img {margin: 0px; border: none;}
#homepage p {margin: 5px 0px 0px 0px; text-align: left; margin-left: auto; margin-right: auto; font-size: smaller;}
#homepage a {color: #000; text-decoration: none;}
div.center {float: none; text-align: center; padding-bottom: 25px; width: 100%;}
div.center img {width: 485px; height: 180px;}
div.center p {width: 485px;}
div.left {width: 49%; text-align: center; padding-bottom: 15px;}
div.left img {width: 300px; height: 200px;}
div.left p {width: 300px;}
div.right {float: right; width: 49%; text-align: center; padding-bottom: 15px;}
div.right img {width: 300px; height: 200px;}
div.right p {width: 300px;}

/* Styles for Other Pages */

div#main {clear: both; text-align: center; width: 100%;}

div#content {text-align: left; width: 80%;}

#content h4.festival {color: blue;} 
#content p {margin: 10px; font-size: small;}
#content img.left {float: left; padding: 5px 10px 15px 0px; width: 275px; height: 175px;}
#content img.right {float: right; padding: 5px 10px 15px 10px; width: 275px; height: 175px;}
#content p.left {margin-top: 5px; float: left;}
#content p.left img {width: 400px; height: 125px;}
#content p.news {text-align: center; background-color: #ff3; float: left; font-size: 80%; font-weight: bold; padding: 10px;}
#content p.news a {color: #000;}
#content p.news:hover {background-color: #ff9;}

/* Styles for Lists */

#content ul {margin-top: 10px;}
#content li {font-size: small;}
#content ul.image {list-style: url(gifs/list.gif);}
#content ul.image li {padding: 5px 10px;}

/* Styles for Tables */

#content table {margin-left: 7px; width: 95%;}
#content th {font-size: medium; font-weight: bold; text-align: left; font-family: Arial, sans-serif;}
#content td {font-size: small; font-family: Arial, sans-serif;}
#content td a {color: #000;}
#content td a:hover {color: #00f; text-decoration: underline;}
#comments2 td {text-align: left;}

/* Styles for PayPal stuff */

#content input {margin-left: 25px;}
#content select {margin-left: 25px;}
#content p.thanks {font-size: 150%; text-align: left; margin: 10%;}
#content p.paypal {font-size: 100%; text-align: left; margin: 10%;}

/* Not sure that this is still used */
#festival li {padding-bottom: 10px;}

/* Styles for Diary */

div.diary {float: right; width: 45%; background-color: #ff9; margin-left: 15px; padding-bottom: 25px; margin-bottom: 20px;}
div.diary td {font-weight: bold; padding: 5px;}
div.diary td a {font-weight: normal; font-style: italic; padding: 5px;}
div.diary p {font-style: italic;}
div.diary h3 {text-align: center;}

/* Styles for Tickets */

div.tickets {clear: both; float: right; width: 45%; background-color: #ff9; margin: 5px 10px 15px 10px; width: 270px; border: solid blue;}
div.tickets a {color: green;}
div.tickets p {padding: 5px 10px 15px 10px; font-size: 90%; font-weight: bold; text-align: center; }
p.tickets {float: right; margin-bottom: 0px; border-style: outset; padding: 5px; background-color: #ff9; border-color: #ff6;}
p.tickets a {color: #000; font-weight: bold;}
p.tickets:hover {border-style: inset;}

/* Styles for Archive Page */

div.half {width: 45%;}

/* Styles for Newsletter Page */

div.list {margin: 5px; height: 10em; width: 11em;}
div.list h3 {padding-left: 30px;}

/* Styles for Previous Festivals Page */

#previous h4 {text-decoration: underline; margin-top: 20px;}
#previous h5 {margin: 0px 0px 0px 35px;}
#previous h6 {margin: 0px 0px 10px 35px; font-weight: normal; font-size: smaller;}
#previous ul {margin: 0px 0px 10px 35px; list-style: none;}
#previous p {margin: 0px 0px 10px 70px;}
#previous li {margin: 0px 0px 0px 30px;}

/* Styles for Books Page */

#books h3 {text-align: left; font-size: 110%; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: #003; margin: 5px 0px 10px 22px;}
div#books {text-align: left; width: 100%;}
#books p {margin: 10px 22px; font-size: smaller;}
#books td {font-size: smaller;}
#books table {margin: 5px 20px;}

/* Styles for Publicity Page  (Old Page, no longer used) */

div#pubcontent {text-align: left; width: 100%;}
#pubcontent h3 {text-align: center; font-size: 140%; font-weight: bold; font-family: Verdana, Arial, sans-serif; color: #003; margin: 5px 0px 30px 9px;}
#pubcontent h4 {text-align: center; font-size: 100%; font-weight: bold; font-family: Arial, sans-serif; color: #003; margin: 5px 150px 10px 150px;}
#pubcontent h5 {text-align: left; font-size: 120%; font-weight: bold; font-family: Arial, sans-serif; color: #003; margin: 45px 0px 10px 9px;}
img.pub {margin: 20px 40px; border: none;}
#pubcontent a {text-decoration: none;}

/* Styles for Thank You Page  (Is this still used?)*/

p.thanks {border: solid 2px #000; background-color: #fff; color: #000; padding: 5px;}