/* --- Page layout and formatting elements --- 

Text Colour: #494949
Storyland Red: #B51829
Banner Background: #024EA6
Light Blue Boxes Background: #DDDDFF
Light Yellow Boxes Background: #FFFFE0

*/

body {
background: #50B3EA url(images/background-3.jpg);
text-align: center;
min-width: 800px;
  scrollbar-arrow-color: #3366FF;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-highlight-color: #3366FF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-shadow-color: #3366FF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
}

body.frame {
background: #FFFFFF;
text-align: left;
}

#headbox {
width: 800px;
height: 144px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 0;
padding: 1px;
background-color: #C0C0C0;
background-image: url(images/banner-4.jpg);
border-width: 5px 5px 0 5px;
border-style: solid;
border-color: #024EA6;
}

#mainbox {
width: 800px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding: 1px;
background-color: #FFFFFF;
border-width: 0 5px 5px 5px;
border-style: solid;
border-color: #024EA6;
}

#bottombox {
width: 775px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 1px;
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #024EA6;
font-family: Arial;
}

#content {
width: 580px;
padding: 3px;
float: left;
}

#content a:link {text-decoration: none; color: #0000FF; }
#content a:visited {text-decoration: none; color: #0000FF; }
#content a:hover {text-decoration: underline; color: #FF0000; }
#content a:active {color:#FF0000; }

#sidebar a:link {text-decoration: none; color:#0000FF; }
#sidebar a:visited {text-decoration: none; color:#0000FF; }
#sidebar a:hover {text-decoration: underline; color:#FF0000; }
#sidebar a:active {color:#FF0000; }

#sidebar {
width: 170px;
float: right;
}

#sidebar p {
font-size: 11px;
font-family: arial;
padding-left: 10px;
margin: 0 0 0 0;
}

#bottom-r span {
font-size: 18px;
font-weight: bold;
color: #006AC3;
}

#bottom-r strong {
font-size: 12px;
font-weight: bold;
}

#bottom-l {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
color: #494949;
text-align: left;
float: left;
vertical-align: middle;
}

#bottom-r {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
color: #494949;
text-align: right;
}

#bottom-r a:link {
text-decoration: none;
color: #494949;
}

#bottom-r a:visited {
text-decoration: none;
color: #494949;
}

#bottom-r a:hover {
text-decoration: underline; 
color: #000000;
}

h1 {
font-size: 20px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #006AC3;
margin: 0 0 0.25em 0;
padding: 0 0 0 25px;
background-image: url(images/h1_arrow.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
line-height: 24px;
}

h2 {
font-size: 14px;
font-family: arial;
color: #006AC3;
text-transform: uppercase;
letter-spacing: -0.5px;
margin: 0 0 0.5em 0;
}

h4 {
font-size: 14px;
font-family: arial;
color: #006AC3;
text-transform: uppercase;
letter-spacing: -0.5px;
margin: 0 0 10px 0;
}

p {
font-family: arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #494949;
margin: 0 0 1.5em 0;
}

p span {
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
color: #B51829;
}

.smalltext {
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
color: #494949;
}

.medtext {
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
color: #494949;
}

table {
text-align: center;
}

table.left {
text-align: left;
}

table.warning {
border: 3 solid double #FF0000;
background: #FF8080;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11px;
color: #000000;
}

table.notice {
border: 3 solid double #00FF00;
background: #B3FFB3;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11px;
color: #000000;
}

#head-row {
border: 1 solid #BBBBBB;
background: #DDDDFF;
font-family: Trebuchet MS, Georgia, Sans-Serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
color: #494949;
}

#label-row {
border: 1 solid #BBBBBB;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
color: #B51829;
}

#label-row-hl {
border: 1 solid #BBBBBB;
background: #FFFFB9;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
color: #B51829;
}

#label-form {
border: 0;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
color: #494949;
text-align: left;
}

#price-row {
border: 1 solid #BBBBBB;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 20px;
color: #494949;
}

#price-row-hl {
border: 1 solid #BBBBBB;
background: #FFFFB9;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 20px;
color: #494949;
}

#fineprint-row {
border: 1 solid #BBBBBB;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
color: #494949;
}

iframe {
margin-left: 0;
}

hr {
height: 2px;
border-style: dotted;
border-color: #50B3EA;
margin: 10px 0 10px 0;
}

#content ul {
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #494949;
}


/* --- end of page layout and formatting elements --- */

/* --- calendar formatting

#3399FF - blue day
#FF99CC - purple day
#FF6600 - orange day --*/

#calendar-month {
border: 1 solid #BBBBBB;
background: #DDDDFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
color: #494949;
}

#calendar-days {
border: 1 solid #BBBBBB;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 11px;
color: #B51829;
}

#calendar-closed {
border: 1 solid #BBBBBB;
background: #FFFFFF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #BBBBBB;
}

#calendar-open-blue {
border: 1 solid #0000FF;
background: #3399FF;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
}

#calendar-open-purple {
border: 1 solid #800080;
background: #FF99CC;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
}

#calendar-open-green {
border: 1 solid #16A021;
background: #80FF80;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
}

#calendar-open-orange {
border: 1 solid #800000;
background: #FF6600;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
}

#calendar-open-red {
border: 1 solid #FF0000;
background: #FFBA75;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #000000;
}

#calendar-open-yellow {
border: 1 solid #0000FF;
background: #FFFF80;
font-family: Arial;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #0000FF;
}

#calendar-content {
border: none;
background: #FFFFFF;
font-family: Trebuchet MS, Georgia, Sans-Serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 13px;
color: #494949;
}

/* -- end of calendar formatting --*/

/* --- CSS elements for menu system --- */

.chromestyle{
width: 100%;
font-weight: bold;
font-family: arial;
font-size: 12px;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBBBBB;
width: 100%;
background: #DDDDFF; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949; /* colour setting for menu bar items */
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0; /* divider lines between menu items */
}

.chromestyle ul li a:hover{
background: #F0F0F0; /*THEME CHANGE HERE*/
text-decoration: none;
color: #000000;
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(images/downimage.gif); /*uncomment this line to use an image instead*/
}

/* --- Style for Drop Down Menu --- */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px arial;
line-height:18px;
z-index:100;
background-color: #DDDDFF;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #494949; /* colour for drop down menu items */
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #000000;
text-decoration: none;
background-color: #FFFFE0;
}

/* --- end of menu system elements --- */