body {
margin:0px;
padding:0px;
background-color:#990099;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:white;
text-align:center;
}

/* Remove borders and underlines from anchors */

a img {
border:none;
text-decoration:none;
}

#content {
margin-left: 10em;
}

.clearfix {
clear:both;
}

/* Header banner and page title area */

#header {
background-image:url(../images/bg1px.png);
background-repeat:repeat;
background-attachment:fixed;
width:800px;
height:140px;
margin:0;
padding:0;
padding-top:15px;

}

#header h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
color:white;
font-weight:bold;
text-decoration:none;
text-align:center;
line-height:50%;
}

#header h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:white;
font-weight:bold;
text-decoration:none;
text-align:center;
}

/* Main navigation menu */

#menu {
font:11px Verdana, Helvetica, Arial, Helvetica, Helv, serif;
color:white;
font-weight:bold;
float:left;
padding:0;
margin:20px 50px 0px 20px;
}

#menu ul {
width:131px;
height:auto;
list-style-type:none;
border:1px solid white;
padding:0;
text-align:left;
}

/* Temporary menu used to remove all links and display 'maintenance' notice */

#tempmenu {
background-image:url(../images/bigtriangle.gif);
background-repeat:no-repeat;
background-position:center top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:130px;
height:160px;
float:left;
margin:20px 50px 0px 50px;
padding:0;
border:2px solid white;
text-align:left;
}

#menu a {
background-image:url(../images/buttons/menustd1x30.gif);
background-repeat:repeat-x;
display:block;
text-decoration:none;
color:white;
font-weight:bold;
border:1px solid white;
padding:2px 0 3px 3px;
margin:0;
height:1%;
}

#menu a:hover {
background-image:url(../images/buttons/menuhover1x30.gif);
background-repeat:repeat-x;
}

#menu a:active {
background-image:url(../images/buttons/menuactive1x30.gif);
background-repeat:repeat-x;
}

#menusel a {
color:red;
}

/* Over all site container */

#container {
width:1080px;
height:auto;
margin:0;
padding:0;
float:left;
}

/* Main framework for images and text */

#main {
position:relative;
background-color:#CC99CC;
width:800px;
height:auto;
padding:0;
margin-left:200px;
}

#main p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:normal;
text-decoration:none;
text-align:left;
padding:10px 5px 0px 5px;
}

#main p a {
color:black;
font-weight:600;
text-decoration:none;
}

#biorh p {
padding-top:35px;
}

#main h3, #main h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:bold;
text-decoration:none;
}

#main h3 {
text-align:center;
padding-top:10px;
}

#main h4 {
text-align:left;
padding:5px;
}

.linkheader {
text-decoration:none;
border:none;
cursor:pointer;
width:auto;
height:auto;
padding:0;
margin:10px auto 10px auto;
}

#links p a {
color:black;
font-weight:600;
text-decoration:underline;
}

/* Menu for downloading sound clips */

#soundmenu {
background-image:url(../images/musicbg.gif);
background-position:left;
background-repeat:no-repeat;
height:30px;
float:left;
}

#soundmenu ul {
list-style-type:none;
padding:0;
margin-left:32px;
width:240px;
height:20px;
}

#soundmenu table, .vpomenu table {
position:absolute;
border-collapse:collapse;
top:0px;
left:0px;
}

#soundmenu a {
display:block;
color:black;
font-weight:bold;
padding:3px;
border-top:0px;
}

#soundmenu a:hover, .vpomenu a:hover {
background-color:#CC99CC;
}

#soundmenu li {
position:relative;
width:240px;
height:20px;
float:left;
}

#soundmenu li ul {
position:absolute;
top:0px;
left:240px;
height:20px;
margin:0;
visibility:hidden;
}

#soundmenu li ul a, .vpomenu li ul a {
background-image:url(../images/buttons/menustd1x20.gif);
background-repeat:repeat-x;
color:white;
text-decoration:none;
border:1px solid white;
}

