/* This is a comment for css files and will be ignored by internet browsers, it also may break
across onto the line below it as in this example. Must start with a slash and star and end with star and slash. Comments refer to the items below the comment itself */

/* background-color is color to left and right of the webpage */
body {
	background-color: #background-color: #33FF33;
	margin-top: 0px;
	text-align: center;
	background:#3366CC;
}

/* meridianheader, positionwords, logobigtext, logoitalictext
   all apply to the header above the menu */
   
/* background-color is color behind logo image and words
   and for consistency should be the same as in the footer */
#meridianheader {
background-color: #FFFF33;
background-position: bottom;
border-color: #336699;
border-style: solid;
border-width: 5px 1px 5px 1px;background-color:#FFFF66
}

/* postion of the wording down from the top */
#positionwords {
padding-top: 10px;
}

/* size, color etc of name in header */
span.logobigtext {
color: #0000c4;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: x-large;
font-weight: bold;
}

/* size, color etc of smaller words in header */
span.logoitalictext {
color: #0000e3;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: small;
font-style: italic;
}

#header {
background-color: #a6c6ff;
background-position: bottom right;
background-repeat: no-repeat;
border-left: 1px solid #999;
border-right: 1px solid #999;
color: #eee;
font: 12px Verdana, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
height: 142px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: left;
width: 788px;
}
#header a {font-weight:normal;font-size:90%;color:#eee;text-decoration:none;}


#main {
background-color: #ffffff;
color: #0000ff;
margin-right: auto;
margin-left: auto;
text-align: justify;
width: 790px;
}
#main p {line-height:130%;}
#content {
background-color: #ffffff;
border: 1px solid #fff;
border-top: 0px;
color:#000066;
font: 75% Verdana, Arial, Helvetica, sans-serif;
margin: 0px 1px 0px 1px;
overflow: auto;
padding: 10px 20px 0px 20px;
text-align: left;
}
p.top {
color: #eeeeee;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding-left: 14px;
padding-top: 15px;
}

/* Appearance of things in the footer.
   for consistency background-color should be the same
   as in the meridianheader */
#footer {
background-color: #ccccff;
border-top: 2px solid #cc66ff;
color: #000000;
font: 70% Verdana, Ariel, Helvetica, sans-serif;
margin: 2px 1px 1px 1px;
padding: 2px;
text-align: center;
}

/* Appearance of links in the footer */
#footer a {
color: #000;
font-weight: normal;
text-decoration: underline;
}

/* Appearance of links in the footer when hovered over */
#footer a:hover {text-decoration:none;}

#floatr{float:right;
width:200px;
padding:6px 12px 6px 12px;
margin:0px 0px 10px 20px;
border:1px solid #CCCCB3;
border-top:4px solid #CCCCB3;
background-color:#F5F5EF;
font-size:90%;color:#333;
}
#floatr img {margin-left:6px;padding:3px; border:1px solid #CCCCB3;}
div.box {margin-left:8px;padding-left:12px;border-left:3px solid #ccc;}
#nav {
background-color: #33ccff;
border: 1px solid #999;
color: #fff;
font: Arial,Helvetica,Georgia, Verdana,;
font-variant: small-caps;
margin-right: auto;
margin-left: auto;
text-align: left;
width: 788px;
}

#nav ul {
	padding: 0px 7px 0px 7px;
	margin-left:0px;
	display: inline;
	
	} 
/* nav-ul-li applies to view of background image behind the menu bar wording */
#nav ul li {
    padding:2px 4px;
    margin-right:2px; 
	list-style: none;
	line-height:250%;
font-size:110%;
	display: inline;
	}

