body  {
	font: 12px/140% Verdana,"Lucida Grande", Lucida, sans-serif;
	background-color: #f3e4d8;
	margin: 0 auto; 
	padding: 0;
	text-align: center;
	color: #000;
}
html>body	{
	background: url(images/bg.gif) repeat-x fixed;
}
* {
	outline: none;
}
#header {
	background: url(images/bg_header_alt.jpg) no-repeat;
	width: 1000px;
	height: 185px;
	margin: 10px auto 0;
	text-align: right;
}
body>#header	{
	background: url(images/bg_header.png) no-repeat;
}
/*
This is for when the Advantage logo was a separate graphic.
Use together with the original header file bg_header_orig.png
#header #headGraphic	{
	position: relative;
	margin: 15px 40px 0 0;
}
*/
a	{
	outline: none;
}
a:link, a:visited	{
	color: #0000FF;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #d6401b;
	text-decoration: underline;
}
#advantage	{
	float: right;
	margin: 25px 25px 0 0;
	height: 125px;
	width: 125px;
}
#nav	{
	position: relative;
	top: 148px;
	margin-right: 50px;
	font-size: 105%;
	height: 35px;
	color: #FFF;
	line-height: 35px;
	text-align: right;
}
#nav a:link, #nav a:visited	{
	display: inline-block;
	height: 35px;
	background-image: none;
	padding: 5px 10px 0;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a:hover, #nav a:active	{
	background-image: url(images/nav_on.png);
	background-repeat: repeat-x;
	color: #FFF;
	text-decoration: none;
}
#container { 
	width: 1000px;
	margin: 0 auto;
	background: url(images/bg_inner.gif) repeat-y;
	text-align: left;
	padding: 0;
}
#table	{
	margin: 0 0 0 242px;
	background-color: #f1d3b3;
	clear: both;
	
}
#left	{
	width: 260px;
	background-color: #f1d3b3;
	padding: 0;
	margin: 1px 0 0 25px;
}
a:link.leftLink, a:visited.leftLink	{
	display: block;
	width: 242px;
	height: 105px;
	background: url(images/box_left_bg_off.gif) repeat-y;
	text-decoration: none;
}
a:hover.leftLink, a:active.leftLink	{
	display: block;
	width: 242px;
	height: 105px;
	background: url(images/box_left_bg_on.gif) repeat-y;
	text-decoration: none;
}
#center	{
	background-color: #f1d3b3;
	padding: 0 0 25px 0;
}
h1 {
	padding: 10px;
	font-size: 200%;
	line-height: 1.1em;
	width: 475px;
}
.TabbedPanelsContent p	{
	margin: 10px 0 10px 0;
}
#right	{
	width: 201px;
	height: 750px;
	background-color: #f9ebdc;
	margin: 10px 0 10px 25px;
	padding: 10px 0 10px 1px;
}
#right p 	{
	padding: 5px 5px 5px 15px;
	margin: 5px;
}
td#right h3	{
	margin: 15px 5px 0;
	padding-left: 5px
}
td#right h4, td#right h5	{
	margin: 5px 10px;
	padding-left: 5px;
}
td#right h5	{
	color: #696969;
}

/* 
The height class forces the footer down to below the far left column 
If more tabs are added at the left, this may need to be increased from style.css 
If more height is needed for an individual page then place the following into a particular page header and change the number: 

<style type="text/css">
#right .height	{
	height: 800px;
}
</style>
*/

#right .height	{
	width: 1px;
	height: 700px;
	float: left;
}
#right h3	{
	color: #704100;
	font-size: 120%;
	border-bottom: 1px solid #999;
	width: 185px;
	margin-bottom: 5px;
}
#right h4	{
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#right h5	{
	font-size: 105%;
	color: #999;
	margin: 0 0 5px;
	padding: 0;
}
#footer { 
	clear: both;
	background: url(images/foot.gif);
	width: 1000px;
	height: 40px;
	margin: -15px auto 0;
	text-align: center;
	line-height: 35px;
} 
#footer a:link, #footer a:visited	{
	color: #FFF;
	font-size: 105%;
	text-decoration: none;
	padding: 0 10px;
}
#footer a:hover, #footer a:active	{
	color: #FFF;
	text-decoration: underline;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* Loads certain graphics on page load - useful for preloading graphics that are called for only on ROLLOVER */
.preload	{
position: absolute;
top: -1000px;
height: 1px;
width: 1px;
overflow: hidden;
}
/* This keeps everything on the same line - ideal for phone numbers among other things */
.nobr {
white-space: nowrap;
}
/* This is to avoid something that Firefox does to links */
a:active, a:focus {
	outline: 0;
}
/* The following PROVENCE settings can be used as a template for text overlaying an image in the center column. It's a Provence promotional graphic where you can edit the text which will appear over top of the graphic stating the next tour date. */
#center #provence	{
	background: url(images/paintbrush_holidays_provence_france.jpg) no-repeat;
	width: 500px;
	height: 291px;
	margin-left: -10px;
}
#center #provence .title	{
	color: #333;
	font-size: 155%;
	width: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 235px;
	left: 300px;
}
#center #provence .subTitle	{
	color: #b60019;
	font-size: 135%;
	width: 200px;
	margin: 0;
	padding: 0;
	position: relative;
	top: 235px;
	left: 300px;
}
.tourCalTitle	{
	font-weight: bold;
	color: #540004;
}
.tourCalDescription{
	font-size: 100%;
}
.tourCalDescriptionBottom{
	border-bottom: 1px solid silver;
}
.smallLink{
	font-size: 90%;
}
largeFont1{
font: 14px/140%;
}
table#calendar {
	margin-bottom: 25px;
}
table#calendar tr.striped {
	background-color: #f7ddc2;
}
table#calendar tr td, table#calendar tr.striped td	{
	padding: 2px;
}
.calendarYear	{
	font-weight: bold;
	font-variant: small-caps;
}

div#slides {
   position: relative;
   display: block;
   width: 485px;
   height: 200px;
   overflow: hidden; 
}
div#slides br { 
   display: none;
}