@charset "utf-8";
/* CSS Document */

body {
background-color:#003366;
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height:150%;
}

img {
border: solid 1px #FFF;
padding:0;
}


/*bike tour all page*/
#imagewrap {
float:right;
width:auto;
margin-bottom:1em;
}

.picture {
	margin-top: 0.4em;
	margin-right: 0.4em;
	margin-bottom: 0.4em;
	margin-left: 0em;
	height: 177px;
	border: 1px solid black;
}

#textwrap {
float:left;
width:38%;
}

.text {
	height: 177px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	border: 1px solid black;
	color: #000000;
	margin-top: 0.4em;
	margin-right: 0em;
	margin-bottom: 0.4em;
	margin-left: 0.4em;
}

.text p{
	margin:0;
	padding-top:5px;
}

.text a {padding: 2px 4px 2px 4px;} /*this sets the padding around the object so that the padding dimensions for the hover link are the same and do not cause movement of text*/
.text a:link {color:#0000FF; text-decoration:none;}
.text a:visited {color:#0000FF; text-decoration:none;}
.text a:hover {padding: 2px 4px 2px 4px; background-color:#FFFFFF;}
/*bike tour all page end*/


a:link {color: #000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {color: #FF0000;text-decoration:none;background-color:none;}
/*general behavior for all links*/


#bluelink a:link {color: #0000FF; text-decoration:none;background-color:none;}
#bluelink a:visited {color:#0000FF; text-decoration:none;background-color:none;}
#bluelink a:hover {color: #FF0000;text-decoration:none;}
/*Behavior for Blue Text Links*/

/*this has to do with the webpage width*/
#wrapper {
width: 850px;
margin:auto;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
background-color: #ECE9D8;
}

#column1 {
/*position:fixed; top:135px; left:auto;*/
display:block;
margin:0;
padding:0;
padding-top:0.75em;
float:left;
width: 22%;
padding-left:0.75em;
}

#column2 {
	display:block;
	margin:0;
	padding:0;
	padding-top:0.75em;
	float:right;
	padding-right:0.75em;
	width: 73%;
	line-height:150%;
/*background-color: #FFFF33;/*get rid of this*/
}

/*text in pages such as About Us*/
#othertextbody {
text-align:justify;
margin-right:1em;
}


/*this is the heading below the banner*/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:oblique;
	color:black;
	/*text-align: right;*/
	float:right;
	padding-right:0.6em;
	padding-bottom:0.4em;
	padding-top:0.4em;
	margin:0;
	font-weight:normal;
	word-spacing:1px;
	background-color: none;
	width: auto;
	}

h2{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:oblique;
	font-weight: normal;
	color:#0000FF;
	padding-left:1em;
	padding-bottom:0.4em;
	padding-top:0.4em;
	margin:0;
}

