/* Colours
Winter - Colour A: 8DBDE0
Winter - Colour B: 01416E
Spring - Colour A: 83AF38
Spring - Colour B: 4D720E
Summer - Colour A: F3DD9B
Summer - Colour B: E2AD14
Fall - Colour A: E39129
Fall - Colour B: 592203

*/

* { 
margin: 0px; 
padding: 0px; 
}

BODY, TD, P  { font-size : 12px; font-family : verdana, helvetica, arial, sans-serif; color : #2A2323; line-height : 1.5em;}

P {margin-top : 0; margin-bottom : 1em;}

BODY {
  margin : 0;
  color : #2A2323;
  background : #BDCFDD url(images/bg_winter2012.gif) top left repeat-x;
  text-align: center;
}

ul, ol { list-style-position: outside; margin-left : 1em; margin-bottom : 1em; }
li {margin-left : 1.33em;}

h1 {font-weight : bold; font-size : 22px; color : #961B13; margin-bottom : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h2 {font-weight : bold; font-size : 18px; color : #961B13; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h3 {font-weight : bold; font-size : 16px; color : #961B13; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h4 {font-weight : bold; font-size : 14px; color : #961B13; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h5 {font-weight : bold; font-size : 12px; color : #961B13; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}
h6 {font-weight : bold; font-size : 11px; color : #961B13; margin-top : 0.5em; font-family : "Trebuchet MS", Verdana, sans-serif;}

A  {color : #013C78; font-weight : bold; text-decoration : underline;}
A:Visited  { color : #013C78; font-weight : bold; text-decoration : underline;}
A:Active  { color : #013C78; font-weight : bold; text-decoration : underline;}
A:Hover  { color : #395D81;	font-weight : bold; text-decoration : none;}

.small { font-size : 0.8em;}

hr {
  width : 85%;
  text-align : center;
  margin : 5px auto;
  border : 0;
  border-bottom : 2px dotted #C39229;
  color : fff;
  background : none;
}

div#wrapper {
   width: 862px;
   margin: 20px auto 20px auto;
   padding : 0;
   text-align: left;
}

div#content-wrapper {
  margin : 0;
  width : 862px;
  background : #fff url(images/bg_content.gif) top left repeat-y; /* CHANGE IMG - COLOUR A*/
  border : 1px solid #000;
  border-width : 0 1px 1px 1px;
}

div#topnav-wrapper {
  display : block;
  width : 862px;
  margin : 0;
  background : #951A13;
  border-top : 5px solid #fff;  /* CHANGE COLOUR B*/
}

ul#topnav {
  font: normal 13px Verdana, Arial, sans-serif;
  color : #fff;
  margin : 5px 0 0 0;
  padding : 0;
  float : right;
}

ul#topnav li {
  list-style: none;
  margin : 0;
  float : left;
  display : inline;
}

/* Fix IE. Hide from IE Mac \*/
 * html ul#topnav li { float : left; height: 1%;} 
 * html ul#topnav li a { height: 1%;} 
/* End */


ul#topnav li a, ul#topnav li a:link, ul#topnav li a:visited
{
  text-decoration: none;
  color : #0061A5;
  font-weight : bold;
  float : left;
  padding : 2px 10px;
  margin : 5px 3px 0 0;
  background : #fff;
  border : 1px solid #DB4F31;
  border-width : 1px 1px 0 1px;
}

ul#topnav li a:hover {
  background : #E7F3F5;
}

div#sidenav-wrapper {
  width : 187px;
  float : left;
  background : #8DBDE0; /* CHANGE COLOUR A*/
}

div#side_logos {
  text-align : center;
  margin : 0 auto;
}

div#side_logos img {
  margin-bottom : 7px;
}

ul#sidenav {
  font: normal 13px "Trebuchet MS", Verdana, sans-serif;
  color : #000;
  margin : 0;
  padding : 0;
  list-style: none;
  width : 187px;
}

ul#sidenav li {  
  margin : 0;
  padding : 0;
  width : 187px;
  position: relative;
  z-index : 12;
}

