/* General styles */
BODY { background: url(../Page/bg.jpg) repeat-y #a6a6a6 top center; color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: small; margin: 0px; padding: 0px 0px 50px 0px; }
BODY { border: 1px #000000; border-style: none solid; width: 848px; margin-left: auto ; margin-right: auto; }
A:link, A:visited { color: #d70000; font-weight: bold; text-decoration: none; }
A:hover, A:active { color: #d70000; font-weight: bold; text-decoration: underline; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #000000; border: 0px; color: #000000; height: 1px; }
H1 { background: url(../Page/header-bar.gif) repeat-x #000000; border: solid 1px #000000; color: #000000; font-family: 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; font-size: 24px; font-style: normal; font-weight: bold; margin: 0px; padding: 5px; text-align: center; text-decoration: none; }
H2 { color: #d70000; font-family: 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; font-size: 18px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H3 { color: #333333; font-family: 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif; font-size: 12px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }

UL { list-style-image: url(../Page/bullet.gif); margin: 0px 25px; padding: 0px; }
LI { margin: 5px 0px 0px 0px; }



/* Layout */
#logo { height: 125px; padding: 0px; }

#header { background: url(../Page/header.jpg) no-repeat; height: 273px; padding: 0px 495px 0px 15px; width: 770px; }

.headerLeftBorder { background: url(../Page/separator.jpg) no-repeat center center; width: 2px; }

#headerLeft1 { width: 245px; }
#headerLeft1A { font-size: 12px; font-weight: bold; }
#headerLeft1A H1 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
#headerLeft1B { font-size: 12px; font-weight: bold; }
#headerLeft1B H1 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }

#headerLeft2 { }
#headerLeft2A H1 { background: none transparent; border: none 1px #000000; color: #d70000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px 0px 28px 0px; text-align: center; text-align: right; text-decoration: none; }
#headerLeft2B H1 { background: none transparent; border: none 1px #000000; color: #d70000; font-family: Arial, sans-serif; font-size: 60px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-align: center; text-align: center; text-decoration: none; }
#headerLeft2C H1 { background: none transparent; border: none 1px #000000; color: #d70000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px 0px 28px 0px; text-align: center; text-align: left; text-decoration: underline; }

#headerLeft3 { }
#headerLeft3A { font-size: 9px; font-weight: bold; }
#headerLeft3A H1 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-align: center; text-decoration: none; }


#main { background: url(../Page/body-bg.jpg) repeat-y; width: 770px; }
#mainTop { background: url(../Page/body-top.jpg) no-repeat; height: 50px; width: 770px; }
#mainBottom { background: url(../Page/body-bottom.jpg) no-repeat; height: 50px; width: 770px; }
#content { padding: 0px 50px; text-align: left; }

#footer { background: url(../Page/footer.jpg) no-repeat; height: 105px; width: 770px; }
#footer { color: #0000000; font-size: 12px; padding: 0px 0px; }
#footer H1 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px 0px 10px 0px; text-decoration: none; }


#copyright { color: #666666; font-size: 11px; padding: 5px 0px 0px 0px; }
#copyright a:link, #copyright a:visited { color: #d70000; font-weight: normal; text-decoration: none; }
#copyright a:hover, #copyright a:active { color: #d70000; font-weight: normal; text-decoration: underline; }


/* Page-specific styles */
#index { font-size: 12px; font-weight: bold; padding: 10px; }
#indexA UL { list-style: none; margin: 0px 0px 0px 20px; padding: 0px; }
#indexA LI { margin: 20px 0px 0px 0px; }
#indexA H1 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 32px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px 0px 15px 0px; text-align: left; text-decoration: none; }
#indexA H2 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-align: left; text-decoration: none; line-height: 150% }
#indexA H2 B { color: #d70000; font-size: 28px; }
#indexA { width: 50%; }
#indexB { border-left: solid 2px #6b6868; width: 50%; }
#indexB H1 { background: none transparent; border: none 1px #000000; color: #000000; font-family: Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-align: center; text-decoration: none; }
#indexB H2 { background: none transparent; border: none 1px #000000; color: #d70000; font-family: Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; margin: 0px; padding: 0px; text-align: center; text-decoration: none; }

#currentOffers { background: none; border: solid 1px #000000; padding: 0px; text-align: center; }
#currentOffers H1 { background: url(../Page/box.gif) repeat-x; border: none 1px #333333; color: #ffffff; font-size: 18px; text-align: center; padding: 5px; }
#currentOffers H2 { background: none; color: #000000; font-size: 18px; padding: 5px; text-decoration: underline; }
#currentOffers H3 { background: none; color: #d70000; font-size: 18px; font-style: italic; padding: 5px; }
#currentOffers UL { margin: 0px 0px 0px 20px; padding: 10px; text-align: left; }
#currentOffers LI { margin: 0px; padding: 0px; text-align: left; }


/* Pop-Ups */
body#localBody { background: #ffffff; border-style: none; width: 325px; }
#localMain TD { width: 325px; }
#localMain H2 { background: #0099cc; color: #ffffff; font-size: 18px; padding: 10px; }

body#packageBody { background: #ffffff; border-style: none; margin: 0px; padding: 0px 5px; width: 500px; }
#packageBody H1 { background: none; border: none 1px #333333; text-align: left; padding: 0px; }
#packageMain TD { margin: 0px; padding: 0px; width: 500px; }
#packageMain H1 { padding: 10px; }


/* Common Classes */
.box { width: 250px; padding: 0px; }
TD.box { width: 250px; padding: 0px 10px; }
.boxTop { background: url(../Page/box.gif) repeat-x; border: 1px #000000; border-style: solid solid none solid; color: #ffffff; font-size: 18px; font-style: italic; font-weight: normal; width: 240px; padding: 5px; text-align: center; }
.boxTopBlack { background: url(../Page/boxBlack.gif) repeat-x; border: 1px #000000; border-style: solid solid none solid; color: #ffffff; font-size: 18px; font-style: italic; font-weight: normal; width: 240px; padding: 5px; text-align: center; }
.boxBody { border: 1px #000000; border-style: none solid solid solid; color: #000000; font-size: 14px; width: 210px; padding: 10px 20px 20px 20px; }
.boxBody a:link, .boxBody a:visited { color: #d70000; font-weight: normal; text-decoration: none; }
.boxBody a:hover, .boxBody a:active { color: #d70000; font-weight: normal; text-decoration: underline; }

.form { border: 1px #51a6db; border-style: solid; }
.form-left { background: #f3f3f5; padding: 5px; }
.form-right { padding: 0px 5px; }
.form-right INPUT, .form-right SELECT, .form-right SUBMIT, .form-right TEXTAREA { font-family: sans-serif; font-size: 11px; }

.highlight { background: #d3d3d3; padding: 10px 10px 10px 10px; }
.highlightBar { background: url(../Page/box.gif) repeat-x; color: #ffffff; border: solid 1px #000000; padding: 10px; }
.highlightBar H1 { color: #ffffff; font-size: 18px; }

.packageClassic1 { background: #40899b; border-bottom: solid 2px #ffffff; height: 50px; width: 500px; margin: 0px; padding: 5px; }
.packageClassic1 TABLE { width: 100%; }
.packageClassic1, .packageClassic1 H1, .packageClassic1 H2, .packageClassic1 A, .packageClassic1 A:link, .packageClassic1 A:visited, .packageClassic1 A:hover, .packageClassic1 A:active { color: #66cccc; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; text-decoration: none; }
.packageClassic1 A, .packageClassic1 A:link, .packageClassic1 A:visited, .packageClassic1 A:hover, .packageClassic1 A:active { font-weight: normal; display: block; }
.packageClassic1 H1, .packageClassic1 H2 { display: inline; color: #ffffff; }
.packageClassic1 H1 { background: none; border: none 1px #333333; text-align: left; padding: 0px; }
.packageClassic1 H2 { text-align: right; }

.packageClassic2 { background: #00627a; border-bottom: solid 2px #ffffff; height: 50px; width: 500px; margin: 0px; padding: 5px; }
.packageClassic2 TABLE { width: 100%; }
.packageClassic2, .packageClassic2 H1, .packageClassic2 H2, .packageClassic2 A, .packageClassic2 A:link, .packageClassic2 A:visited, .packageClassic2 A:hover, .packageClassic2 A:active { color: #66cccc; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; text-decoration: none; }
.packageClassic2 A, .packageClassic2 A:link, .packageClassic2 A:visited, .packageClassic2 A:hover, .packageClassic2 A:active { font-weight: normal; display: block; }
.packageClassic2 H1, .packageClassic2 H2 { display: inline; color: #ffffff; }
.packageClassic2 H1 { background: none; border: none 1px #333333; text-align: left; padding: 0px; }
.packageClassic2 H2 { text-align: right; }

.packageLatino1 { background: #993399; border-bottom: solid 2px #ffffff; height: 50px; width: 500px; margin: 0px; padding: 5px; }
.packageLatino1 TABLE { width: 100%; }
.packageLatino1, .packageLatino1 H1, .packageLatino1 H2, .packageLatino1 A, .packageLatino1 A:link, .packageLatino1 A:visited, .packageLatino1 A:hover, .packageLatino1 A:active { color: #66cccc; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; text-decoration: none; }
.packageLatino1 A, .packageLatino1 A:link, .packageLatino1 A:visited, .packageLatino1 A:hover, .packageLatino1 A:active { font-weight: normal; display: block; }
.packageLatino1 H1, .packageLatino1 H2 { display: inline; color: #ffffff; }
.packageLatino1 H1 { background: none; border: none 1px #333333; text-align: left; padding: 0px; }
.packageLatino1 H2 { text-align: right; }

.packageLatino2 { background: #660066; border-bottom: solid 2px #ffffff; height: 50px; width: 500px; margin: 0px; padding: 5px; }
.packageLatino2 TABLE { width: 100%; }
.packageLatino2, .packageLatino2 H1, .packageLatino2 H2, .packageLatino2 A, .packageLatino2 A:link, .packageLatino2 A:visited, .packageLatino2 A:hover, .packageLatino2 A:active { color: #66cccc; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; text-decoration: none; }
.packageLatino2 A, .packageLatino2 A:link, .packageLatino2 A:visited, .packageLatino2 A:hover, .packageLatino2 A:active { font-weight: normal; display: block; }
.packageLatino2 H1, .packageLatino2 H2 { display: inline; color: #ffffff; }
.packageLatino2 H1 { background: none; border: none 1px #333333; text-align: left; padding: 0px; }
.packageLatino2 H2 { text-align: right; }

.packageLocal1 { background: #6699cc; width: 500px; margin: 0px; padding: 5px; }
.packageLocal1 TABLE { width: 100%; }
.packageLocal1, .packageLocal1 H1, .packageLocal1 H2 { color: #ffffff; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
.packageLocal1 H1, .packageLocal1 H2 { display: inline; color: #ffffff; }
.packageLocal1 H1 { background: none; border: none 1px #333333; text-align: left; padding: 0px; }
.packageLocal1 H2 { text-align: right; }

.packageLocal2 { background: #6699cc; border-bottom: solid 2px #ffffff; width: 500px; margin: 0px; padding: 5px; }
.packageLocal2 TABLE { width: 100%; }



/* MENU CSS - Horizontal */

/* menu container formatting */
#menubar { background: url(../Page/menubar.jpg) no-repeat center center; width: 770px; }

/* turn off default template UL/LI styles */
#menubar UL { list-style-image: none; margin: 0px 0px; padding: 0px; }
#menubar LI { margin: 0px 0px 0px 0px; }

/* widths */
/* The following selectors may actually be specified in meta area as well. We include them here as a backup. */
.menu ul ul { width: 175px; }

/* sets height and forces all menu text to vertically align */
#menubar TD { }
#menubar LI LI { }

/* font formatting */
.menu a, .menu h4 { font-family: Tahoma, Arial, sans-serif; font-size: small; font-weight: bold; }
/* .menu ul { text-align: left; } */

/* display formatting */
/* need to specify li width as 100% so that IE7 will expand links to fill width of table cells */
.menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
.menu li { width: 100%; }
.menu a, .menu h4 { display: block; margin: 0px; padding: 0px 5px; line-height: 50px; }
.menu ul ul a { display: block; margin: 0px; padding-left: 5px; text-align: left; line-height: 20px; }
.menu ul ul { display: none; white-space: normal; }

/* link backgrounds and colors */
.menu a:link, .menu a:visited, .menu h4 { }
.menu ul a:link, .menu ul a:visited, .menu h4 { color: #d70000; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.menu ul a:hover, .menu ul a:active { color: #000000; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.menu ul ul a:link, .menu ul ul a:visited { background: #000000; color: #fffcd6; font-weight: normal; text-decoration: none; text-transform: none; }
.menu ul ul a:hover, .menu ul ul a:active { background: #fffcd6; color: #000000; font-weight: normal; text-decoration: none; text-transform: none; }

/* borders */
/* need to go on the a blocks since netscape expands the cell's height on hover */
#menubar { border: 1px #333333; border-style: none; }
.menuborder { background: url(../Page/separator.gif) no-repeat center center; width: 2px; }
.menu ul a, .menu ul h4 { border: 1px #6b6868; border-style: none none none none; }
.menulast ul a { border: 1px #000000; border-style: none none none none; }
.menu ul ul { border-top: solid 1px #000000; }
.menu ul ul a { border: 1px #000000; border-style: none solid solid solid; border-top: solid 1px #fffcd6; }

/* position list items and submenus */
.menu li { position: relative; }
.menu ul ul { position: absolute; top: auto; left: -1px; }
/*.menulast ul ul { position: absolute; top: auto; left: auto; right: 0px; }*/
.menulast ul ul { position: absolute; top: auto; left: 20px; }

/* Take an inline element, make it block-level, assign it colors and borders to extend the menu */
.spacerlast b { display: block; background: #262626; color: #262626; border: 1px #000000; border-style: solid none; }

/* Fix the position of everything that comes after the menubar for Netscape */
#aftermenu { position: absolute; top: auto; width: 100%; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022 */
/* It improves IE's performance speed to use the older file and this method */
.menu li:hover { cursor: pointer; z-index: 10; }
.menu h4:hover { cursor: default; z-index: 10; }
.menu li:hover ul ul, .menu li li:hover ul ul, .menu li li li:hover ul ul, .menu li li li li:hover ul ul { display: none; }
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul { display: block; }

/* MENU CSS - Horizontal */


/*
Colors:

green: #99cc33; 
blue: #0099cc; 
lt gray (borders): #d3d3d3; 
dk gray (footer bg): #666666; 
black (text): #333333; 

blue 1: #40899b; 
blue 2: #00627a; 
blue text: #66cccc; 
purple 1: #993399; 
purple 2: #660066; 
lt blue: #6699cc; 
brown: #cc6600; 
red: #cc0000; 
red text: #ff9999; 

lt yellow: #fffcd6; 
red: #d70000; 
lt gray (boxes): #d3d3d3; 
gray (background): #a6a6a6; 
dk gray (borders): #6b6868; 

*/