* {
    padding: 0;
    margin: 0;
} 

body {
background: #f6f6f6;
font-size: 12px;
font-family: "Trebuchet MS" Verdana, Arial, sans-serif;
color: #333333;
line-height: 24px;
}

a {
text-decoration: none;
color: #0171AF;
}
a:hover {
text-decoration: underline;
color: #111;
}

#show { 
	width: 754px;
	height: 203px;
	margin-bottom: 5px;
	border: 3px solid #ccc;
}

#wrap {
width: 800px;
margin: 40px auto;
}

#header {
position: relative;
height: 100px;
background: #eee url(../SouthOfFrance/images/header.gif) no-repeat;
}
a img {
	border: 0;
}
#header img{
	margin-left:20px;
	margin-top: 20px;
}

#lanLink {
	position: absolute;
	right: 50px;
	top:20px;
	text-align: center;
	line-height: 10px;
}
#lanLink img{
	margin: 0;
}
#header h1 {
font-size: 34px;
font-weight: 100;
letter-spacing: -3px;
padding: 30px 0 0 30px;
}
#header h1 a {
text-decoration: none;
color: #EC8714;
color: #0171AF;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #89A537;
font-size: 20px;
font-weight: 100;
padding: 0 0 0 31px;
}
#otherLink {
	position: absolute;
	right: 20px;
	top:95px;
	text-align: center;
	line-height: 10px;
}
#otherLink img{
	margin: 0;
}
#menu {
	padding-top: 20px;
	height: 10px;
	line-height: 10px;
	background: url(../SouthOfFrance/images/content.gif) repeat-y;
}
#menu ul {
	padding-left: 30px;
	list-style-type: none;
}
#menu ul li {
	display: block;
	float: left;
	padding-right: 20px;
}

#content ul {
	border: 0;
	margin: 10px;
}

#content {
background: #eee url(../SouthOfFrance/images/content.gif) repeat-y;
padding: 20px;
line-height: 20px;
}
#content p{
	padding-top: 10px;
}
#content img{
	padding-bottom: 10px;
}

.main {
border-top: 1px solid #aaa;
background: #eee;
padding: 10px;
max-width:750px;
}


    
   
.main2 {
border-top: 1px solid #aaa;
background: #eee;
padding: 10px;

}
.main h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
color: #0171AF;
}
.main h2 a {
text-decoration: none;
}
.left h2 a:hover {
color: #111;
}

#bottom {
background: #eee url(../SouthOfFrance/images/bottom.gif) no-repeat;
padding: 10px 0;
}

#footer {
font-size: 11px;
color: #999;
text-align: center;
}

div#tipDiv {
	    color:#000; font-size:11px; line-height:1.2;
	    background-color:#E1E5F1; border:1px solid #667295; 
	    width:auto; padding:4px;
	}
	
/*-------------------------------
3.a Form styles
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 0;
	color: #000;
	padding: 3px;
}
input.text { width: 230px }
select.select { width: 236px }
textarea.textarea { width: 300px; height: 150px }

button.button {
	color: #000;
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

/*-------------------------------
3.a Form styles
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 2px;
	color: #000;
	padding: 3px;
}
input.text { width: 230px }
select.select { width: 236px }
textarea.textarea { width: 300px; height: 150px }

button.button {
	color: #000;
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

/* General forms */
form.form { /* nothing here */ }

	form.form ol.fieldset {	list-style: none }
	
		form.form ol.fieldset li.field { margin: 1em 0; padding: 0 0 0px 90px; position: relative }
		
			form.form ol.fieldset li.field label { display: block; width: 80px; text-align: right; position: absolute; top: 2px; left: 0 }
			
	form.form p.submit { margin-left: 90px }
	
		form.form p.submit input { padding: 3px 7px }


/* Search forms where button and text input are next to each other  */
form.search { /* nothing here */ }

	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}

		
/*-------------------------------
3.b Individual forms
-------------------------------*/