h2 a:link {color: #0000FF; text-decoration:none;background-color:none;}
h2 a:visited {color:#0000FF; text-decoration:none;background-color:none;}
h2 a:hover {color: #FF0000;text-decoration:none;}

h4{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:oblique;
	font-weight: normal;
	color:black;	
	padding-left:1em;
	padding-bottom:0.4em;
	padding-top:0.4em;
	margin:0;
}

h4 a:link {color: #FF0000; text-decoration:none;}
h4 a:visited {color:#FF0000; text-decoration:none;}
h4 a:hover { background-color:#ECE9D8;color:#0000FF;}

h5{
	float:left;
	padding-left:1.2em;
	padding-bottom:0.4em;
	padding-top:0.6em;
	margin:0;
}



	
/*this is the menu division*/
#navigation {
	margin: 0;
	width:849px;
	float:left;
	background-color: #FFFFFF;
	border-top: #000000 solid 1px;
	/*added this on 2/25/2011*/
	display:block;
	margin-right:auto;
	margin-left:auto;
}
	
#heading2 {margin:0; width:auto;
padding: 4px;
text-align:center;
border-bottom:white solid 1px;
border-top:white solid 1px;
}

/*this is for the columns on the index page, using parenting concepts -----------------------------------------------------------------------------------------*/
div.indexcolumn{
display:inline-block;
float:left;
width:276px;
margin:0.5em 0em 0.5em 0.3em;
padding:1em 0 1em 0;
text-align:justify;
background-color: #FFFFFF;
border:1px dotted #000000;
}

div.indexcolumn p{
margin:0;
padding:0 0.8em 0 0.8em;
text-align:justify;
background-color:none;
}

div.indexcolumn h6{
font-style:italic;
font-weight:bold;
font-size:10pt;
margin:0;
padding:0 0.8em 0 0.8em;
text-align:left;
background-color:none;
}

div.indexcolumn img{
border:solid 1px #000000;
margin-left:auto;
margin-right:auto;
margin-top:1em;
margin-bottom:1em;
display:block;
padding:0;
}

div.indexcolumn a:link {color: #0000FF; text-decoration:none;background-color:none;}
div.indexcolumn a:visited {color:#0000FF; text-decoration:none;background-color:none;}
div.indexcolumn a:hover {color: #FF0000;text-decoration:none;}

/* original css for index column, replaced by above css using parenting concept
p.indexcolumntext{
margin:0;
padding:0.6em 0.7em 0.6em 0.7em;
text-align:justify;
background-color:none;
}*/


#henriquote {
margin:0;
padding:0.6em 0.7em 0.6em 0.7em;
text-align:left;
background-color:none;
}/*this is for Henri quote on index page*/

#indexquote {
padding-right:1.5em;
padding-left:1.5em;
line-height:150%;
font-size:9pt;
font-style:italic;
word-spacing:2px;
}
/*client testimonials quotes on index page*/

/*End----this is for the columns on the index page, using parenting concepts -----------------------------------------------------------------------------------------*/


#mainpageimage {
float: right;
margin:0;
margin-right: 0;
width:568px;
height:307px;
/*border: red thin dotted;/*remember to eliminate this, only use for purposes of visualizing layout*/
}

/*----------------------------------------------------------------Begin Newsletter page attributes----------------------------------------------------*/
div.pricedates {
float:left;
text-align:left;
font-size:11px;
margin:0 0 1em 0;
padding: 1em 2em 1em 1em;
border:1px dotted #000000;
background-color:#FFFFFF;
}

div.newsletterheaderpageimage {
float: right;
margin:0;
padding:0;
margin-right: 0;
width:579px;
}

div.newsletterheaderpageimage p {
margin-top:0.5em;
padding-left:1.5em;
padding-right:2em;
color: #4D4D4D;
font-size:8pt;
}/*this is for the caption to the main image*/

/*begin - for the newsletter date box and link behavior attributes*/
div.newsletterheaderdate ul {
list-style-type:none;
float:left;
text-align:left;
font-size:11px;
margin:0 0 1em 0;
padding: 1em 2em 1em 1em;
border:1px dotted #000000;
background-color:#FFFFFF;
}
div.newsletterheaderdate a:link {color: #0000FF; text-decoration:none;background-color:none;}
div.newsletterheaderdate a:visited {color:#0000FF; text-decoration:none;background-color:none;}
div.newsletterheaderdate a:hover {color: #FF0000;text-decoration:none;}
/*end - for the newsletter date box and link behavior attributes*/


#newsletterquotes {
float:left;
width:16em;
font-style:italic;
text-align:left;
font-size:12px;
margin:0 0 1em 0;
padding: 0 0.6em 0 0.5em;
background:#FFFFFF;
border:1px dotted #000000;
}

#newlettertitle {
float:left;
margin:0;
width:566px;
padding:0.5em 0em 0.5em 0.8em;
background-color:#4481B8;
color:#FFFFFF;
border: #FFFFFF 1px solid;
text-align:left;
line-height:180%;
}

/*begin - for main newsletter text and behavior images and links*/
div.newslettertext {
	float:right;
	margin-bottom: 1em;
	margin-top: 0.5em;
	width:97%;
	margin-left:0;
	margin-right:0;
}

.newslettertext p {
text-align: justify;
/*padding-right:0;*/
line-height:150%;
margin-left:1.1em;
margin-right:0.3em;
/*margin-left:0;
margin-right:0;
*/
}

.newslettertext p img {
margin:1em 0 0.8em 1.5em; 
padding:0;
float:right;
}

.newslettertext li {
padding-bottom:10px;
}

.caption-image{
margin:0.3em 0 0 1.3em; 
padding:0;
float:right;
width:356px;
display:block;

background-color:none;
}


.caption-image p{
font-size:8pt;
margin:0;
padding:0.4em 0 0 1em;
color: #4D4D4D;
text-align:left;
width:356px;
}

.caption-image-left {
margin:0.3em 0.7em 0 1.1em; 
padding:0;
float:left;
min-width:356px
display:block;

background-color:none;
}


.caption-image-left p{
font-size:8pt;
margin:0;
padding:0.4em 0 0 1em;
color: #4D4D4D;
text-align:left;
min-width:356px
}

/*for captions at bottom of articles images*/
#newscaption {
margin:0 0 0 2em;
padding-left:1.5em;
padding-right:2em;
color: #4D4D4D;
font-size:8pt;
}

div.pez {
	float:right;
	margin-bottom: 1em;
	margin-top: 0.5em;
	width:97%;
	margin-left:0;
	margin-right:0;
}

.pez p {
text-align: justify;
/*padding-right:0;*/
line-height:150%;
margin-left:1.3em;
margin-right:1.8em;
/*margin-left:0;
margin-right:0;
*/
}

.pez p img {
margin:1em 0 0.8em 0.8em; 
padding:0;
float:inherit;
border:none;
}


div.newslettertext a:link {color: #0000FF; text-decoration:none;background-color:none;}
div.newslettertext a:visited {color:#0000FF; text-decoration:none;background-color:none;}
div.newslettertext a:hover {color: #FF0000;text-decoration:none;}
/*end - for main newsletter text and behavior images and links*/


/*-----------------------------------------------------------End newsletter page attributes---------------------------------------------*/

/*images and text for rooms*/
#rooms{
float: right;
margin:0 0 1em 0;
margin-right: 0;
width:568px;
}

#rooms p {
margin:0;
}

#bathroomtext {
padding:0.5em 1em 0.5em 1em;
color: #333333;
font-size:9pt;
line-height:130%;
}

/*--------------*/

#sidemenutitle {
margin-left:0; margin-top:0em; 
border:solid 1px white; 
background-color:#999999; 
font-size:11pt; 
font-weight:normal; 
padding:2px 0 2px 0; 
text-align:center;
}

/*#sidemenutitle {
float:left;
margin:0 0 0.7em 0;
background-color: #919AAA;
border: white 1px solid;
width: 14em;
height:26px;
}

#sidemenutitle p {
margin:0;
text-align: center;
font-size:12pt;
font-style: normal;
font-weight:normal;
word-spacing:0.2em;
display:block;
padding-top:3px;
}*/


#sidemenu {
list-style-type:none;
float:left;
margin:0;
padding: 0.6em 0 0 0;
border:thin dotted black;
background-color:#FFFFFF;
width:12em;
}

#sidemenu li {
margin:0 0 0.6em 0;
padding: 0 0 0 0;
text-align:left;
}

#sidemenu a {
margin:0 0 0 5px;
padding: 5px 10px 5px 10px;

}

