html, body {margin: 0; padding: 0; border: 0;}
body {
	background-color: #f0ecf3;
	font: 12px/1.6em "Gill Sans", "Lucida Grande","Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	color: #333;
	margin-top: 0;
	padding: 0;
}

.clear { 
	clear: both; 
}

.wide {
    background: white;  /* header and footer colours */
    width: 100%;
	position: relative;
    text-align: center;
}

.top {	
	height: 200px;
	position: relative;
	background-color: #e5c562;
}

.bottom {
	border-top: 1px solid white; 
}

.ap-test {
    position: absolute;
    top: -102px;
    font-size: .6em;
    width: 150px;
    height: 1px;
    background: white;
    color: yellow;
}

.ap-left {left: 0;}

.ap-right {right: 0;}


/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/

/********************************************************************************
To adjust the side col widths, or the vertical col dividers, a certain set of values must be changed
all at the same time and by exact amounts or problems will result. Each of these group's member values
have been marked off with comments that start with "Critical...". For example, if the left col width needs
to be changed then all the values marked "Critical left col dimension value" MUST have their pixel values
altered by the same amount. Certain of these left col width values are marked "(moves inversly)", and
these get changed by the same pixel amount but inversly to the other values. So if margin-left on .outer
is increased by 10px, then the width of .outer must decrease by 10px, and so on.

To change the width of the entire layout, .wrapper, .outer, .float-wrap, and .center all get changed together,
and only after that is it safe to change col or divider widths. Remember, even one small mistake will degrade or
even break the layout, so be very careful! it's possible to "loosen" the layout so small errors aren't so messy,
but then it becomes hard to finely control text spacing.

For spacing within the cols, it's best to apply margins on content elements inserted into the cols,
because padding directly on those col elements will change their widths, breaking the layout.

Certain hiding hacks have been used extensively in this layout, so here is a quick explaination of them.

The Tan hack:

* html .anyelement {rules read only by IE/Win and IE/Mac}

The Mac-hack:  (first the active comment you are reading now must be closed...) */

/* \*/

/* */

/*...Back in comment mode now. Anything between those two comment lines will be hidden from
IE/Mac. Don't use any comments within this hack or it will close prematurely and IE/Mac will begin
reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win. Proper use of backslash escape
characters inside property names used in the Holly hack can further segregate rules to be read by only
IE6 from rules for IE5.x/Win.

These hiding hacks, along with several other fixes, make possible this formerly impossible layout.
It is highly unlikely that new browsers will have any problem with these valid hiding hacks, and
Microsoft does not plan any browser changes soon that would alter the proper operation of the layout.
********************************************************************************/


.wrapper {
    margin: 0 auto;
	padding-top: 0;
    width: 1000px;
	position: relative;
	z-index: 1;
    text-align: left;
    background: white;
    border-left: 1px solid #c0bac0;
	border-right: 1px solid #c0bac0;
}

.outer {
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/ 
	margin-left: 230px;    /*** Critical left col dimension value ***/
    width: 580px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
    background: white;  /*** Sets background of center col***/
    border-left: 1px solid white;   /*** Critical left divider dimension value ***/
    border-right: 1px solid white;   /*** Critical right divider dimension value ***/
	z-index: 1;
}


.float-wrap {
    float: left;
	position: relative;
	z-index: 1;
    width: 568px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-right: -1px;   /*** Static fix ***/
}

.center {
    float: right;
	background: white;
	position: relative;
	z-index: 1;
    width: 568px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
    margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
}

.two_column_right {
	width: 700px;
	position: relative;
	z-index: 1;
	float: right;
}

.left {
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 232px;    /*** Critical left col/divider dimension value ***/
    margin-left: -231px;    /*** Critical left col/divider dimension value ***/
	z-index: 1;
	background: white;
}

