/* CSS Document */

body { margin:20px 0; padding:0; background: #53534B; font-family:verdana; font-size:0.7em; text-align:center; color:#53534a; } 

}
#formQuery {
}
input {
}
#query {
	font-size: 14pt;
	width: 250px;
	margin: 0px;
	padding: 0px;
}
 
#pagewidth { width:770px; text-align:left; margin-left:auto; margin-right:auto; } 

/* HEADER */
#header { position:relative; background-color:#FFF; border-bottom:1px solid #a9b4b8; border-right:1px solid #a9b4b8; margin-bottom:4px; padding:5px; } 
#header-bg { overflow:hidden; background-color: #c3004a; height:119px; margin:0px; } 
#header-logo-left {  float:left; margin-top:0px; padding:0px 18px 0px 0px; } 
#header-logo-left img { margin:0px 0px 0px 0px;  } 
#header-logo-left span { font-family:Arial, Helvetica, sans-serif; color:#e1ebf7; font-weight:bold; font-size:1.2em; } 
#header-logo-right {  float:right;  margin-top:0px; padding:0px 0px 0px 0px; } 
#header-logo-right img { margin:0px 0px 0px 0px;  } 
#header-logo-right span { font-family:Arial, Helvetica, sans-serif; color:#e1ebf7; font-weight:bold; font-size:1.2em; } 
#header-info { float: left; text-align: right; width: 180px; color: #ffffff; padding-top: 10px; }

/* TOP NAV */
#top-nav { background-color: #fdbf57; margin:5px 0px 0px 0px; color:#53534a; } 
#top-leftcol { background-color: #fdbf57; width:463px; float:left; padding:8px 15px; }
#top-leftcol a { color:#53534a; text-decoration:none; }
#top-leftcol a:hover { text-decoration:underline; }
#top-twocols { width:264px; float:right;  }
#top-maincol { border-left: 1px solid #fff; border-right: 1px solid #fff; float: left; display:inline; width:85px; padding:8px 14px 6px 15px; color:#53534a; }
#top-maincol a { margin:0px 1px; color:#53534a; text-decoration:none }
#top-maincol a:hover { text-decoration: underline; }
#top-maincol img { margin:1px 0px 1px 0px; }
#top-rightcol { width:117px; height:22px; float:right; padding:4px 15px 2px 15px; background-color: #f37736; }
#top-rightcol form { margin:3px 0; padding:0; }
#top-rightcol input { background:#ffffff; color:#53534a; width:66px; font-size:1em; margin:0 2px 0 0; padding:1px 0; border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #666666; border-bottom:1px solid #666666;  }
#top-rightcol a { color:#fff; text-decoration:none; }
#top-rightcol a:hover { text-decoration: underline; }

/* MAIN */
#wrapper { background:#FFF; border-bottom:1px solid #a9b4b8; border-right:1px solid #a9b4b8; margin-bottom:4px; padding:5px }
#wrapper2 { background:#fff; }
#leftcol { width:169px; float:left; }
#twocols { width:589px; float:right; }
#maincol { width:339px; float:left; display:inline; padding:0 0 15px 0; margin:4px 30px; }
#maincol2 { width:529px; float:left; display:inline; padding:0 0 25px 0; margin:4px 30px; }
#rightcol { width:190px; float:right; margin:11px 0 21px 0; }
 