#nav a {
color: #330000;
text-decoration: none;
}
#nav a:hover {color: #fff;}
#ulhome li {padding-bottom:5px;}
#listing {clear:left;}
#listing img {float:left;margin-right:10px;margin-bottom:25px;padding:5px; border:1px solid #CCCCB3;}
#listing h3 {
border-top: 1px solid #ccc;
clear: left;
color: #9966cc;
margin-top: 10px;
padding-top: 6px;
}
#listing p {margin-bottom:0;padding-bottom:0;}
#listing p.last {font-weight:bold;font-style:italic;text-align:right;}
#listing p.link {font-weight:bold;text-align:left;margin-top:0; padding-top:0;}
h1, h2, h3, h4, h5, h6 {
	color: #990000;
	font-family: "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	font-weight: bold;
}
h1 {
color: #0099ff;
font-size: 2.5em;
font-variant: small-caps;
}
h2 {font-size:140%;padding-bottom:3px;margin-bottom:0px;color : #407777;}
h3 {
color: #993300;
font-size: 125%;
margin-bottom: 0px;
padding-bottom: 0px;
}
h3 a{text-decoration: none;color: #8F5B5B;}
#reg1 h3 {background-color :#b89292;color:#fff; padding:3px;border:1px solid #666;}
#reg1 h4 {font-size:125%;background-color :#ebf1f1;color:#333; padding:3px;border:1px solid #ccc;}
h4 {font-size:120%;color :#494988;padding-bottom:0px;margin-bottom:0px;}
p.nopad{padding-left:10px;padding-top:0px;margin-top:0px;}
p.head{padding-top:0px;margin-top:0px;}
a{color: #494988;font-weight:bold;}
a:hover{text-decoration:none;}
table.course{border:0px;}
td.top {background-color:#54a941;color:#fff;font-weight:bold;padding-right:36px;}
ul.tours{text-align:left;margin-left:12px;padding-left:0px;}
span.faint{color:#999;}
span.red{color:#ff0000}
span.imgl {
float: left;
}
span.imgl img {
display: block;
padding-right:10px;
padding-bottom:5px;
}
span.imgr {
float: right;
text-align: center;
font-style: italic;
padding-left:20px;
padding-bottom:10px;
padding-top:6px;
}
span.imgr img {
display: block;
}
span.imglft {
float: left;
text-align: center;
font-style: italic;
margin-right:20px;
margin-bottom:20px;
padding:5px;
border: 1px solid #CCCCB3;
}
span.imglft img {
display: block;
}

span.imgbo {
float: left;
padding-right:6px;
padding-bottom:2px;
padding-top:2px;
}
span.imgbo img {
display: block;
}
img {border:0px;}
td.bo {font-size: 90%;margin:0px;padding:10px 20px 4px 8px; color:#000;vertical-align:top;}
td.bol{width:33%;margin-right:22px;background-color:#f5f5ef;border:1px solid #ccccb3;border-top:3px solid #ccccb3;}
td.bom{width:34%;margin-left:22px;background-color:#eeeef2;border:1px solid #A3B3C2;border-top:3px solid #A3B3C2;}
td.bor{width:33%;margin-left:22px;padding-right:16px;background-color:#eef2f0;border:1px solid #A3C2C2;border-top:3px solid #A3C2C2;}

select {
	color: #000000; 
	border: 1px solid #645142; 
	background-color: #f7f7f7; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px 
	}
input {
	color: #000000; 
	border: 1px solid #645142; 
	background-color: #f7f7f7; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px 
	}
input.check {
	border: 0px;margin-top:0; 
	}
input.butt {
	font-size: 10px; 
	font-weight:bold;
	border: #000033 1px solid; 
	color : #fff; 
	background-color: #A97979; 
	}
ul.tour li {margin-bottom:6px;}	
ul.fancy{margin-left:12px;padding-left:8px;list-style-image: url('images/bull.gif');}
span.handcursor {border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:0px none; background:#F5F5EF; font-variant:small-caps;margin-right:3px; padding-left:4px; padding-right:4px; padding-top:2px; padding-bottom:2px}
#switch {clear:both;}
div.switchgroup1 {padding:0 12px 12px 12px;margin-top:-10px;background-color:#fff;}
.switchgroup1 h2 {font-size:140%;padding-top:5px;}
#booking table{margin-bottom:20px;}
#booking td {padding:2px 4px;vertical-align:top;}
#booking form {padding:2px 10px;margin:10px; background-color:#f7f7f7;border:1px dashed #ccc;}
.highlight {padding:0 10px;margin:0; background-color:#f7f7f7;border:1px dashed #ccc;}