.container-left {
    width: 230px;    /*** Critical left col dimension value ***/
    padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.right {
    float: left;
    position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
    width: 232px;    /*** Critical right col/divider dimension value ***/
    margin-right: -230px;    /*** Critical right col/divider dimension value ***/
    margin-left: -1px;   /*** Static fix ***/
	z-index: 1;
}



/*** These commented-out rules below are there to explain the "Critical" info
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/


.container-right {
	width: 200px;
	position: relative;
	background; yellow;
	height: 500px;
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.container-right img{
	margin: 0 0 -6px 0; 
	padding: 0;
}

/* \*/
* html .container-right {
	fl\oat: right;
	margin-left: 2px;
	mar\gin-left: 0px;
}


.italics-test, .italics-test-side {
	font-style: italic;
	text-align: justify;
	background: #ccd;
	border: 1px solid white;
}



/***
	END OF THREE COLUMN LAYOUT
***/


#logo_left {
	width: 163px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

blockquote{
	width: 400px;
	margin: 0 auto;
	font-size: 1.1em;
	font-style: italic;
	text-align: right; 
	color: #00327c;
}

#shadow {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	height: auto;
	background: url(../images/shadow.jpg);
}

img	{
	border: 0;
}

h1 {
/*	background: url(../images/banner.jpg) no-repeat; */
	width:1000px;
	height: 165px;
    overflow: hidden;
    margin: 0;
}

h1 span {
    display: none;
}

h2, h3, h4, h5, h6 {
	font-family: "Gill Sans", "Lucida Grande","Lucida Sans Unicode", Verdana, Geneva, sans-serif;
	font-weight: normal;
}

h2 {
	color: #b93300;
	font-size: 2em;
	margin-top: 0;
	padding-top: 15px;
	text-align: center;
}

h3{
	color: #b93300; 
	font-size: 1.7em;
	margin: 0; 
	text-align: center; 
	line-height: 1.4em;
}

h4 {
	color: #00327c;
	margin: 0; 
	font-size: 1.3em;
	line-height: 1.4em;
}

h5 {
	color: #92ae61;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0; 
}

h6 {
	color: #b93300;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0; 
}

#content{
	position: relative;
	z-index: 6;
	background: white;
	padding: 10px 30px 30px 30px;
}

#content_single_column{
	margin: 0;
	background: white;
	width: 749px;
}

p {
	text-align: justify
}

a:link {
	color: #333;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration: underline;
	cursor: pointer;
}
/*
.smallprint {
	font-size: 0.8em;
}

*/
.list, .list a {
	text-decoration: none;
	font-size: 1em;
	padding: 6px 0px;
	color: #181756;
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* MENU BAR STYLES 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/


#MenuBar {
	position: relative;
	padding-left: 30px; 
	background-color: #e5c562;
	color: #b93300;
	height: 30px;
	z-index: 100;
}




/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* LEFT COLUMN 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

#left_column {
	width:230px;
    background: #white;
	top:90px;
	float:left;
}

.centered_images{
	width: 150px;
	margin: 0 auto;
}

.sublist li{
	list-style: none;
	margin-left: -20px;
	font-size: 0.6em;
}

.roundedBox h3{
	font-size: 1.4em;
	color: #AA87C3;
}

.roundedBox h4{
	color: #38015F;
}

.roundedBox h5{
	color: #6B08AA;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* RIGHT COLUMN 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

#right_column {
	display: block; 
	width:200px;
    background: white;
	top:90px;
	float: left;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* ROUNDED BOX
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

.roundedBox{
	width: 200px;   
	top: 30px;
	left: 15px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	color: black; 
	height: auto;
	padding: 20px;
	float: left;
 }

.roundedBoxWide{
	width: 510px;   
	top: 10px;
	margin: 0 auto;
	height: auto;
	padding: 20px;
	float: left;
 }


/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* FRONT PAGE STYLES 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

img.centered {
	background-color: white;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#disclaimer{
	text-align: center;
	color: #b93300;
	font-size: 1em;
}
#registered_address{
	text-align: center;
	font-size: 0.9em;
}

#credits {
	text-align: center;
	font-size: 0.8em;	
}