/* LEFT NAVIGATION */
.leftnav { width:169px; padding:0; margin:10px 0 0 0; }
.leftnav ul { padding:0; margin:0; }
.leftnav ul li { padding:6px 0 7px 22px; margin:0 0 1px 0; text-indent:-22px; list-style:none; background:#c3004a }
.leftnav ul li.first { padding:8px 0 7px 22px; background:url(images/leftbox-top.gif) no-repeat left top #c3004a }
.leftnav ul li.last { padding:6px 0 10px 22px; background:url(images/leftbox-bottom.gif) no-repeat left bottom #c3004a }
.leftnav ul li a { font-size:1.1em;  padding:0 0 0 22px ; color:#FFFFFF; text-decoration:none; }
.leftnav ul li a:hover { text-decoration:underline; }

.leftnav ul li ul { padding:0; margin:6px 0 0 0; }
.leftnav ul li ul li { padding:2px 5px 1px 8px; margin:0 0 0 -7px; text-indent:-8px; list-style:none; }
.leftnav ul li ul li a { background:url(images/nav-arrow2.gif) no-repeat 0px 4px transparent; padding:0 0 0 8px; color:#262c22; font-weight:normal; text-decoration:none; font-size:1.00em; }
.leftnav ul li ul li a:hover { text-decoration: underline; }

.leftnav ul li ul li ul { padding:0; margin:0 0 0 0; }
.leftnav ul li ul li ul li { padding:3px 0 0px 8px; margin:0 0 0 0px; text-indent:-8px; list-style:none; }
.leftnav ul li ul li ul li a { background:url(images/nav-arrow3.gif) no-repeat 1px 4px transparent; padding:0 0 0 8px; color:#FFFFFF; font-weight:normal; text-decoration:none; font-size:1.00em; }
.leftnav ul li ul li ul li a:hover { text-decoration: underline; }


/* BOOKINGS QUICKLINKS */
.bookings { margin-bottom:10px; padding-top:8px; clear:both;  }
.bookings img { margin:-2px 6px 0 0; }
.bookings p { color:#53534a; margin:0; padding:0px 0px 13px 0px;  }
.bookings span { color:#c3004a; font-size:1.1em; font-weight:bold; }
.bookings p a { color: #53534a; text-decoration:none; }
.bookings a:hover { text-decoration:underline; }

/* DROPDOWN MENU HOME */
.dropdown1 { margin-bottom:20px; width:339px; clear:both; }
.dropdown1 h2 { color: #fff; background:url(images/dropdown1-top.gif) no-repeat left top #c3004a; font-size:1.25em; font-weight:bold; margin:0; padding:5px 10px 6px 10px ; border-bottom:1px solid #FFF; }
.dropdown1 div { background:url(images/dropdown1-bottom.gif) no-repeat left bottom #fdbf57; margin:0; padding:15px 10px 15px 10px; }
.dropdown1 form { margin:0; padding:0; }
.dropdown1 select { margin:0; padding:0; width:266px; border:1px solid #b4b2ac; font-size:1em; font-family:verdana; color:#53534a; }
.dropdown1 input { margin:0 0 0px 5px; }

/* DROPDOWN MENU SUBPAGES */
.dropdown2 { width:519px; height:34px; padding:0; margin:0 0 20px 200px; clear:both; }
.dropdown2 h2 { color: #fff; background:url(images/dropdown2-left.gif) no-repeat left top #c3004a; font-size:1.25em; font-weight:bold; margin:0; padding:7px 10px 7px 15px; float:left; width:160px; height:20px; }
.dropdown2 div { float:left; height:20px; background:url(images/dropdown2-right.gif) no-repeat right top #fdbf57; margin:0; padding:7px 10px 7px 0px; }
.dropdown2 form { margin:0; padding:0; }
.dropdown2 select { margin:0 0 0 10px; padding:0; width:266px; border:1px solid #b4b2ac; font-size:1em; font-family:verdana; color:#53534a; }
.dropdown2 input { margin:0 0 0 5px; }

/* FORMS */
#forms { margin:20px 20px; }
#forms div { margin:2px 0px 1px 0px; font-weight:bold; }
#forms span input { margin-bottom:3px; background:#eceae6; border:1px solid #b4b2ac; width:350px; font-size:1em; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#forms span textarea { margin-bottom:3px; background:#eceae6; border:1px solid #b4b2ac; width:350px; font-size:1em; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#forms span select { margin-bottom:3px; background:#eceae6; border:1px solid #b4b2ac; width:200px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; }
.forms-button input { background:#b4b2ac; border:1px solid #797770; padding-top:2px; padding-bottom:2px; margin:8px 10px 0 0; color:#FFF; font-family:verdana; font-size:1em; font-weight:bold; }
.validationerror { font-weight:normal; font-style:italic; color:#c3004a; }

/* FOOTER */
#footer { clear:both; height:55px;  top #fff; border-top:1px solid #bdbfb1; } 
#footer-leftcol { width:575px; float:left; position:relative; color:#53534a; padding:7px 10px; }
#footer-leftcol a { color:#f37736; text-decoration:none; }
#footer-leftcol a:hover { text-decoration: underline; }
#footer-leftcol span { color:#53534a; margin:0px 4px; }
#footer-maincol { float: right; display:inline; position: relative; width:126px; color:#53534a; padding:7px 15px; }
#footer-maincol a { color:#f37736; text-decoration:none; }
#footer-maincol a:hover { text-decoration: underline; }
#footer-copyrights{float:right;padding-top:12px; padding-right: 125px;}

.credit { padding:2px 10px; }
.credit a { color:#888; text-decoration:none }
.credit a:hover { text-decoration:underline; }

/* GENERAL STYLES */
h1 { font-size:1.25em; font-weight:bold; margin:10px 0 15px 0; color:#53534a; border-bottom:1px solid #9ca7bd; padding-bottom:2px; }
h2 { font-size:1.15em; font-weight:bold; margin:8px 0; }
h3 { font-size:1.05em; font-weight:bold; margin:6px 0; }
h4,h5,h6 { font-size:1em; font-weight:bold; margin:5px 0; }
p { margin:0 0 13px 0; }
a { color:#f37736; }
.link { background:url(images/nav-arrow.gif) no-repeat right 4px transparent; padding-right:7px; }
form { margin:0; }

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
 .clearfix:after  { 
 content: "."; 
 display: block; 
 font-size: 0;
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

}