/* CSS Document */

body{
margin:0;
padding:0;
background-color: #FFFFFF;
background-repeat: repeat-x;
}
b{
	color: #792227;
	font-family: Times, Times New Roman, serif;
	font-weight: bold;
}
i{
	font-family: Times, Times New Roman, serif;
	font-style:italic;
	font-size:9pt;
}
table{
paddin: 0px;
margin: 0px;
border:0px;
}
tr{
padding:0px;
margin:0px;
border:0px;
}
td{
padding:0px;
margin:0px;
border:0px;
}

p{
font-size:10pt;
font-family: Arial, Helvetica, sans-serif;
}
.error{
	font-size:12pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF0000;
}
p.Title{
font-size:12pt;
color: #792227;
font-family: Times, Times New Roman, serif;
font-weight: bold;
}

h1 {
font-size:12pt;
color: #792227;
font-family: Times, Times New Roman, serif;
font-weight: bold;
}
#footer { text-align:center;font-size:9px;text-align:center;margin:10px 0px 10px 0px;}
#footer ul { margin:0px;padding:0px;margin-bottom:5px;}
#footer li { list-style:none;display:inline;padding-right:10px;border-right:#B29B56 solid 1px;margin-right:10px;}
#footer a {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#B29B56;
}
#footer .boiler { font-size:10px;}

p.TourSub1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #333333;
}
span.Closing{
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
}
span.TourName{
font-size: 12pt;
font-family: Times, Times New Roman, serif;
color: #792227;
font-weight:bold;
}
span.SubInfo{
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
color: #792227;
font-weight:bold;
display:block;padding-top:5px;
}
span.SubInfoK{
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
}

span.From{
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:normal;
	font-style: italic;
}

a.Terms{
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}
a.Terms:hover{
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
color: #AAAAAA;
}
a.Info{
height:24px;
width:184px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/itinerary.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
a.Info:hover{
background-position:0 -24;
}

li{
font-size:10pt;
font-family: Arial, Helvetica, sans-serif;
}

#logout{
	font-size:11pt;
	color: #792227;
	font-family: Times, Times New Roman, serif;
	font-weight: bold;
	text-decoration:none;
}
#logout:hover{
	font-size:11pt;
	color: #792227;
	font-family: Times, Times New Roman, serif;
	font-weight: bold;
	text-decoration:underline;
}





#login{
	height:25px;
	width:120px;
	text-indent: 10000px;
	overflow: hidden;
	background-image:url(../images/login.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	display:block;
	border:0;
	

}
#login:hover{
	background-position:0 -25;
}
.spacing{
	height:35px;
}

/*-- Class Styles ----------*/
/*this section contains all the classified styles to be used with id tag.
items:
MasterTable  ---- Whole BG table
MasterTableLeft  ---- Left edge BG Table
MasterTableCenter  ---- Center BG Table
MasterTableRight  ---- Right edge BG Table
BodyTable ---- Table that contains the body content for the site.
NavTable ---- table that holds the top menu Navigation.
TextContent ---- Bottom of site contains the body content.
BodyTextArea ---- The td that the Text Content dic is placed into.
EndInfo ---- Bottom of page where the terms are located this sets it to align right.
*/
#MasterTable{
padding:0px;
margin:0px;
border:0px;
width:998;
}
#MasterTableLeft{
padding:0px;
margin:0px;
border:0px;
width:45;
height:150;
background-image: url(../images/topMenuLeft.png);
background-repeat: no-repeat;
}
#MasterTableCenter{
padding:0px;
margin:0px;
border:0px;
width:914;
height:150;
background-image: url(../images/topMenuCenter.png);
background-repeat: no-repeat;
background-color: #FFFFFF;
}
#MasterTableRight{
padding:0px;
margin:0px;
border:0px;
width:39;
height:150;
background-image: url(../images/topMenuRight.png);
background-repeat: no-repeat;
}

#BodyTable{
padding:0px;
margin:0px;
border:0px;
width:914;
background-color: #FFFFFF;
}