.centre_photo{
	width: 400px; 
	height: 200px; 
	display: block; 
	margin: 10px auto;
}
.centre_photo #img-1, .centre_photo #img-2, .centre_photo #img-3, .centre_photo #img-4{
	width: 100%; 
	display: block; 
	margin: 0 auto;
}

.centre_photo #img-1 img, .centre_photo #img-2 img, .centre_photo #img-3 img, .centre_photo #img-4 img{
	width: auto; 
	height: auto; 
	display: block; 
	margin: 0 auto;
}

.left_photo{
	width: 300px; 
	height: 200px; 
	display: block; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}
.left_photo #img-1, .left_photo #img-2, .left_photo #img-3, .left_photo #img-4{
	width: 100%; 
	display: block; 
}

.left_photo #img-1 img, .left_photo #img-2 img, .left_photo #img-3 img, .left_photo #img-4 img{
	width: auto; 
	height: auto; 
	display: block; 
}



/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* GUIDED TRIPS/APARTMENTS PAGE
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

.trip_line {
	height: auto;
	clear: both;	
}

.it {
	width: 20px;
	height: 25px;
	margin-top: 5px;
	background: url(../images/flag_it.gif) no-repeat;
	float: left;
}

.en{
	width: 20px;
	height: 25px;
	margin-top: 5px;
	background: url(../images/flag_en.gif) no-repeat;
	float: left;
}

.trip_link, .trip_link a{
	margin-top: 0;
	padding: 0px 0px 5px 0px;
	vertcal-align: top;
	text-decoration: none;
}


table#trips {
	width: auto;
	margin: 0 auto;
	padding: 5px;
	background-color: white;
	border: solid 1px gray;
	font-weight: normal;
}

table#trips td{
	padding: 5px 10px 5px 10px;
	font-size: 1.1em;
}

.odd{
	background-color: white;
}

.even{
	background-color: #feeebf;
}

#news {
	margin-top: 20px;
	width: 600px;
	padding-right: 100px; 
	background-color: white;
	font-size: 1.1em;
	float: right;	
}

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

#header {
	width: auto;
	height: auto;
}

#trip_header {
	width: 569px; 
	height: 170px;
}

#trip_header_left{
	width: auto;
	height: auto;
	float: left;
}

#trip_header_left img{
	margin-left: 20px;
}

.trip_header_right {
	padding-top: 20px;
}

#header_menu, #footer_menu {
	width: 570px;
	font-size: 1.2em;
	height: auto;
	padding: 10px 0px;
	margin-bottom: 10px;
}

#header_menu {
	background: #eee;
}

#footer_menu {
	background: #fff;
}


#header_menu .menu_item,  #footer_menu .menu_item{
	width: auto;
	padding-left: 15px;
	float: left;
}

#header_menu .menu_item a,  #footer_menu .menu_item a{
	text-decoration: none;
	color: #b93300;
	border-left: solid 1px #b93300;
	padding-left: 10px;
}

#apartments_right_table {
	width: 180px;
	float: right;
}

#apartments_table {
	font-size: 1.1em;
	font-style: italic;
}

#book_now {
	width: 50px;
	display: block;
	margin 0 auto;
}

.strong, .bold {
	font-style: normal;
	font-weight: bold;
}

.strong {
	line-height: 1em;
}

.links ul{
	list-style: none; 
}

.links li{
	margin-left: -30px; 
}

.links a{
	color: #b93300; 
}

.links a:hover{
	color: gray;
}

.links a:visited{
	color: #b93300; 
}


.walking_times {
	font-style: italic;
}


/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* TRIP DATES INSERT 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

.trip_dates, .trip_dates a{
/*	color: #00428c; */
	color: #5A2B7E
}

.trip_date_year {
	display: block;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-top: 7px;
}

.trip_date_price {
	font-size: 1.1em;
/*	font-weight: bold; */
}

.trip_date {
	font-size: 1.1em;
}

.available, .not_available{
	font-style: italic;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* PRICES AND DATES TABLE 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

#booking{
	width: 700px;
	margin: 0 auto;
	background-color: white;
	font-size: 1.1em;
	padding: 0px 30px 30px 30px;
}

