/* Basic Style Sheet for Gites Fa */ 

body 
     { font-family: Helvetica, Garamond, Arial, serif;
       font-size: 16px;
       background-color:#FFCC33;
       color:#0099CC;
     }
  
h1.keyword 	{ 
	font-size: 12px;
	text-align: center; 
	} 
   

p    {
	text-align: justify;
     }
	 
p.center {
	text-align: center;
	}
		
p.right {
	text-align: right;
	}
		

p.alignCenter 	{ 
	text-align: center;
	} 

	
div.enterCenter {
	position: absolute; 
	top: 1%; 
	left: 20%; 
	width: 65%;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
	}
	
div.lhs { 
	position: absolute; 
	top: 100px; 
	left: 0px; 
	width: 230px; 
	}
	
div.rhs { 
	position: absolute; 
	top:100px; 
	left: 760px; 
	width: 140px;
	}
	
div.top { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 900px; 
	height: 100px;
	}
	
div.keywordDiv { 
	position: absolute; 
	top: 110px; 
	left: 235px; 
	height: 5px; 
	}

div.centreMiddle { 
	position: absolute; 
	top: 120px; 
	left: 235px; 
	width: 520; 
	}
	
div.centreBottom { 
	position: absolute; 
	top: 80%; 
	left: 10%; 
	width: 80%; 
	height: 20%; 
	z-index: 2;	
	} 

div.background { 
	position: absolute; 
	top: 180px; 
	left: 200px;
	z-index: 1;
	text-align: right;
	} 


table
     {
       border-spacing: 0;
       border-collapse: collapse;
	   background-color: #ffff66;
     }
     
table.outerTable
     {
       padding: 5px;
     }
	 
table.clear
	{       
		background-color: #FFCC33;
		width: 918px;
	}

table.gallery
     {
       width: 80%;
       border-spacing: 1px;
       border: 3px ridge #FFCC33; 
       text-align: center;
	   padding: 5px;
     }
     
tr.alternateLine
     {
     	background-color: #FFFF99;
     }
          
td
     {
       padding: 0px;
     }

td.centre
     {
       text-align: center;
     }

td.middle
     {
       text-align: middle;
     }

td.right
     {
       text-align: right;
     }

td.left
     {
       text-align: left;
     }

td.width150px
	{
		width: 150px;
	}
td.width175px
	{
		width: 175px;
	}

td.width210px
	{
		width: 210px;
	}
	
td.width520px
	{
		width: 520px;
	}
	
td.width680px
	{
		width: 680px;
	}
td.width690px
	{
		width: 690px;
	}
td.width700px
	{
		width: 700px;
	}
td.width750px
	{
		width: 750px;
	}
	
td.width900px
	{
		width: 900px;
	}

td.just
     {
       text-align: justify;
       vertical-align: top;
       padding-right: 10px;
       padding-left: 10px;
       padding-top: 10px;
       width: 40%;
     }

td.top
     {
       vertical-align: top;
     }

td.menuCell
     {
	   width: 150px;
	   height: 70px;
     }
     
td.smallCol
     {
     	width: 15%;
     	vertical-align: top;
     	border: 1px groove #660099;
     }

td.padding
     {
     	padding-right: 10px;
     }

td.medColLine
     {
     	width: 50%;
     	vertical-align: top;
     	text-align: justify;
     	padding: 5px;
     	border: 1px groove #660099;
     }

td.medCol
     {
     	width: 50%;
     	vertical-align: top;
     	text-align: justify;
     	padding: 10px;
     }

td.medColBig
     {
     	width: 100%;
     	vertical-align: top;
     	text-align: justify;
     	padding: 10px;
     }
     
td.medColLeft
     {
     	width: 50%;
     	vertical-align: top;
     	text-align: left;
     	padding: 10px;
     }
     
td.medColRight
     {
     	width: 50%;
     	vertical-align: top;
     	text-align: right;
     	padding: 10px;
     }

td.col33
     {
     	width: 33%;
     	vertical-align: top;
     }
     
td.rowTitle
     {
     	width: 25%;
     	vertical-align: top;
     	text-align: left;
     }

td.rowField
     {
     	width: 75%;
     	vertical-align: top;
     	text-align: left;
     }