#sidemenu li a:hover{
background-color: #003366;
	color: #FFFFFF;
	/*border:black dotted thin;*/
}

div.sidecolumn {
float:left;
width:15em;
font-style:italic;
text-align:left;
font-size:12px;
margin:1em 0 1em 0;
padding: 1em 1em 1em 1em;
background:#FFFFFF;
border:1px dotted #000000;
}

div.sidecolumn ul {
list-style-type:none;
font-size:11px;
margin:0;
padding:0;
}

div.sidecolumn p {
margin:0 0 5px 0;
padding:0;
}

/*bedroom menu*/
#bedroom {
list-style-type:none;
margin:0;
padding:0;
/*border:thin dotted black;*/
/*width:15.3em;*/
}

#bedroom li {
margin:0 0 0.6em 1.5em;
padding: 0 0 0 0;
text-align:left;
}

#bedroom a {
margin:0;
padding: 5px 13px 5px 10px;
}

#bedroom li a:hover{
background-color: #003366;
	color: #FFFFFF;
	/*border:black dotted thin;*/
}
/*end Bedroom menu*/

#email a:link {color: #0000FF; text-decoration:none;}


#sidepitray {
margin:0;
margin-bottom: 1em;
margin-top: 1em;
padding-right:0;
padding-left:0;
float:left;
z-index:100;
clear:left;
}

#pitrayimagetext {
margin:0 0 0 0;
padding:0;
color: #4D4D4D;
font-size:8pt;
text-align:center;
}

#sidebarimages {
width:180px; 
float:left;
margin-left:0;
padding:0;
}
#sidebarimages img {float:left; margin-bottom:5px; clear:both;}

#headline {
	float:right;
	margin:0;
	border: 1px white solid;
	border-top:none;
	width: 566px;
	text-align:center;
}

#headline p {
font-size:12pt;
color: #FFFFFF;
font-weight: bold;
line-height:50%;
word-spacing: 2px;
display:block;
font-style:oblique;
}

