/* -----------------------------
------------ Style -------------
----------------------------- */
* { 
	padding: 0; 
	margin: 0;
}

.bold
{
	font-weight: bold;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background: #cccc99;*/
	background: url(../img/gradient-background.gif) repeat-x;
	color: #666699;
}

p {
	padding-bottom: 10px;
	padding-bottom: 10px;
}

h1 {
	font-size: 18px;
	margin-bottom: 6px;
	color: #333399;
	border-bottom: 0px solid #cccc99;
	clear: both;
}

h2 {
	font-size: 12px;
	margin-bottom: 6px;
	color: #333399;
}

hr {
	background: url(../img/tab_bottom.gif) repeat-x bottom;
}

#header .bannerselection {
	font-size: 12px;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	text-align: left;
	float: left;
}

#header .bannerselection cur {
	font-weight: bold;
	/*font-style: italic;*/
}

#header .bannerselection a {
	color: #333399;
	font-weight: normal;
	text-decoration: none;
}

#header .bannerselection a:hover {
	color: #333399;
	font-weight: normal;
	text-decoration: underline;
}

#header .bannermenu {
	background: #FFF;
	padding: 0px;
	margin: 0 0 0 0;
	border: 1px solid #666699;
	//width: 165px;
	font-size: 11px;
	font-weight: bold;
	//font-style: italic;
	text-align: right;
	float: right;
	/*text-decoration: blink;*/
}

#header .bannermenutop {
	background: #003399;
	color: #FFF;
	padding: 0px;
}

#header .bannermenu a {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
	padding-right: 3px;
}

#header .bannermenu a:hover {
	color: #333399;
	background: #cccc99;
	font-weight: bold;
	text-decoration: none;
}

#header .redfont a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
	padding-right: 3px;
}

#header .redfont a:hover {
	color: #FF0000;
	background: #cccc99;
	font-weight: bold;
	text-decoration: none;
}

#header .bannerphotos {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	float: right;
	/*text-decoration: blink;*/
}

#header .bannerphotos a {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
}

#header .bannerphotos a:hover {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
}

img {
	vertical-align: top;
	border: 0px;
}

.imgcenter {
	text-align: center;
	border: 0px;
}

.centertext {
	text-align: center;
}

.rightfloatpic {
	vertical-align: top;
	float: right;
	border: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.leftfloatpic{
	vertical-align: top;
	float: left;
	border: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.centerpicclear {
	vertical-align: top;
	clear: both;
	border: 0px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}

label {
	float: left;
	text-align: right;
	font-weight: bold;
	margin-right: 0.5em;
	display: block;
}

input {
	color: #333399;
	background: #EEE;
	border: 1px solid #999966;
}

input:focus {
	color: #333399;
	background: #FFF;
	border: 1px solid #999966;
}

.submit input {
	color: #333399;
	background: #CCCC99;
	border: 1px outset #999966;
	margin-left: 71px;
	font-family: Verdana, cursive;
}

.errmsg {
	color: #FF0000;
	border: 1px #FF0000;
}

/* -----------------------------
----------- Layout -------------
----------------------------- */
#wrapper { 
	margin: 0 auto;
	width: 802px; /*922px*/
}

#header {
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;	
	color: #333;
	width: 780px; /*900px;*/
	float: left;
	padding: 10px;
	border: 0px solid #000;
	height: 150px; /*100px;*/
	margin: 10px 0px 5px 0px;
	font-size: 10px;
}

#leftcolumn { 
	color: #000;
	border: 0px solid #000;
	/*background: #F2F2E6;*/ /*#E7DBD5;*/
	margin: 0px 5px 5px 0px;
	padding: 10px;
	/*height: 350px;*/
	height: 100%;
	width: 155px; /*195px; 155px; */
	float: left;
}

#leftcolumn li {
	display: block;
	padding: 10px 0px 0px 0px;
	font-size: 13px;
	text-indent: -15px;
}

#leftcolumn a {
	color: #666633;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
}

#leftcolumn a.catch {
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
}

#leftcolumn a:hover {
	padding-left: 15px;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
}

#leftcolumn a.nohover {
	color: #666633;
	font-weight: bold;
	text-decoration: none;
	padding-left: 4px;
}

#leftcolumn a.nohover:hover {
	padding-left: 4px;
	background-image: url(../img/spacer.gif);
	background-repeat: no-repeat;
}

#login {
	background: #FFF;
	border: 1px solid #999966;
	padding: 5px 10px 5px 5px;
	/* top right bottom left*/
}

