/* Style sheet for Rivertime Boat Trust | Last updated 03/03/2009  */
* {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
margin:0;
padding:0;
}

body {
background:#FFFFFF url(/media/bg2.gif) repeat-x scroll center -126px;
text-align:center;
font-size:78%;
}

#wrapper {
width:860px;
text-align:left;
margin:5px auto;
}

/*---------Header------------- */
#header {
background-color:#fff;
height:85px;
}

#header p.contact {
color:#005288;
font-size:160%;
margin:0;
text-align:right;
}

#header p.contact span {
color:#f89828;
}

#header p.contact strong {
font-weight:normal;
font-size:70%;
}

#header p.contact a {
color:#f89828;
font-weight:normal;
}

#header p.charity {
text-align:right;
color:#f89828;
font-size:90%;
margin:0;
}

/*---------Navigation--------- */

/*

This file should contain SUPPLEMENTAL rules that are recognized and used only by IE.
Similar files can be produced, as needed, for other browsers.  Whatever selectors are
listed here should be listed in at least one other CSS file used in the current ASP.NET
theme (thus making these supplemental).  The implementation pattern is to add new props
to some existing rule or to override (using important) some property.

*/

ul.AspNet-Menu li
{
    float: left !important;
    height: 1% !important;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    height: 1% !important;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: left !important;
}

/* Undoing rules used for IE7 and other browsers. */

ul.AspNet-Menu ul
{
    visibility: visible !important;    
}

ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: visible !important;    
}

ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible !important;    
}

/* Pre-IE7 rules used to avoid performance problems found when using the newer rules. */

ul.AspNet-Menu ul
{
    display: none;    
}

ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul
{
    display: none;
}

ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul
{
    display: block;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: none;
}


#navigation {
background-color:#fff;
white-space:nowrap;
}

#navigation ul.AspNet-Menu {
height:30px;
z-index:300;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf,
#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren {
line-height:30px;
list-style-type:none;
float:left !important;
height:100% !important;
margin:0;
width:90px;
width:auto !important;
position:relative;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu-Link,
#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-Link {
background:#fff url(/media/orangearrow.gif) no-repeat 90% 50%;
display:block;
font-weight:700;
text-decoration:none;
text-transform:uppercase;
color:#005288;
height:30px !important;
padding:0 18px;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu-Link:hover,
#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren a.AspNet-Menu-Link:hover {
background-color:#005288;
background-image:url(/media/orangeblue_arrrow.gif);
color:#F89828;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf ul,
#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren ul {
top:30px;
left:0;
width:160px;
padding:0 10px 0 0;
position:absolute;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf ul li,
#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li {
clear:left;
width:160px !important;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf ul li a.AspNet-Menu-Link,#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Link {
background-image:none;
padding-left:5px;
font-size:80%;
height:20px !important;
line-height:20px;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-Leaf ul li a.AspNet-Menu-Link:hover,#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a.AspNet-Menu-Link:hover {
background-image:none;
}

#navigation ul.AspNet-Menu li.AspNet-Menu-WithChildren ul ul {
top:0;
left:155px;
}

/*---------RightNavigation--------- */
#rightnavigation {
color:#fff;
background-color:#005288;
margin:10px 0 0;
padding:10px;
}

/*---------MainContent--------- */
#MainContent {
width:860px;
color:#fff;
background-color:#005288;
background-position:top left;
background-repeat:no-repeat;
min-height:393px;
height:auto !important;
margin:0 0 5px;
}

#MainContent div.contentarea {
background:#005288;
float:left;
width:452px;
margin:20px 15px 5px 388px;
}

/*---------BaseContent--------- */
#basecontent {
color:#fff;
margin:5px 0 0;
}

#basecontent div {
float:left;
width: 250px;
height:160px;
padding:15px;
}


#basecontent div.book{
background:#015289;
margin:10px 10px 10px 0;
}
#basecontent div.support{
background:#e36f1e;
margin:10px 0 10px 0;
}
#basecontent div.twitter{
background:#015289 url(/media/basecontent_twitter_bg.gif) no-repeat;
margin:10px 0 10px 10px;
}

#basecontent div.twitter p {
margin:85px 0 10px 102px;
}


