@charset "utf-8";

body  {

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	/*	text-align: center;  this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

	background-color: #FFFFFF;

	font-size: 62.5%;

	font-family: Verdana, Arial, Helvetica, sans-serif;



}

.thrColFixHdr #mcw {

	text-align:center;

} 

.thrColFixHdr #container {

	text-align: left;

	background-color: #FFFFFF;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	width: 750px;

} 

.thrColFixHdr #header {

	background-color: #FFFFFF;

	padding-bottom:15px;

} 

#header #top-nav-bar {

	display:block;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	background-image: url(images/top-nav-bar.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	height: 24px;

}

#content {

	min-height:768px;

	position: relative;

}

#content-main {

	width: 425px;

	/*margin-top: 20px;*/

	padding-top:0px;

	margin-right: 155px;

	margin-bottom: 0;

	margin-left: 160px;

}

#content-main p {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 130%;

	color: #333333;

	text-decoration: none;

	font-size: 120%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

	text-align:left;

}

#content-main a {

	text-decoration: none;

	color: #00F;

}

#content-main a:hover {
	text-decoration: underline;
	color: #00F;

}

#content-main .small {

	font-family: Arial, Helvetica, sans-serif;

	line-height: 110%;

	color: #333333;

	text-decoration: none;

	font-size: 100%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 12px;

	margin-left: 0px;

	text-align:justify;

}

#content-main .ss {

	margin: 0px;

}

#content-main .title {

	font-family: "Gill Sans MT", Arial, sans-serif;

	line-height: 100%;

	color: #0174B5;

	text-decoration: none;

	font-size: 175%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	font-weight: normal;

	text-transform: uppercase;

}

#content-main .large_blue {

	font-family: "Times New Roman", Times, serif

	line-height: 100%;

	color: #06F;

	text-decoration: none;

	font-size: 225%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	font-weight: normal;

	text-align:center;

}

#content-main .large_red {

	font-family: "Times New Roman", Times, serif

	line-height: 100%;

	color: #C30;

	text-decoration: none;

	font-size: 175%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	font-weight: normal;

	text-align:center;

}

#content-main .large_blue a {

	text-decoration: none;

	color: #06F;

}

#content-main .large_blue a:hover {

	text-decoration: underline;

	color: #06F;

}

#content-main h1 {

	color: #000;

	font-family: Tahoma, Arial, sans-serif, Helvetica ;

	font-size: 125%;

	padding: 0px;

	margin: 0px 10px 0px 0px;

}

#content-main h2 {

	color: #201B51;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 140%;

	margin: 0px 0px 5px 0px;

}

#content-main li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #333333;

	text-decoration: none;

}

#content-main img {

	/*margin-bottom: 15px;*/

	float: none;

	display:block;

	margin-top: 3px;

}



#logo-bar {

	height: 121px;

	width: 750px;

}

#logo-bar h1{

	height: 121px;

	text-indent:-100.0em;

	overflow:hidden;

	background-image:url(images/header.jpg);

	background-repeat: no-repeat;

}

#logo-bar h1 a{

	display: block;

	line-height: 121px;

}



#logo-bar-hol {

	height: 121px;

	width: 750px;

}

#logo-bar-hol h1{

	height: 121px;

	text-indent:-100.0em;

	overflow:hidden;

	background-image:url(images/holiday/headerholiday.jpg);

	background-repeat: no-repeat;

}

#logo-bar-hol h1 a{

	display: block;

	line-height: 121px;

}



#header #top-nav-bar .tmenu {

	float: right;

	margin-right: 25px;

	font-size: 100%;

	margin-top: 5px;

	margin-bottom: 0px;

}

#header #top-nav-bar .tmenu a {

	text-decoration:none;

	color: #000000;

}

#header #top-nav-bar .tmenu a:hover {

	text-decoration:underline;

	color: #000000;

}



ul.menu {

	padding: 0px;

}

ul.menu li {

	list-style:none;

	font-family: "Gill Sans MT", Arial, sans-serif;

	font-size: 12px;

	color: #201B51;

	text-decoration: none;

	letter-spacing: 0em;

	text-transform: uppercase;

	background-image: url(images/menu-btn-sm.jpg);

	background-repeat: no-repeat;

	display: block;

	float: left;

	height: 23px;

	width: 110px;

	padding-left: 35px;

	padding-top: 2px;

	margin-right: 3px;

	margin-left: 3px;

}

.thrColFixHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}

.thrColFixHdr #sidebar1 {

	width:150px;

	position: absolute;

	top: 0px;

	left: 0px;

	/*height: 100%;*/

	background: #FFFFFF; /* padding keeps the content of the div away from the edges */

}

#sidebar1 img {

	padding-bottom: 15px;

	padding-left: 15px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: left;

}

.thrColFixHdr #sidebar2 {

	width: 150px;

	position:absolute;

	top: 0px;

	right: 0px;

}



#sidebar2 img {

	float: right;

	margin-right: 5px;

	margin-bottom: 25px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.thrColFixHdr #mainContent {

	margin-top: -9px;



} 

.thrColFixHdr #footer {

	background-image: url(images/btmnav.jpg);

	background-repeat:no-repeat;

	height:25px;

	clear: both;

	background-position: left;

	padding-top:20px;

}

.thrColFixHdr #footer p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFF;

	text-decoration: none;

	text-align:left;

	margin-top:-3px;

}

.thrColFixHdr #footer a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFF;

	text-decoration: none;

}

.thrColFixHdr #footer a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFF;

	text-decoration: underline;

}

.thrColFixHdr #footer .flushright {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #999;

	text-decoration: none;

	text-align:right;

	margin-top:-25px;

	margin-bottom:0px;

}

.thrColFixHdr #footer img {

	display: block;

	float: left;

	padding-top: 2px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 18px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

.ratecategory {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10pt;

	line-height: 20px;

	text-transform: uppercase;

	color: #FFFFFF;

	text-decoration: none;

}

.table {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9pt;

	color: #333333;

	text-decoration: none;

	margin-top: 2px;

	margin-bottom: 2px;

/*	border: thin solid #005BB7; */

}

#centercontent {

	width:200px;

	margin-left:auto;

	margin-right:auto;

}



.style1 {

	color: #FFFFFF;

	font-size: 70%;

}

.style2 {

	font-size: 90%;

}

.style4 {

	color: #0174B5;

	font-size: 120%;

	background-repeat: no-repeat;

	font-family: Arial, Helvetica, sans-serif;

	font-style: normal;

	text-transform: uppercase;

	text-align: center;

}

.style5 {color: #0174B5}



/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */



.menu {margin:0 auto; width:745px; height:32px; position:relative; z-index:100;border-right:3px solid #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; }

/* hack to correct IE5.5 faulty box model */

* html .menu {width:746px; w\idth:745px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:124px;} /* Change width of cell here - was originally 149 /*

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;width:124px;position:relative;} /* Change width of cell here - was originally 149 /*

/* style the links for the top level */

/*.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}*/

.menu a, .menu a:visited {display:block;font-size:10px;text-decoration:none; color:#FFF; width:110px; height:30px; border:3px solid #fff; border-width:3px 0 3px 3px; background:#0174B5 /*url(images/cb-button.gif) no-repeat 115px center*/; padding-left:10px; line-height:29px; font-weight:normal; }  /* Change width of cell here - was originally 138 /*

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:123px; w\idth:110px;} /* Change width of cell here - was originally 148, 135 /*



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#0174B5 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#B1D0E2 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

.menu ul ul :hover > a.drop {background:#B1D0E2 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#B1D0E2;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#B1D0E2;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:0; width:123px;border-top:3px solid #fff;}/* Change width of cell here - was originally 149 /*

/* another hack for IE5.5 */

* html .menu ul ul {top:32px;t\op:33px;}



/* position the third level flyout menu */

.menu ul ul ul{left:124px; top:-1px; width:124px;}  /* Change width of cell here - was originally 149 /*



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-124px;} /* Change width of cell here - was originally 149 /*



/* style the table so that it takes no ppart in the layout - required for IE to work */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

.menu ul ul a, .menu ul ul a:visited {background:#0174B5; color:#FFF; height:auto; line-height:1em; padding:5px 10px; width:99px;border-width:0 3px 3px 3px;}  /* Change width of cell here - was originally 128 /*

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:135px;w\idth:101px;}  /* Change width of cell here - was originally 150, 125 /*



/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{color:#000; background:#B1D0E2;}

.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#B1D0E2;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul,

.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible;}