#NavTable{
padding:0px;
margin:0px;
border:0px;
}
#Divider{
padding:0px;
margin:0px;
border:0px;
background-image: url(../images/layout_dividerBar.png);
background-repeat: x-repeat;
height:15;
}

#CenterArea{
	padding:0px;
	margin:0px;
	border:0px;
	height:419px;
}

#TextContent{
padding:0px;
margin-left:20px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
border:2px;
height:419px;

overflow: auto;
}
#EndInfo{
padding:0px;
text-indent:65px;
margin:0px;
border:0px;
height:15;
text-align: left;
}
#TextContentType2{
padding:0px;
margin-left:20px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
border:2px;
height:568px;
width:550px;
overflow: auto;
}



/*-- Rollovers ----------*/
/*this section Sets up every rollover to be used on the site
items:
TopNavigation Menu ALL
Destination Menu ALL - the top title img which is its own img tag in the html.

*/
#NavHome{
height:32px;
width:105px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/navMenu_Home.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#NavHome:hover{
background-position:0 -32;
}

#NavAbout{
height:32px;
width:132px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/navMenu_AboutUs.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#NavAbout:hover{
background-position:0 -32;
}

#NavNewsletter{
height:32px;
width:142px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/navMenu_Newsletter.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#NavNewsletter:hover{
background-position:0 -32;
}

#NavFAQ{
height:32px;
width:92px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/navMenu_FAQ.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#NavFAQ:hover{
background-position:0 -32;
}

#NavContact{
height:32px;
width:118px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/navMenu_Contact.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#NavContact:hover{
background-position:0 -32;
}

#NavPhotos{
height:32px;
width:116px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/navMenu_Photos.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#NavPhotos:hover{
background-position:0 -32;
}

#Des_CopperCanyon{
height:57px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_CopperCanyon.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_CopperCanyon:hover{
background-position:0 -57;
}
#Des_Oaxaca{
height:58px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_Oaxaca.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_Oaxaca:hover{
background-position:0 -58;
}


#Des_ColonialMexico{
height:55px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_ColonialMexico.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_ColonialMexico:hover{
background-position:0 -55;
}

#Des_JuanDiego{
height:60px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_JuanDiego.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_JuanDiego:hover{
background-position:0 -60;
}

#Des_Legacy{
height:59px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_Legacy.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_Legacy:hover{
background-position:0 -59;
}

#Des_Butterflies{
height:56px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_Butterflies.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_Butterflies:hover{
background-position:0 -56;
}

#Des_SonoranCuisine{
height:57px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_SonoranCuisine.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_SonoranCuisine:hover{
background-position:0 -57;
}

#Des_MataOrtizPottery{
height:58px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_MataOrtizPottery.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_MataOrtizPottery:hover{
background-position:0 -58;
}

#Des_FatherKinoMissions{
height:57px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_FatherKinoMissions.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_FatherKinoMissions:hover{
background-position:0 -57;
}

#Des_Baja{
height:52px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_Baja.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_Baja:hover{
background-position:0 -52;
}

#Des_RequestMoreInfo{
height:49px;
width:250px;
text-indent: 10000px;
overflow: hidden;
background-image: url(../images/tourMenu_RequestMoreInfo.png);
background-position: 0 0;
background-repeat: no-repeat;
display: block;
border: 0px;
}
#Des_RequestMoreInfo:hover{
background-position:0 -49;
}

/*-- Div Styles ---------- */
/*This section contains the floating divs information.
items:
Destinations Menu  --- Location Only
Logo ---- location of the logo on top of background.
*/
#divTourMenu{

position: absolute;
top: 100;
left: 770;
width: 250;
height: 665;
z-index:4;
}
#divLogo{

position: absolute;
top: 15;
left: 45;
width: 345;
height: 84;
background-image: url(../images/Logo.png);
background-repeat: no-repeat;
z-index:5;
}

#divDiscount{
position: absolute;
top: 0;
left: 695;
width: 250;
height: 120;
background-image: url(../images/Discount.png);
background-repeat: no-repeat;
z-index:6;
}