ul#sidenav li ul {
	position: absolute;
	left: 187px; 
	top: 0;
	display: none;
	width : auto;
	background : #8DBDE0; /* CHANGE COLOUR A */
	z-index : 10;
	border : 1px solid #01416E; /* CHANGE COLOUR B */
	border-width : 1px 1px 1px 0;
	list-style: none;
	margin : 0;
}

/* Fix IE. Hide from IE Mac \*/
 * html ul#sidenav li { float : left; height: 1%;} 
 * html ul#sidenav li a { height: 1%;} 
/* End */

ul#sidenav li a, ul#sidenav li a:link, ul#sidenav li a:visited
{
  text-decoration: none;
  font-weight : normal;
  padding : 5px 7px;
  color : #000;
  display : block;
  border-bottom : 2px dotted #01416E; /* CHANGE - COLOUR B */
  }

ul#sidenav li a:hover {
  background : #01416E; /* CHANGE - COLOUR B */
  border-bottom : 2px dotted #01416E; /* CHANGE - COLOUR B */
  color : #fff /* Change white/black depending on COLOUR B */
}

ul#sidenav li ul li a { padding: 1px 5px; display : block; font-size : 11px; text-align : left;} /* Sub Menu Styles */
ul#sidenav li:hover ul, ul#topnav li.over ul { display: block;} /* The magic */

div#sidebar_right {
  float : right;
  width : 235px;
}

div.sb_box {
  background : #fff url(images/bg_sb.gif) top left repeat-y;
  padding : 0;
}

div.sb_box h2 {
  background : url(images/sb_top.gif) top left no-repeat;
  text-align : right;
  margin : 0;
  padding : 5px 10px 0 0;
}

div.sb_box p {
  padding : 0 10px 0 7px;
  line-height : 1em;
  font-size : 11px;
}

div.art_box {
 clear : right;
 border-bottom : 2px solid #0061A5;
 margin-bottom : 5px;
}

img.space {
  padding : 0 5px;
}

img.redcross {
	padding : 0 7px 0 0;
}

div.notice_box {
  background : #e7e7e7;
  border : 1px solid #ccc;
  margin : 5px 50px;
  padding : 7px;
}

div#content {
  margin-left : 190px;
  padding : 7px 7px 0 7px;
}

div#sub-nav {
  font-size : 10px;
  text-align : center;
}

div#featurebox {
  margin-left : 190px;
  background : #8DBDE0 url(images/feature-staycation.png) top left no-repeat; /* CHANGE - COLOUR A */
  height : 175px;
  text-align : right;
  padding : 0 7px 0 0;
}

div#featurebox p {
  line-height : 1.1em;
  font-size : 14px;
}

div#featurebox h1 {
  padding-top : 10px;
}

div#footer {
  text-align : center;
  font-size : 10px;
  margin : 7px 0;
}

div#footer p {
  line-height : 1em;
  font-size : 10px;
}

table {
  padding : 0;
  border : 1px solid #ccc;
  border-width : 1px 1px 0 0;
}

table.rate {
  width : 400px;
}

table th {
  background : #e7e7e7;
  font-weight : bold;
  font-size : 1em;
  border : 1px solid #ccc;
  border-width : 0 0 1px 1px;
  padding : 2px;
}

table td {
  vertical-align : top;
  border : 1px solid #ccc;
  border-width : 0 0 1px 1px;
  padding : 2px;
}  

form {
  width : 90%;
}

input, select, textarea {

}

input {
  width : 140px;
}

input.check {
  width : 30px;
}

fieldset {
  margin : 0 0 -1em 0;
  padding : 0 0 1em 0;
  width : 100%;
  border-style : none;
  border-top : 1px solid #bfbab0;
}

legend {
  margin-left : 2em;
  color : #000;
  font-weight : bold;
  font-size : 1.2em;
}

label {
  float : left;
  width : 150px;
  margin-right : 1em;
  text-align : right;
}

fieldset ol {
  padding : 0.25em 0 0 0;
  list-style : none;
}

fieldset li {
  padding-bottom : 0.25em;
  float : left;
  clear : left;
  width : 100%;
}

table#assets {
  clear : left;
}

div.clear {
  clear :both;
}

div#norlink {
  text-align : center;
  font-size : 9px;
  color : #fff;
}

div#norlink a {
  color : #fff;
  font-weight : normal;
  background : none;
  border : 0;
}