#basecontent div.baseleftcontent {
background:#4167af url(/media/wheelchairboy.gif) no-repeat bottom;
float:left;
height:355px;
width:373px;
margin:5px 5px 0 0;
}

#basecontent div.bookingbox {
float:left;
width:245px;
padding:10px;
}

#basecontent div.baserightcontent {
float:left;
width:457px;
margin:5px 0 0 5px;
}

#basecontent div.orangebox {
background-color:#e36f1e;
height:155px;
width:100%;
padding:10px;
}

#basecontent div.twitterbox {
background:#005288 url(/media/darkbluebottom.gif) no-repeat bottom;
height:149px;
width:100%;
margin:10px 0 0;
padding:10px;
}

/*---------Footer--------- */
#footer {
clear:both;
margin:10px 0 0;
}

.footerlogo {
float:left;
margin:0 20px 0 0;
}

.footertext {
color:#005288;
float:left;
margin:7px 0;
}

/*---------Typography--------- */
h1,h2,h3,h4,h5,h6 {
text-transform:uppercase;
font-size:130%;
margin:0 0 12px;
}

p {
margin:0 0 12px;
}

li {
list-style-type:disc;
margin:0 0 0 25px;
}

hr {
border:0;
border-bottom:1px solid #ccc;
height:1px;
margin:10px 0;
}

.small {
font-size:75%;
}

.large {
font-size:170%;
}

.alignleft {
text-align:left;
}

.center {
text-align:center;
}

.alignright {
text-align:right;
}

.asterisk {
color:#fff;
padding:0 2px;
}

#breadcrumbtext {
font-size:80%;
}

#breadcrumbtext a:hover {
text-decoration:none;
}

#footer li {
display:inline;
}

/*---------Link Styles--------- */
a {
text-decoration:none;
color:#fff;
font-weight:700;
}

a:hover {
text-decoration:underline;
color:#F89828;
}

#footer a {
color:#005288;
}

#footer a:hover {
color:#E36F1E;
}

/*---------FAQ panel--------- */
.questionpanel {
cursor:pointer;
}

.answerpanel {
overflow:hidden;
width:95%;
height:0;
margin:0 0 0 9px;
padding:0 2px;
}

p.FAQTitle {
font-size:110%;
}

/*---------Contact Form--------- */
div.contactform {
clear:left;
background-color:#E27223;
margin:10px 0;
padding:10px;
}

div.contactbox {
float:left;
width:226px;
padding-bottom:20px;
}

div.contactform label,div.contactform input,div.contactform textarea,div.contactform select {
width:280px;
float:left;
margin-bottom:10px;
}

div.contactform input[type="checkbox"] {
width:15px;
}

div.contactform input[type="submit"] {
width:auto;
margin-left:120px;
}

div.contactform label {
width:100px;
padding:0 10px;
}

div.contactform h2,div.contactform p {
margin-bottom:10px;
}

div.contactform br {
clear:left;
}

/*---------Article Template--------- */
#ArticleTemplate {
margin-bottom:5px;
}

#ArticleTemplate p span {
font-size:75%;
color:#666;
}

/*---------Extra bits--------- */
#pop {
background:#fff;
width:350px;
text-align:left;
margin:10px;
padding:10px;
}

.clearfloat {
clear:both;
height:0;
line-height:0;
font-size:1px;
visibility:hidden;
}

img {
border:0;
}

.hidden {
display:none;
visibility:hidden;
}

.blurred {
border:ccc 1px solid;
}

.focused {
border-color:#005288;
}

/*--------Error Box--------- */
.errorbox {
background:#E27223;
padding:10px;
}

.errorbox li {
color:#fff;
margin:0 0 0 25px;
}

.errorbox p strong {
color:#fff;
background-color:red;
display:block;
width:100%;
text-align:center;
}

/*--------Site credits--------- */
#sitecredit a {
color:#666;
background:url(/media/flareicon.gif) no-repeat left;
margin:3px 0;
padding:5px 5px 5px 23px;
}

#header div.logo{
float:left;
margin:5px 0 0 5px;
}

.floatleft {float:left;}
.floatright {float:right;}

#header div.contactdetails{
float:right;
margin:5px 5px 0 0;
}

#sidenavigation,.hide {
display:none;
}