img.singleHeight
     {
       border-width: 0;
       height: 160px;
       width: 160px;
	   padding-top: 5px;
     }

img.doubleHeight
     {
       border-width: 0;
       height: 320px;
       width: 160px;
     }
img.carcassonne
     {
       border-width: 0;
       height: 100px;
       width: 700px;
	   padding: 5px;
     }
	 
img.emailButPic
     {
       border-width: 0;
       height: 30px;
       width: 90px;
     }
	 
img.singerPic
     {
       float: left;
       border-width: 0;
       height: 83px;
       width: 70px;
     }
 
     
img.rhsPic
     {
       float: right;
       border-width: 0;
       height: 600px;
       width: 138px;
     }
     
img.addressPic
     {
       float: left;
       border-width: 0;
       height: 80px;
       width: 130px;
     }

img.headerPic
     {
       border-width: 0;
       height: 100px;
       width: 185px;
     }

img.gitePic
     {
       border-width: 0;
       height: 233px;
       width: 504px;
     }

img.cdsPic
     {
       border-width: 0;
       height: 80px;
       width: 64px;
     }
     
img.topBanner
     {
       border-width: 0;
       height: 100px;
       width: 900px;
	   padding: 10px;
     }

img.pumpkins
     {
	   float: right;
       border-width: 0;
       height: 150px;
       width: 200px;
	   padding-top:10px;
	   padding-left:8px;
     }

img.pool
     {
	   float: left;
       border-width: 0;
       height: 150px;
       width: 200px;
	   padding-right:8px;
     }
img.pool2
     {
	   float: right;
       border-width: 0;
       height: 143px;
       width: 256px;
	   padding-left:8px;
     }

img.langButImg
     {
		border-width: 0;
		height: 20px;
		width: 30px;
		padding-left: 5px;
	}


img.butPic
     {
	   border-width: 0;
       height:67px;
       width: 140px;
     }

img.salon3Thumb
     {
	   border-width: 0;
       height:75px;
       width: 100px;
	   padding: 5px;
     }
img.faSummerThumb
     {
	   border-width: 0;
       height:75px;
       width: 113px;
	   padding: 5px;
     }
img.planThumb
     {
	   border-width: 0;
       height:75px;
       width: 113px;
	   padding: 5px;
     }

img.skiing
     {
	   border-width: 0;
       height:150px;
       width: 200px;
	   padding: 5px;
	   float: right;
     }
	 
img.cuis1Thumb
     {
	   border-width: 0;
       height:75px;
       width: 56px;
	   padding: 5px;
     }
img.chb2Thumb
     {
	   border-width: 0;
       height:75px;
       width: 56px;
	   padding: 5px;
     }
	 
img.salon5Thumb
     {
	   border-width: 0;
       height:75px;
       width: 56px;
	   padding: 5px;
     }

img.capital_l
     {
	   border-width: 0;
       height:40px;
       width: 30px;
	   float: left;
     }
img.capital_e
     {
	   border-width: 0;
       height:41px;
       width: 35px;
	   float: left;
     }

img.capital_d
     {
	   border-width: 0;
       height:41px;
       width: 37px;
	   float: left;
     }
img.capital_b
     {
	   border-width: 0;
       height:41px;
       width: 30px;
	   float: left;
     }
img.capital_v
     {
	   border-width: 0;
       height:41px;
       width: 31px;
	   float: left;
     }
     
img.capital_a
     {
	   border-width: 0;
       height:41px;
       width: 31px;
	   float: left;
     }
     
img.capital_w
     {
	   border-width: 0;
       height:43px;
       width: 58px;
	   float: left;
     }
img.capital_c
     {
	   border-width: 0;
       height:41px;
       width: 37px;
	   float: left;
     }

img.capital_t
     {
	   border-width: 0;
       height:44px;
       width: 37px;
	   float: left;
     }
	 
img.capital_p
     {
	   border-width: 0;
       height:43px;
       width: 39px;
	   float: left;
     }
	 
img.capital_s
     {
	   border-width: 0;
       height:42px;
       width: 37px;
	   float: left;
     }
img.capital_f
     {
	   border-width: 0;
       height:41px;
       width: 39px;
	   float: left;
     }
img.capital_I
     {
	   border-width: 0;
       height:38px;
       width: 24px;
	   float: left;
     }