#soundmenu li ul a:hover, .vpomenu li ul a:hover {
background-image:url(../images/buttons/menuhover1x20.gif);
background-repeat:repeat-x;
}

#soundmenu li:hover > ul, .vpomenu li:hover > ul {
visibility:visible;
}

#soundmenu ul a:hover ul, .vpomenu ul a:hover ul {
visibility:visible;
}

#soundmenu li ul a:active, .vpomenu li ul a:active { /*** Don't change position of this relative to "#soundmenu ul a:hover" ***/
background-image:url(../images/buttons/menuactive1x20.gif);
background-repeat:repeat-x;
}

.vpomenu {
font:11px Verdana, Helvetica, Arial, Helvetica, Helv, serif;
color:white;
font-weight:bold;
padding:0;
margin:0 0 25px 50px;
float:left;
}

.vpomenu ul, .onesel ul {
width:83px;
height:auto;
list-style-type:none;
border:1px solid white;
padding:0;
text-align:left;
}

.vpomenu a {
background-image:url(../images/buttons/menustd1x20.gif);
background-repeat:repeat-x;
display:block;
text-decoration:none;
color:white;
font-weight:bold;
padding:3px;
border-top:0px;
}

.vpomenu li {
position:relative;
width:83px;
height:20px;
float:left;
}

.vpomenu li ul {
position:absolute;
top:0px;
left:83px;
width:160px;
height:20px;
border:none;
margin:0;
visibility:hidden;
}

.vpomenu li ul li {
width:160px;
}

.onesel {
position:relative;
font-size:12px;
color:black;
text-align:left;
width:780px;
height:auto;
padding:0;
margin-left:5px;
}

.selbutton {
background-image:url(../images/buttons/menustd1x20.gif);
background-repeat:repeat-x;
width:60px;
height:15px;
border:1px solid white;
padding:0;
margin:0 10px 0 10px;
}

.selbutton a {
background-image:url(../images/buttons/menustd1x20.gif);
background-repeat:repeat-x;
text-align:center;
text-decoration:none;
color:black;
width:60px;
height:15px;
padding:0;
margin:0 10px 0 10px;
}

.selbutton a:hover {
background-image:url(../images/buttons/menuhover1x20.gif);
background-repeat:repeat-x;
}

.selbutton a:active {
background-image:url(../images/buttons/menuactive1x20.gif);
background-repeat:repeat-x;
}

input {
background-color:#ef0056;
background-image:url(../images/buttons/menustd1x20.gif);
color:white;
cursor:pointer;
width:160px;
height:20px;
border:1px solid white;
padding-top:-3px;
margin:0;
float:left;
}

/* Define area for mp3 player */
.mp3player {
padding:0;
margin:10px auto 10px auto;
}

#marticle {
background-color:white;
color:black;
width:800px;
height:auto;
padding:0;
margin:0 auto;
}

#marticle p {
text-align: justify;
/* line-height:20px; */
padding:.625em 0;
}

#marthead {
width:365px;
height:80px;
padding-top:10px;
margin-bottom:5px;
border-bottom:2px solid black;
background-color:yellow;
}

.medmartimg {
top:300px;
left:200px;
width:380px;
height:294px;
padding:0;
margin:5px;
overflow:hidden;
}

.smlmartimg {
width:350px;
height:275px;
padding:0;
margin:5px;
overflow:hidden;
}

.col {
width:390px;
padding:0 5px; 
float:left;
}

.CCspace {
width:190px;
height:284px; 
padding:5px;
float:right;
}

.CCpullout {
width:390px;
height:310px;
padding:5px;
float:left;
margin-left:-210px;
border-bottom:1px solid black;
}

.CCpullout span {
width:390px;
position:absolute;
text-align:center;
font-size:.9em; 
font-weight:bold;
}

.CCpullout del {
font-size:0px;
color:#fff;
position:absolute;
}

/* Image area for home page only */

#homepic {
float:left;
width:416px;
height:300px;
margin:5px;
padding-bottom:5px;
margin-right:10px;
}

