@charset "iso-8859-1";
/* my base styles */
IMG{ border:0; }
TABLE{ border: 0px; border-collapse: collapse; }
TD{ vertical-align: top;font-size: 100%; }
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.small{ font-size: small; }
.xsmall{ font-size: x-small; }
ol, ul, li { font-size: 100%; }
/* base styles */
a{
background-color:transparent;
color: #FFFFFF;
}
a:link{
background-color:transparent;
color:#FFFFFF;
}
DIV#header{
	width: 800px;
	height: 104px;
	margin: 0 auto;
	background-image: url('images/band_surftrip_01.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
	text-align: right;
}
DIV#header H1{
font-size: 14px;
margin:0 0 0 0;
padding-top:80px;
padding-right:175px;
/*padding:0;*/
}

DIV#menudiv{
	/* width:800px; SET IN COMMONSTYLES */
	background-color:#ff9900; 
	border-bottom:1px solid #cc0033;
}
td.p13{
	font-size: 13px;
}
.p13{
	font-size: 13px;
}
.p14{
	font-size: 14px;
}
a:visited{
background-color:transparent;
color:#FFFFFF;
font-family:verdana,arial,helvetica,sans-serif;
font-weight:bold;
text-decoration:underline;
}
p.bold14{
	font-size: 14px; font-weight: bold;
}
a:visited:active{
background-color:transparent;
color:#FFFFFF;
font-family:verdana,arial,helvetica,sans-serif;
font-weight:bold;
text-decoration:underline;
}
a:hover{background-color:transparent;color: #cc0033;text-decoration:underline;}
a:active{
background-color:transparent;
color:#FFFFFF;
font-family:verdana,arial,helvetica,sans-serif;
font-weight:bold;
text-decoration:underline;
}
.adcell{
	background-color: #ffff99; color: #ff9900; font-size: 12px; font-weight: bold; border: 2px groove #2F4F4F;
}
body{
background-color:#ffcc00;
color: #8B0000;/*background:url("../shops/lagoondy/bck5.gif") #f7cf9c;*/
font-family:verdana,georgia,arial,helvetica,sans-serif;
font-size:14px;
margin:0em;
}

p{
background-color:transparent;
/*color:#ffffcc;*/
font-family:verdana,arial,helvetica,sans-serif;
font-size:14px;
}
pre{
background-color:transparent;
color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:11pt;
font-style:italic;
font-weight:bold;
padding-left:30pt;
padding-right:30pt;
}
sub{font-family:verdana,arial,helvetica,sans-serif;font-size:9pt;}
sup{
background-color:transparent;
color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:9pt;
}

h4.dark{
	color: #dfefff;
}
ul,li{
background-color:transparent;
color: #0077b5;
}
.areatxt{
background-color:transparent;
color:#ffff00;
}
.areatxtleft{
background-color:transparent;
color:#ffff00;
}
.copy{
background-color:transparent;
color:#c0c0c0;
}
.form{background-color:transparent;color:#008000;}

.just{text-align:justify;}

.navbar a{
background-color:transparent;
color:#0000ff;
}
.navbar a:link{
background-color:transparent;
color:#0000ff;
}
.navbar a:visited{
background-color:transparent;
color:#4169e1;
}
.navbar a:visited:hover{
background-color:transparent;
color:#00008b;
}
.navbar a:hover{
background-color:transparent;
color:#000080;
}
.rubrique{
background-color:transparent;
color:#3300cc;
}
.tableheader{
background-color:transparent;
color:#ffffff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;
font-style:normal;
font-weight:bold;
}
.tablenav{background-color:#000066;background-image:none;}
.tablephoto{background-color:transparent;background-image:none;color:#000033;}
.tablesand{background-color:#3366ff;background-image:none;}
.tablewhite{background-color:#ffffff;background-image:none;color:#000033;}
.tablewhite p{background-color:#ffffff;background-image:none;color:#000033;}
.tablewhite td{background-color:#ffffff;background-image:none;color:#000033;}
.tarifbottom{
background-color:transparent;
color:#008080;
font-size:12px;
font-weight:normal;
text-align:left;
}
.tariftable{
background-color:#ffffff;
color:#000080;
font-size:11px;
text-align:left;
}
.tariftable td{
background-color:#ffffff;
color:#000080;
font-size:11px;
text-align:left;
}
.tariftabledate{
background-color:#add8e6;
color:#000080;
font-size:14px;
text-align:left;
}
.tariftabledate td{
background:#add8e6;
color:#000080;
font-size:14px;
text-align:left;
}
ul{
	color: #4b0082;
}
.tariftabledate tr{
background:#add8e6;
color:#000080;
font-size:14px;
text-align:left;
}
.tariftop{
background-color:transparent;
color: #483d8b;
font-size:16px;
text-align:center;
}
.telephone{
background-color:transparent;
color:#ffff00;
font-family:verdana,arial,helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
margin-top:3pt;
}
.topnav{
background-color:#6699cc;
background-image:none;
color:#ffffff;
font-weight:bold;
}
.topnav a{
background-color:transparent;
color:#ffffff;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}
.topnav a:link{
background-color:transparent;
color:#ffffff;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}
.topnav a:visited{
background-color:transparent;
color:#ffffff;
font-size:10pt;
font-weight:bold;
text-decoration:none;
}
.topnav a:visited:hover{
background-color:transparent;
color:#ffffff;
font-size:10pt;
font-weight:bold;
text-decoration:underline;
}
.topnav a:hover{
background-color:transparent;
color:#ffffff;
font-size:10pt;
font-weight:bold;
text-decoration:underline;
}


DIV#main{
	background: transparent url(images/surftriptblblank.gif) no-repeat top;
	width: 700px;
	height: 341px;
	border: 0px solid #000000;
}
DIV#main H2{
	font-size: 20px;
	color: #cc0000;
	padding: 5px 0px 0px 0px;
}
DIV#main H3{
	font-size: 20px;
	color: #aa0000;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
DIV#main P{
	text-align: left;
}

DIV#main2{
	background: transparent url(images/surftriptblblank.gif) no-repeat bottom;
	width: 700px;
	height: 440px;
	border: 0px solid #000000;
}
DIV#main2 H2{
	font-size: 20px;
	color: #cc0000;
	padding: 5px 0px 0px 0px;
}
DIV#main2 H3{
	font-size: 20px;
	color: #aa0000;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
DIV#main2 P{
	text-align: left;
	padding:0 0 3px 0;
	margin:0;
}
DIV#main2 H3{
	margin:0;
	padding:0 0 3px 0;
}
DIV#main2 P.signup, DIV#main2 P.signup A, DIV#main2 P.signup A:visited, DIV#main2 P.signup A:link{
	background-color: #fff;
	padding:5px;
	border: 1px solid #800000;
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	color: #800000;
}

TR.trip TD{
	font-weight: bold;
	font-size: larger;
}



DIV#navlist{ background-color: #ff9900; }
#navlist ul{ background-color: #ff9900; }
#navlist li{ background-color: #ff9900; }
#navlist li a{
background-color:#ff9900;
color:#ffff99;
}
#navlist li a:hover{
background-color:#ffff99;
color:#ff9900;
}
#navlist li a:active{
background-color:#ffff99;
color:#ff9900;
}




/* rounded corner dialog boxes with fixed width graphics*/
/* shadow uses 2 images - no shadow uses css border for mid/content section */
/* single bck image is 30px high and uses sliding doors to push it 15px for footer */
/* ONLY THE IMAGE FILE HERE - ALL SIZES AND REST ARE SET IN commonstyles.css*/
DIV.box800 .hd { 
	background-image:url('grafics/dialog/box800shadowyellow.png');
}
DIV.box800 .ft {
	background-image:url('grafics/dialog/box800shadowyellow.png');
}
DIV.box800 .content {
background-image: url('grafics/dialog/box800shadowyellow-mid.png'); /*background-position: 0px 0px;*/;
}

DIV.box600 .hd { 
	background-image:url('grafics/dialog/box600shadowyellow.png');
}
DIV.box600 .ft {
	background-image:url('grafics/dialog/box600shadowyellow.png');
}
DIV.box600 .content { 
	background-image:url('grafics/dialog/box600shadowyellow-mid.png');
}