body {margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: 0px;}

/*this style sets the font type, size and colour*/
p {font-size: 100%; color: #000000; font-family: arial, helvetica, sans-serif;}
h1 {font-size: 110%; color: #000000; font-family: arial, helvetica, sans-serif; font-weight: bold; }
h2 {font-size: 105%; color: #000000; font-family: arial, helvetica, sans-serif;  font-weight: bold;}
h3 {font-size: 100%; color: #000000; font-family: arial, helvetica, sans-serif;  font-weight: bold;}

/*hyperlink colours*/
a:link {color:#2C709E; text-decoration:underline}
a:hover {color:#C74A34; text-decoration:underline}
a:visited {color:#C74A34; text-decoration:underline}
a:active {color:#C74A34; text-decoration:underline}

/*bulletted lists, UL is an unordered list and OL is an ordered list*/
UL {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10pt; list-style:disc}
OL {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10pt}
LI {color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10pt}

td {font-size: 10pt; color: #000000; font-family: arial, helvetica, sans-serif;}

/*This is the navigational menu right under the banner, destinations, about etc.*/
.topMenu {
	FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: arial, helvetica, sans-serif
}
.topMenu {
	BACKGROUND: #E3BB4F;
}
.topMenu A:link {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
.topMenu A:visited {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
.topMenu A:active {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
.topMenu A:hover {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}

/*this is the style to use to highlight which page you are on in the top navigation. 
i.e. when you are on the destinations page, it remains underlined*/
A.topMenuOn:link {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.topMenuOn:visited {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.topMenuOn:active {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: underline
}

/*navigation that's on the left side on all pages and the right side on some*/
.sideMenu {
	FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;
	BACKGROUND: #FCF7E9; 
}
A.sideMenu:link {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
 A.sideMenu:visited {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
 A.sideMenu:active {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: none
}
 A.sideMenu:hover {
	FONT-WEIGHT: bold; COLOR: #000000; TEXT-DECORATION: underline
}
LI.sideMenu {
	COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 8pt; LIST-STYLE-TYPE: disc; 
}	

/*this should indicate when you are actively on a certain page in the left or right navigation*/
 A.sideMenuOn:link {
	FONT-WEIGHT: bold; COLOR: #F47D1C; TEXT-DECORATION: none
}
 A.sideMenuOn:visited {
	FONT-WEIGHT: bold; COLOR: #F47D1C; TEXT-DECORATION: none
}
 A.sideMenuOn:active {
	FONT-WEIGHT: bold; COLOR: #F47D1C; TEXT-DECORATION: none
}
 A.sideMenuOn:hover {
	FONT-WEIGHT: bold; COLOR: #F47D1C; TEXT-DECORATION: underline
}
LI.sideMenuOn {
	COLOR: #F47D1C; FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 8pt; LIST-STYLE-TYPE: disc; 
}

/*boxes with information that appear on the right side in the first level of a destination*/
.rightMenuTitle{
	FONT-SIZE: 8pt; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;
	BACKGROUND: #F2DEAC;
	BORDER-RIGHT: #F2DEAC 1px solid; BORDER-TOP: #F2DEAC 1px solid; BORDER-LEFT: #F2DEAC 1px solid; BORDER-BOTTOM: #F2DEAC 1px solid
}
.rightMenu{
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif;
	BACKGROUND: #FCF7E9;
	BORDER-RIGHT: #F2DEAC 1px solid; BORDER-TOP: #F2DEAC 1px solid; BORDER-LEFT: #F2DEAC 1px solid; BORDER-BOTTOM: #F2DEAC 1px solid
}

/*box with menu that appears in the second level of a destination, directly under the title*/
TD.subMenu{
	FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 8pt; 
	BACKGROUND: #FCF7E9;
	BORDER-RIGHT: #F2DEAC 1px solid; BORDER-TOP: #F2DEAC 1px solid; BORDER-LEFT: #F2DEAC 1px solid; BORDER-BOTTOM: #F2DEAC 1px solid
}

.subMenu A:link {
	FONT-SIZE: 8pt; COLOR: #000000; TEXT-DECORATION: none
}
.subMenu A:visited {
	FONT-SIZE: 8pt; COLOR: #000000; TEXT-DECORATION: none
}
.subMenu A:active {
	FONT-SIZE: 8pt; COLOR: #000000; TEXT-DECORATION: underline
}
.subMenu A:hover {
	FONT-SIZE: 8pt; COLOR: #000000; TEXT-DECORATION: underline
}
LI.subMenu {
	COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; FONT-SIZE: 8pt; LIST-STYLE-TYPE: disc; 
}


/*breadcrumb trail*/
.loc {
	FONT-SIZE: 8pt; COLOR: #E0B33A; FONT-FAMILY: arial, helvetica, sans-serif
}
A.loc:link {
	COLOR: #E0B33A
}
A.loc:visited {
	COLOR: #E0B33A
}
A.loc:active {
	COLOR: #E0B33A
}
A.loc:hover {
	COLOR: #E0B33A
}	


/*various other styles for the overall look of the site*/	
.contentBox {
	BACKGROUND: #ffffff;
	BORDER-RIGHT: #F3DFA9 1px solid; BORDER-TOP: #F3DFA9 1px solid; BORDER-LEFT: #F3DFA9 1px solid; BORDER-BOTTOM: #F3DFA9 1px solid
}

.clearBox {
	BACKGROUND: #ffffff;
	BORDER-LEFT: #F3DFA9 1px solid; 
}

.border {
	BORDER-RIGHT: #F3DFA9 1px solid; BORDER-TOP: #E3BB4F 1px solid; BORDER-LEFT: #F3DFA9 1px solid; BORDER-BOTTOM: #F3DFA9 1px solid
}

TD.sideBox {
	BACKGROUND: #FCF7E9
}	

IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

/*used if you need to over-ride another style*/
.small {font-size: 8pt; color: #000000; font-family: arial, helvetica, sans-serif;}
.medium {font-size: 10pt; color: #000000; font-family: arial, helvetica, sans-serif;}
.big {font-size: 11pt; color: #000000; font-family: arial, helvetica, sans-serif;}