/* RH text area for home page only */

#homerighttext {
margin-top:-10px;
height:290px;
margin-right:5px;
}

/* Poster image area for LH side */

.cdleftside {
float:left;
width:454px;
height:454px;
margin:20px 0 20px 50px;
padding:0;
}
/* Poster image area for RH side */

.cdrightside {
float:right;
width:523px;
height:447px;
margin:20px 50px 20px 0;
padding:0;
}


/* Poster image area for LH side */

.topleftsideposter {
float:left;
width:319px;
height:450px;
margin:20px 0 20px 50px;
padding:0;
}

.leftsideposter {
float:left;
width:300px;
height:424px;
margin:20px 0 20px 50px;
padding:0;
}

.leftsidepicv {
float:left;
width:231px;
height:350px;
margin:50px 5px 0 20px;
padding-top:20px;
}
/* Largest portrait image area for LH side */

.bigleftsidepicv {
float:left;
width:269px;
height:358px;
margin:5px;
padding-bottom:5px;
clear:both;
}

/* Largest landsacpe image area for LH side */

.bigleftsidepich {
float:left;
width:416px;
height:300px;
margin:5px;
margin-bottom:0px;
clear:both;
}

/* Small landscape image area for LH side */

.leftsidepich {
float:left;
width:247px;
height:174px;
margin:5px;
padding:0px;
}

/* Medium landscape images area for LH side */

.medleftsidepich {
float:left;
width:300px;
height:200px;
margin:5px;
padding:0px;
}

.medleftpicv {
float:left;
width:300px;
height:225px;
margin:5px 5px 5px 65px;
padding:0px;
}

/* Square image area for LH side */

.leftsidepicsqr {
float:left;
width:225px;
height:200px;
margin:5px;
padding:0px;
}

/* Poster image area for RH side */

.rightsideposter img {
float:right;
width:300px;
height:427px;
margin:20px 50px 20px 0;
padding:0;
}

/* Small landscape image area for RH side */

.rightsidepich {
float:right;
width:247px;
height:174px;
margin:5px;
padding:0px;
}

/* Medium landscape images area for RH side */

.medrightsidepich {
float:right;
width:300px;
height:200px;
margin:5px;
padding:0px;
}

.medrightpicv {
float:right;
width:300px;
height:225px;
margin:5px 65px 5px 5px;
padding:0px;
}

/* Medium portrait image area for RH side */

.medrightsidepicv {
float:right;
width:171px;
height:200px;
margin:5px;
padding:0px;
}

/* Square image area for RH side */

.medrightsidepicsq {
float:right;
width:272px;
height:223px;
margin:5px;
padding:0px;
}

/* Large landscape image area for RH side */

.bigrightsidepich {
float:right;
width:350px;
height:230px;
margin:5px;
padding:0px;
}

/* Large portrait image area for RH side */

.bigrightsidepicv {
float:right;
width:242px;
height:373px;
margin:5px;
margin-right:10px;
padding:0px;
}

/* Large square image area for LH side */

.bigrightsidepicsq {
float:right;
width:239px;
height:209px;
margin:5px;
padding-bottom:20px;
}

/* Very wide landscape image area for bottom */

.bottompicwide {
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:20px;
padding:0;
}

/* Panto pics */

/* Left side portrait */
.pantoleftpicp {
float:left;
width:300px;
height:420px;
margin:20px 5px 5px 65px;
padding:0px;
}

.pantoleftpicp img, .pantorightpicp img {
width:300px;
height:400px;
}

/* Right side portrait */
.pantorightpicp {
float:right;
width:300px;
height:420px;
margin:20px 65px 5px 5px;
padding:0px;
}

/* Left side landscape */
.pantoleftpicl {
float:left;
width:300px;
height:245px;
margin:20px 5px 5px 65px;
padding:0px;
}

.pantoleftpicl img, .pantorightpicl img, .pantocentredpicl img {
width:300px;
height:225px;
}

