/* CSS Document */

@charset "UTF-8";

/* colour palette

background: #9c9080;
blue: #005d8c;
cyan: #009dd6;
yellow: #ffb800;
orange: #ff7028;
in-between for rollovers: #ff9915;

/* Zero down margin & padding on all elements */
* {
  margin: 0;
  padding: 0;
}

/* set body */

body
	{
	margin: 0;
	padding: 0;
	background-color:#9c9080;

	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 */
	}
	

/* The structure of the page
================================= */


#container {
  position: relative;
  width: 1150px; 
  background-color: #fff;
  margin: 30px auto; 
  text-align: left;
}

#header { 
	position: relative;
	width: 1150px;
	margin: 0; 
	padding: 0;
	background-color:#fff0b8;

}

#header img {
	border:none;
	margin: 0; 
	padding: 0; 
}

#topMenu {
	border-left: #fff 2px solid;
		border-right: #fff 2px solid;
}

#secondaryContentContainer { 
	position: relative;
	float:right;
	height: auto;
	padding: 0;
	background-color: #fff0b8;
	border:solid 2px #FFFFFF;
	border-top:none;
	margin: 0;
	width: 1146px;
	}

#menu {
	
	width: 270px;
	z-index: 1000;
	float:left;
	position: relative;
	margin: 40px 60px 25px 10px;
	}



#mainContent { 
	position:relative;
	float:left;
	width: 780px;
	padding: 40px 0px 25px 0;
	
}


#rightContent {
	float:right;
	width: 215px;
	margin: 0 0 40px 25px;
	padding-left: 15px;
	border-left: dotted 2px #009dd6;
}


#footer1 {
clear:both;
background-color: #009dd6;
	border-left:solid 2px #FFFFFF;
	border-right:solid 2px #FFFFFF;
		border-bottom:solid 2px #FFFFFF;
width: 774px;
padding:6px 20px 6px 352px;
	
}

#footer1 p {
	font-size:9px;
	line-height: 1.3;
	color: #fff;
	padding: 0;
	margin: 0;
}

#electronics {
border: solid 1px #000;
margin: 10px 0 30px 0;
padding: 6px;
width: 211px;
}

#electronics h4  {
text-transform:uppercase;
color: #000;
 }

#electronics p  {

 }

img.borderedImage {
	border: solid 1px;
	padding: 4px;
	border-color: #aaa;
}


img.rightImage {
float:right;
margin: 4px 0 12px 20px;
}

img.leftImage {
float:left;
margin: 10px 20px 20px 0;
}





/* typography - general
================================= */

p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
   line-height: 18px;
  margin: 0 0 12px 0;
  text-align: justify;
  color:#002878;
}

#rightContent p {
	text-align:left;
}

.smallSpaceBelow {
margin-bottom: 4px;
}

.noSpaceBelow { 
margin: 0;
 }


h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 25px 0;
  color: #009dd6;
  text-align:left;
  padding-top:0px;
}
	  
h2		{
font-weight:bold;
font-size:16px; 
font-family: Verdana, Arial, sans-serif; 
color: #009dd6;
margin: 24px 0 10px 0;
text-transform:uppercase;
} 

h3		{
font-size:16px; 
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #009dd6;
margin: 24px 0 10px 0;
}

h4 { 
font-family: Verdana, Arial, sans-serif; 
font-size: 15px; 
font-weight: bold; 
color: #009dd6;
margin: 24px 0 10px 0; 
 }

h5 {  
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
font-weight: bold;
color: #002878;
margin: 24px 0 10px 0;
}

h6 {  
font-family: Verdana, Arial, sans-serif; 
font-size: 14px;
font-style: italic; 
font-weight: normal;
color: #000;
margin: 15px 0 6px 0;
}


.bordertop {
border-top: thin solid #ff9933;
padding-top:10px;
}

ol, ul {  
font-family: Verdana, Arial, sans-serif; 
font-size: 12px; 
line-height: 18px;
}
	 		 
li		{
font-family: Verdana, Arial, sans-serif;
font-size: 12px; 
line-height: 18px;
margin: 0 0 4px 25px;
text-align: justify;
color:#002878;
}


li.finalBullet		{
margin-bottom: 12px;
}

#rightContent li {
	text-align:left;
}

a:link		{color:#0000ff;}
				
a:visited		{color:#990099;}

a:active		{color:#0000ff;}

a:hover		{color:#0000ff;}



.ruleAbove {
border-top: #005d8c 1px solid;
padding-top: 10px;
margin-top: 30px;
}

.ruleAboveFirst {
border-top: #005d8c 1px solid;
padding-top: 10px;
margin-top: 0;
}

.boldOrange {
font-weight: bold;
color: #009dd6;
}

.center {
text-align: center;
}

.noSpaceAbove {
margin-top: 0;
}

.red {
color: #cc0000;
}

.redBold {
color: #cc0000;
font-weight: bold;
}

p.haut {
text-align: left;
font-size: 12px;
margin-bottom: 5px;
}

p.destination-pics {
margin-bottom: 40px;
}

p.destination-pics img {
margin-right: 2px;
}

.indent {
margin-left: 25px;
}

#menu p.ninepoint {
	color: #fff;
	background-color: #009dd6;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0 0 8px 0;
	height: 20px;
}

#menu a {
	color: #fff;
	text-decoration: none;
}

.swl {
	color: #005d8c;
	font-size: 16px;
	font-weight: bold;
}



/* typography - menu and menu table
===================================== */


#menu table {
	width: 270px;
	border-collapse: collapse;
	 border: solid 1px;
 bordercolor: #005d8c; 
margin: 0 0 25px 0;
	padding: 0;
}


#menu td {
	padding: 0;
		 border: solid 1px;
 bordercolor: #005d8c; 
 border-collapse: collapse; 
margin: 0; 
vertical-align: top;
background-color: #ddddff;
text-align: center;

}

#menu tr { 
margin: 0;

}

#menu td h1 {
	margin:0; 
	color:#fff; 
	font-weight:normal; 
	padding:6px; 
	font-size:20px;
	background-color: #005d8c;
}


#menu td p {
	text-align: center;
	font-size: 9px;
	line-height: 1.2;
	margin-left: 4px;
	margin-right: 4px;
}


#menu p.reverseLightBlue {
	color: #fff;
	background-color: #009dd6;
	text-align: center;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	margin: 0 0 8px 0;
	height: 26px;
}

#menu p.reverseDarkBlue {
	font-size: 12px;
	color: #fff;
	background-color: #005d8c;
	text-align: center;
	font-weight: bold;
	padding: 4px;
	margin: 0;
}


#menu a {
	color: #fff;
	text-decoration: none;
}


/* typography - tables in mainContent
===================================== */



#mainContent table {
	margin-bottom: 15px;
}

#mainContent td {
	vertical-align: top;
}

#mainContent td.left {
	padding-right: 40px;
	width: 500px;
}

#mainContent td.right {
	width: 230px;
}

#mainContent td.blue {
background-color:#009dd6;
color: #fff;
padding:4px;
}

#mainContent td.orange {
background-color: #ffcc66;
padding: 4px;
}


#mainContent td p {
	text-align: left;
}

td p.boldWhiteTable {
margin-bottom: 0;
font-weight: bold;
color: #fff;
}


#mainContent td li {
	text-align: left;
}

#mainContent td.autowidth {
	
}