img.capital_k
     {
	   border-width: 0;
       height:40px;
       width: 34px;
	   float: left;
     }

img.capital_r
     {
	   border-width: 0;
       height:41px;
       width: 32px;
	   float: left;
     }

img.signature
     {
	   border-width: 0;
       height:73px;
       width: 146px;
     }

img.faView
     {
       border-width: 0;
       height: 150px;
       width: 200px;
     }
img.daliFace
     {
 	   float: left;
      border-width: 0;
       height: 135px;
       width: 102px;
	   padding-right: 5px;
     }
img.castleBody
     {
 	   float: right;
      border-width: 0;
       height: 300px;
       width: 225px;
	   padding-left: 5px;
     }
img.carWalls
     {
      border-width: 0;
       height: 300px;
       width: 400px;
	   padding: 5px;
     }
img.boats
     {
 	   float: right;
      border-width: 0;
       height: 200px;
       width: 128px;
	   padding-left: 5px;
     }
img.forest
     {
	   float: right;
       border-width: 0;
       height: 150px;
       width: 200px;
	   padding-left: 5px;
     }
img.fungus
     {
	   float: left;
       border-width: 0;
       height: 113px;
       width: 150px;
	   padding-right: 5px;
     }

img.ridingOut
     {
       border-width: 0;
       height: 188px;
       width: 250px;
	   padding: 5px;
     }
img.river1Thumb
     {
       border-width: 0;
       height: 150px;
       width: 100px;
	   padding: 5px;
     }
img.river2Thumb
     {
       border-width: 0;
       height: 100px;
       width: 150px;
	   padding: 5px;
     }
img.raftingThumb
     {
       border-width: 0;
       height: 200px;
       width: 100px;
	   padding: 5px;
     }
img.acroBridge
     {
       border-width: 0;
       height: 150px;
       width: 200px;
	   padding: 5px;
     }

span.inverse
     {
       color: white;
     }

span.bold
     {
       font-weight: bold;
     }

span.center
     {
       align: center;
     }
     
span.left
     {
       align: left;
     }
     
span.empName
     { 
     	font-weight: bold;
     }

span.empNameRight
     { 
     	font-weight: bold;
     	align: right;
     }

span.smallPrint
     {
       font-size: 0.8em;
     }
     
span.small
     {
       font-size: 12px;
     }


span.smaller
     {
       font-size: 0.8em;
     }

span.smallest
     {
       font-size: 10px;
     }
span.quote
     {
	   font-style:italic;
     }
	 	 
a
     {
       text-decoration: none;
     }
              
a:link
     {
       color: #660099;
       background: transparent;
     }
          
a:visited
     {
       color: #C1A3E0;
       background: transparent;
     }

a.inlineRef:visited
     {
       color: #9933FF;
       text-decoration: underline;
     }
     
a:hover
     {
       color: red;
       background: transparent;
     }
     
a:active
     {
       color: #660099;
       background: transparent;
     }
     
#contactpanel	{
	margin: 0 3% 36px 3%;
	width: 23%;
	background: #ececec url('../images/conTL.gif') top left no-repeat;	
	}
	
#contactpanel h3	{
	font-size: 1.5em;
	line-height: 1;
	text-align: center;
	padding-top: 1em;
	background: transparent url('../images/contact-top-right.gif') top right no-repeat;
	}
	
#contactpanel p	{
	padding-left: 15px;
	}
	
#contactpanel p.end	{
	padding: 0;
	text-align: center;
	margin-bottom: 0;
	background: transparent url('../images/contact-bot-left.gif') bottom left no-repeat;
	padding-bottom: 1px;
	}
	
#contactpanel a:link,
#contactpanel a:visited,
#contactpanel a:hover,
#contactpanel a:active	{
	padding: 0;
	margin: 0;
	}
	
#contactpanel img	{
	border: 0px solid;
	}

#contactpanel p.end span	{
	background: transparent url('../images/contact-bot-right.gif') bottom right no-repeat;
	back ground-color:#993366;
	display: block;
	width: 100%;
	height: 100%;
	padding-bottom: 1.5em;
	}
	
#contactpanelinner	{
	background: transparent url('../images/contact-right.gif') top right repeat-y;
	}