#booking table, .middle_column table, .days_out table{
	margin-top: 10px;
	border: thin dotted #db9444;
	padding: 20px;
}

.middle_column table {
	width: auto;
	margin: 0 auto;
}

.trip_title{
	font-size: 18px;
	color: #b93300;
	padding-bottom: 30px;
}

th {
	color: #b93300;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 80px;
}
td.label {
	width: 250px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

td.label_maroon {
	width: 150px;
	font-size: 12px;
	font-weight: bold;
	color: #b93300;
}

td.excursion_name{
	width: 350px;
	font-size: 12px;
	text-align: left;
	color: #b93300;
}


td.text {
	width: 400px;
	font-size: 13px;
	padding-left: 20px;
}

td.header {
	width: 100px;
	font-weight: bold;
}

.notice {
	font-size: 13px;
	font-weight:bold;
}

.info {
	font-size: 15px;
}

.warning {
	font-size: 15px;
	font-weight:bold;
	color: black;
}

.notice_heading {
	font-size: 14px;
	font-weight:bold;
	font-style: italic;
	color: #b93300;
}

.notice_text {
	font-size: 12px;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* DAYS OUT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/
/*
.days_out table{
	width: 400px;
	padding: 20px;
	border: thin dotted olive;
	display: block;  
	margin-left: auto;
	margin-right: auto;
}

.days_out table th{
	color: green;
}
*/
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* CONTACT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

#mail {
	width:90%;
	margin-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
}

#mail table{
	width: auto;
	padding: 20px; 
	margin-left: auto;
	margin-right: auto;
}

#mail table td.mail_label{
	width:100px;
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
	color: #b93300;
}

#mail table td.field{
	padding: 3px;
	width:400px;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* APARTMENT AVAILABILITY
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/
/*
#availability_calendars{
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}*/

.booking_conditions {
	color: #b93300;
	list-style: disc;	
}

.apartment_calendar{
	width: 100%;
	background-color: white;
	display: block;
	float:left;
}

.calendar_container {
	width: 180px;
	height: 190px;	
	margin-left: 8px;
	margin-bottom: 10px;
	padding: 5px;
	display: block;
	float: left;
}

table.month {
	border: 1px solid gray;
	display: inline-table; 
}

.months {
	background-color: red; 
	margin: 40px 10px 40px 10px; 
	padding: 5px;	
}

.month_name{
	font-size: 14px;
/*	font-weight: bold;*/
	color: #b93300;
}

.day_name{
	width: 20px;
}

.empty {
	border: 1px solid gray; 
	background-color: #ffffff;
}
	
.day_available {
	border: 1px solid gray;
	width: 20px;
	height: 20px; 
	color: black;
	font-weight: bold;
	font-size: 10px;
	background-color: #009900;
}

.day_not_available {
	border: 1px solid gray;
	width: 20px;
	height: 20px;
	color: black;
	font-weight: bold;
	font-size: 10px;
	background-color: #e43508;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* TOURMAPS
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

#maps_left_column {
	width: 200px; 
	float: left; 
}
#maps_main_content{
	margin-left:220px;
}

#trip1, #trip2, #trip3, #trip4, #trip5, #trip6, #trip7 {
	width: 210px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.9em;
	text-align: justify; 
	display: none;	
}
#map {
	width: 600px; 
	height: 500px; 
	margin-top:10px;
}

.map_instr {
	list-style: none;
	font-size: 1.2em;
}

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
* PHOTO GALLERY
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

#all_photos {
	width: 100%;
	height: 1000px;
	min-height: 1000px;
	background-color: #e1eef5;
}

.photo_galery_trip_heading {
	width: 200px; 
	float: left; 
	margin-top: 30px; 
	line-height: 3em;
}

.photo_galery_trip_heading .back a{
	margin-left: 40px;
}


.back {
	padding-top: 20px;
	width: 200px;
	float: right;
}

.back a{
	text-decoration: none;
	color: #b93300;
}