/* Right side landscape */
.pantorightpicl {
float:right;
width:300px;
height:245px;
margin:20px 65px 5px 5px;
padding:0px;
}

/* Centred pair */
.pantoleftpictwin {
float:left;
display:inline;
width:300px;
height:245px;
margin:20px 20px 15px 65px;
padding:0px;
}

.pantorightpictwin {
float:right;
width:300px;
height:245px;
margin:20px 65px 15px 20px;
padding:0px;
}

/* Spacer to lower RH panto pics */

#pantospacer {
float:right;
width:300px;
height:95px;
padding:0;
margin:0;
}

/* Displays credit text under image */
.imgcredit {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:black;
text-align:center;
display:block;
clear:both;
padding-top:10px;
margin:0;
}

/* Bottom of main before footer */

.bottomlefttext {
width:auto;
height:auto;
margin:50px auto 0 auto;
text-align:left;
clear:both;
}

/* Floated LH side text container */

.leftsidetext {
width:510px;
height:160px;
margin:0px;
padding:0px;
padding-top:60px;
vertical-align:middle;
}

.leftsidetext p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
font-weight:normal;
text-decoration:none;
text-align:left;
vertical-align:middle;
}

/* Floated RH side text container */

.rightsidetext {
float:right;
width:510px;
height:194px;
margin:0px;
padding:5px;
padding-top:90px;
padding-bottom:10px;
vertical-align:middle;
}

.rightsidetext p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
font-weight:normal;
text-decoration:none;
text-align:left;
vertical-align:middle;
}

.righttext {
float:right;
width:500px;
height:auto;
margin-right:20px;
padding-left:5px;
padding-right:5px;
}

/* Large floated RH side text container */

.bigrighttext {
float:right;
width:500px;
height:194px;
margin:0px;
padding-left:5px;
padding-right:5px;
padding-top:80px;
padding-bottom:20px;
}

/* Year definition for events page */

.year {
clear:both;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
color:black;
font-weight:bold;
text-decoration:underline;
text-align:center;
width:auto;
height:auto;
margin:0;
padding-top:30px;
padding-bottom:30px;
display:block;
}

/* Events table styling */

table {
width:100%;
}

th {
border:none;
}

hr {
height:2px;
width:100px;
color:white;
}

td {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:black;
font-weight:500;
text-align:left;
}

td a {
color:black;
}

/* Month definition for events page table cell */

.month {
width:75px;
text-decoration:underline;
font-weight:bold;
text-align:center;
}

/* Phone number definition for events page table cell */

.phone {
width:100px;
text-align:center;
}

/* Footer bar with contact info */

#footer {
background-image:url(../images/bg1px.png);
background-repeat:repeat;
background-attachment:fixed;
width:800px;
height:120px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:30px;
clear:both;
}

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
color:white;
font-weight:bold;
margin:0px;
padding:0px;
text-align:center;
}

#footer p a {
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
color:white;
text-decoration:none;
}

/* Container for copyright and webbwize info */

#infoline {
background-color:#990099;
margin:0 auto 0 auto;
width:800px;
height:60px;
padding-top:10px;
}

/* Copyright info box */

#copyright {
display:inline;
float:left;
text-align:left;
width:500px;
height:50px;
padding:0;
margin:0;
}

#copyright p {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
color:#bbb9db;
padding:0px;
margin:0px;
}

/* Webbwize info box */

#webbwize {
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
color:#bbb9db;
text-decoration:none;
text-align:right;
width:200px;
height:50px;
padding:0;
margin:0;
}

#webbwize a {
color:#bbb9db;
text-decoration:none;
}

/* Webbwize logo box */

#logobox {
float:right;
width:30px;
height:16px;
padding:0;
margin:0;
}

#logobox a {
border-color:#990099;
}

#main p a.hilite {
text-decoration:underline;
}

.paypal {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:black;
text-align:left;
width:300px;
height:15px;
border:none;
padding:0;
margin:0 10px 0 10px;
}