/*Menu for Viewing days of Pyrenees trip*/
#daymenu {
	list-style-type:none;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:568px;
	text-align: center;
	background-color:#FFFFFF;
}

#daymenu li {
display: inline;
margin:0;
padding:0;
}

#daymenu a {
	margin:0;
	padding:2px 9px 2px 8px;
	font-size:9pt;
	border-left: 4px solid #ECE9D8;
}

#daymenu li a:link {color: #000099; text-decoration:none;}
#daymenu a:visited {color:#000099; text-decoration:none;}
#daymenu li a:hover{background-color: #003366; color: white;}

/*Editable Text area content*/
#maintextbody {
	float:right;
	/*padding-right:0.5em;*/ /*I removed this on 11-4-2010 because it was inhibiting the padding rules applied to the #quotebottompage elemenent.  Removal of this does not appear to affect the maintext body text layout...goood.*/
	margin-bottom: 1em;
	margin-top: 0.5em;
	width:97%;
	margin-left:0;
	margin-right:0;
}

#maintextbody p {
text-align: justify;
/*padding-right:0;*/
line-height:150%;
margin-left:1.1em;
margin-right:0.3em;
}

#francepics {
	float:right;
	/*padding-right:0.5em;*/ /*I removed this on 11-4-2010 because it was inhibiting the padding rules applied to the #quotebottompage elemenent.  Removal of this does not appear to affect the maintext body text layout...goood.*/
	margin-bottom: 0em;
	margin-top: 0em;
	width:100%;
	margin-left:0;
	margin-right:0;
	padding:0;

text-align: justify;
/*padding-right:0;*/
line-height:150%;
}
 
#eprofiles {
	float:right;
	/*padding-right:0.5em;*/ /*I removed this on 11-4-2010 because it was inhibiting the padding rules applied to the #quotebottompage elemenent.  Removal of this does not appear to affect the maintext body text layout...goood.*/
	margin-bottom: 1em;
	margin-top: 0.5em;
	width:97%;
	margin-left:0;
	margin-right:0;
}

#eprofiles p {
line-height: 150%;
}

#eprofiles img {
border:dotted 1px #000000;
}

#quotebottoompage {
padding-right:2.5em;
padding-left:1.6em;
line-height:150%;
font-size:9pt;
font-style:italic;
}

#imagetext {
margin-top:-0.60em;
padding-left:1.5em;
padding-right:2em;
color: #4D4D4D;
font-size:8pt;
}

#maintextbody img {
margin:0;
}

#maintextbody ul {
padding-left:4em;
}

#maintextbody ul li{
line-height:150%;
margin-bottom:1em;
padding: 2px;
}

#maintextbody ul li a{
padding: 2px 5px 2px 5px;
}

/*this is for the Pyrenees Stats page - controls the stats table*/
#stats {
margin-top:-1em;
margin-bottom:1em;
margin-left:0;
margin-right:0;
border:black solid 1px;
float:right;
width: auto;
font-size:9pt;
padding:0;
clear:both;
}

#stats td{
background-color:#FFFFFF;
padding: 5px 5px 5px 5px;
}

#colstats ul{
background-color:#CC0000;
margin-left:30em;
line-height:500%;
}

/*price table*/
#price {
margin-top:1em;
margin-bottom:0;
margin-left:0;
margin-right:0;
border:black solid 1px;
width:610px;
padding:0;
}

#price td{
padding: 5px 9px 5px 9px;
}

#price p{
margin:0;
padding:0;
}

/*about images*/
.image {
margin:0 0 0 0;
padding:0;
color: #4D4D4D;
font-size:8pt;
text-align:center;
}


/*Footer details*/
#footertext{
margin:0;
text-align:center;
font-size:9pt;
padding: 0 0.5em 0 0.5em;
}

#footer {
	margin-top:1em;
	width:100%;
	background-color:#FFFFFF;
	border-top:black thin dotted;
	clear:both;
}

/* controls link page attributes*/

#linkimage{
margin: 0 0 3em 3em;
}

#linktext{
margin:0 0 0 0;
}

#bottomimg{
	clear:both;
	width:850px;
	height:275px;
	margin:0;
	padding:0;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}

#bottomimg img{
	border:none;
}

#Pyreneesfav{
	clear:both;
	width:850px;
}

#Pyreneesfav img{
	border:none;
}

#Pyreneesfav p{
	margin:10px 0 0 0;
	padding:0;
	height:275px;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	}