#rightcolumn { 
	float: right;
	color: #000;
	border-left: 1px solid #999966;
	border-right: 1px solid #999966;
	border-bottom: 1px solid #999966;
	background: #FFF; /*#F2F2E6;*/
	margin: 0px 0px 5px 0px;
	padding: 10px;
	/*height: 350px;*/
	width: 598px; /*678px; 598px; */
	display: inline;
}

#rightcolumn ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

#rightcolumn li {
	/*list-style: disc;
	display: block;*/
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 35px;
}

#footer { 
	width: 780px; /*900px;*/
	clear: both;
	color: #333;
	border-top: 1px solid #999966;
	/*background: #CCCC99; */
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: center;
}

#footer li {
	display: inline;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}

#footer a {
	color: #666633;
	font-weight: bold;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	
}

#footer a.nospecial {
	color: #666633;
	font-weight: normal;
	text-decoration: none;
	padding-left: 0px;
}


#ex
{
	width: 598px;
	height: 360px;
}
#ex a
{
	text-decoration: none;
}
.ex1 {
	width: 275px;
	background-color: #FFF;
	float: right;
	vertical-align: top;
	margin-right: 10px;
	margin-top: 10px;
}
.ex1 p.first-ele {
	background: transparent url(../img/mp-acapulco-choice.jpg) no-repeat top;
	height: 142px;
}
.ex1 p.middle-ele {
	background-color: white;
	border-right: 1px solid #999966;
	border-left: 1px solid #999966;
	padding: 10px;
	width: 275;
}
.ex1 p.middle-ele2 {
	background-color: white;
	border-right: 1px solid #999966;
	border-left: 1px solid #999966;
	padding: 10px;
	width: 275;
	text-align: right;
}
.ex1 p.last-ele {
	padding: 0px 0px 12px 0;
	background: transparent url(../img/m-acapulco-choice-bottom.jpg) no-repeat bottom;
}

.ex2 {
	width: 275px;
	background-color: #FFF;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.ex2 p.first-ele {
	background: transparent url(../img/m-acapulco-choice.jpg) no-repeat top;
	height: 142px;
}
.ex2 p.middle-ele {
	background-color: white;
	border-right: 1px solid #999966;
	border-left: 1px solid #999966;
	padding: 10px;
	width: 275;
}
.ex2 p.middle-ele2 {
	background-color: white;
	border-right: 1px solid #999966;
	border-left: 1px solid #999966;
	padding: 10px;
	width: 275;
	text-align: right;
}
.ex2 p.last-ele {
	padding: 0px 0px 12px 0;
	background: transparent url(../img/m-acapulco-choice-bottom.jpg) no-repeat bottom;
}

/* used on rates page*/
#rightsubleft
{
	width: 299px;
	float: left;
	display: inline;
}

#rightsubright
{
	width: 299px;
	float: right;
	display: inline;
}

#rightsubbottom
{
	width: 598px;
	float: left;
	clear: both;
}

#rightsubtop
{
	width: 598px;
	float: center;
	text-align: center;
	clear: both;
}

/*  Navlist */
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 0px solid #000;
float: left;
font-size: 10px;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist .navlistloc
{
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 0px 4px 10px;
text-decoration: none;
color: #666633;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 0px solid #000;
padding-bottom: 0px;
background: transparent;
color: #333399;
}

#navlist a:hover { color: #333399; }

#rightswitch {
	font-size: 12px;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	text-align: right;
	float: right;
	/*text-decoration: blink;*/
}

/* set millions of background images */
.rbroundbox { background: url(../img/nt.gif) repeat; }
.rbtop div { background: url(../img/tl.gif) no-repeat top left; }
.rbtop { background: url(../img/tr.gif) no-repeat top right; }
.rbbot div { background: url(../img/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../img/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 20px; }
.rbroundbox { width: 90%; margin: 15px auto; }

/* FOR LOCATION SPLASH PAGES */
/* set millions of background images */
.rbroundbox-loc { background: url(../img/nt-location.gif) repeat; }
.rbtop-loc div { background: url(../img/tl-location.gif) no-repeat top left; }
.rbtop-loc { background: url(../img/tr-location.gif) no-repeat top right; }
.rbbot-loc div { background: url(../img/bl-location.gif) no-repeat bottom left; }
.rbbot-loc { background: url(../img/br-location.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop-loc div, .rbtop-loc, .rbbot-loc div, .rbbot-loc {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent-loc { margin: 0 10px; text-align: justify; }
.rbroundbox-loc { width: 90%; margin: 15px auto; }