/*****Reset*****/

/*Remove margin and padding from elements*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

}

/*****Basic Elements*****/

/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.*/

body {

	background-color:#333333;

	font-family:"Lucida Sans Unicode", sans-serif, "Lucida Sans";

	font-size:13px;

	color:#00517a;

}

p {

	line-height:18px;

	/*text-align:justify;*/

}

h1 {
	font-size:22px;
}

h2 {
	font-size:18px;
}

h4 {

	background:url(../images/deckbg.jpg) no-repeat;

	width:93px;

	height:24px;

	color:#333;

	text-align:center;

	line-height:24px;

	margin-bottom:10px;

}

/*****Generic Classes*****/

/*Define styles for simple things like floating to the sides, removing a bottom margin on elements, etc

Yes, these may not be as semantic as we would all like, but they are necessary for coding efficiently */

.clear {

	clear:both;

}

.left {

	float:left;

	}

.sitename {

	margin-left:10px;

	float:left;

	line-height:87px;

	font-size:36px;

}

.right {

	float:right;

}

.big {

	font-size:20px;

}

/*****Basic Layout*****/

/*Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site*/

#container {

  width: 1000px;

  background-color:#DBF3FE;

  margin: 0 auto;

}

/*****Header*****/

/*Define all elements in the header*/

#banner {

	background:url(../images/banner.jpg) left top no-repeat;

	height:306px;

	width:1000px;

	position:relative;

}

#content {

	padding:0px 10px 10px 10px;

	background:url(../images/bodybg.jpg) #dbf3fe repeat-x;

}

/*****Content*****/

/*Define all elements in the content area*/

#left {

	float:left;

	width:430px;

	padding:0px 10px 10px 0px;/*border-right:#999999 1px solid;*/

	/*text-align:right;*/

}

#right {

	float:left;

	width:520px;

	padding:0px 0px 10px 10px;

}

#box {

	margin:0px auto;

	width:420px;

	margin-top:20px;

}

.boxtop {

	background:url(../images/boxtop.png) no-repeat;

	width:420px;

	height:10px;

}

.boxcontent {

	background-color:#ebf5f9;

	padding:0px 10px;/*width:420px;*/

}

.boxbottom {

	background:url(../images/boxbottom.png) no-repeat;

	width:420px;

	height:10px;

}

#bbox {

	width:520px;

	margin-top:20px;

}

.bboxtop {

	background:url(../images/bboxtop.png) no-repeat;

	width:520px;

	height:10px;

}

.bboxcontent {

	background-color:#ebf5f9;

	padding:0px 10px;/*width:420px;*/

}

.bboxbottom {

	background:url(../images/bboxbottom.png) no-repeat;

	width:520px;

	height:10px;

}

#dack { /*margin:0px auto;*/

	width:500px;

	margin-top:10px;

}

#plans {

	background:url(../images/bluebg.jpg) repeat-x;

	height:28px;

	width:500px;

	border-left:#0000FF 1px solid;

	border-right:#0000FF 1px solid;

	margin-top:10px;

	color:#FFFFFF;

	font-size:14px;

	line-height:28px;

	text-align:center;

}

#dack img {

	float:right;

}



p.eventCloseText {

  text-align: center;

}



/*****Menu*****/

/*Define all elements in the menu*/

#menu {

	background:url(../images/menubg.jpg) repeat-x;

	/*width:1000px;*/

	height:87px;

}

#menu ul { float:right;}

#menu ul li { float:left;

line-height:87px;

list-style:none;

/*font-size:18px;*/

margin-right:40px;

 } 

 #menu ul li a { color:#00517a;

 text-decoration:none;}

 .list{ background:url(../images/list.jpg) no-repeat;

 height:70px;

 width:2px;

 margin-top:5px;}



/*****Footer*****/

/*Define all elements in the footer*/

#footer {
	width:980px;
	font-size:10px;
	text-align:center;
	border-top:#CCCCCC 1px solid;

}

#footer a{color:#00517a;

text-decoration:none; }

/*****Etc*****/

/*Continue to define the other sections one by one

By using comments and grouping similar elements, it becomes much quicker to find what you are looking for.*/

.center_table {

	text-align: center !important;

}

td.deck_title {

	font-size: 18px;

	font-weight: bold;

	text-align: center;

	text-align:center;

	padding: 0 0 10px 0;

}

#deck_instructions {

	margin: 0;

	padding: 0 0 30px 10px;

	/*width: 350px;*/

}

#deck_instructions h1 {

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin: 0;

	padding: 0 0 5px 0;

}

#deck_instructions p {

	font-size: 12px;

	font-weight: normal;

	/*text-align: left;*/

	margin: 0;

	padding: 0 0 5px 0;

}

#cabin_types {

	margin: 0;

	padding: 0 0 20px 10px;

	/*width: 350px;*/

}

#cabin_types p.groupe_name {

	font-size: 13px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 5px 0;

}

#cabin_types p.type {

	font-size: 12px;

	font-weight: bold;

	margin: 0;

	padding: 0;

}

#cabin_types span.type {

	padding: 0 5px;

}

#cabin_types p.description {

	font-size: 12px;

	font-weight: normal;

	margin: 0;

	padding: 0 0 15px 0;

}

img {

	border: 0;

	margin: 0;

	padding: 0;

}

p.pick {

	font-weight: normal;

	text-align: left;

	padding: 0;

	/*margin: 0 0 10px 0;*/

}

p.footnote {

	font-size: 10px;

	font-weight: normal;

	text-align: left;

	padding: 0;

	margin: 0 0 20px 0;

}

.partnerlogo {

	position:absolute;

	top:20px;

	left:40px;

}

.inlinelink1 a, .inlinelink1 A:link{

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

	font-size: 13px;

	font-weight: bold;

	color: #ffffff;

	text-decoration: underline;

	font-style: normal;

	font-variant: normal;



}

.inlinelink1 a:hover {

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

	font-size: 13px;

	font-weight: bold;

	color: #FFFF00;

	text-decoration: underline;

}