/*FORM CSS*/

html {
	color:#000;
/*	background-color:#ff8c03; */
	background-color:#9ab031; 
	background:url('../images/bg_tile_green.jpg') top left repeat;
/*  background:#76842e;*/
}
body {
	height:100%; 
	font:13px "Segoe UI", Palatino, Optima, Arial, Helvetica, sans-serif;
	text-align:center;
	*font-size:small;
	*font:x-small;
}
p, li	{
	font:1em/1.2em "Segoe UI", Palatino, Optima, Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-bottom: 12px;
}
li	{margin-bottom:3px;}

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td {
	margin: 0;
	padding:0;
}

a:link {color: red; text-decoration: none; }
a:visited {color: purple; text-decoration: none; }
a:hover {color: orange; text-decoration: underline; }
a:active {color: blue; } 

a.map {font: 12px/14px Arial, Helvetica, sans-serif; color: blue;}
a.map:link {color: blue;}
a.map:visited {color: blue;}
a.map:hover {color: black;}
a.map:active {color: black;} 

#wrapper{
	width:100%;
	height:600px;
	background-repeat:no-repeat;
	/*background-image: url("../images/fiesta_internal.png");*/
	background-position: 25% 75%;
}
#ft {
	clear:both;
}
#container{
	margin:auto;
	text-align:left;
	width: 1000px;
	background:url(../images/fiesta_logo.png) top left no-repeat;
	position:relative;
	height:600px
	z-index:1000;
}
#splash-spanish{
	margin:auto;
	background:url(../images/splash.jpg) top center no-repeat;
	position:relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.tablehead	{
	text-transform:uppercase; 
	font-size:11px; 
	font-family:Georgia, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	margin-bottom:6px;
}
.text{
	font: 1em/1.2em; 
	text-indent: 33px;
	margin: 0 10px 5px 0;
}
.video-title{
color: #993300;
font-family: Optima, Arial, Helvetica, serif;
font-weight: bold;
font-size: 16px;
margin-top: -8px;
}
.video-text{
color: #993300;
font-family: "Segoe UI", Optima, Arial, Helvetica, serif;
font-size: 11px;
font-style: italic;
margin-top: -10px;
}
.caption{
color: #993300;
font-family: "Segoe UI", Optima, Arial, Helvetica, serif;
font-size: 11px;
font-style: italic;
margin-top: -10px;
}
#back{
position:absolute;
top: 360px;
left: -25px;
}
#tagline	{
position: absolute;
top: 597px;
left: 567px;
font-family: "Segoe UI", Optima, Arial, Helvetica, serif;
font-size: 10px;
color:#361f08;
margin: auto;
z-index:1;
}
.click{
font-weight: bold;
}
p.links{
margin-bottom: 12px;
text-indent: 15px;
}

/*BOX CONTENT*/
#bd:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#bd {
	zoom:1;	
}
/* This is the left side corkboard */
#bdcork{
	/*height:565px;*/
	position:absolute;
	top:99px;
	left: -11px;
	height:440px;
	width:320px;
/*	background:url(../images/cork.png) top left no-repeat; */
	z-index:999;
}
#iframe{
	width:640px;
	height:440px;
	position:absolute;
	top:50px;
	left:0px;
	z-index:999;
/*	border:solid thin; */
}
#iframe-viva{
	width:640px;
	height:440px;
	position:absolute;
	top:130px;
	left:0px;
	z-index:999;
}
/* This is the white pane */
#bdcontent{
	width:627px;
	height:430px;
	position:absolute;
	top:100px;
	background:url(../images/fiesta_bodyInternal.png) top left no-repeat;
	left:275px;
	padding: 20px 0px 0px 80px;
	z-index:666;
}
/* This is the bottom pane area for Back and View Larger Map */
#bottomnav{
	position:absolute;
	width:600px;
	height:100px;
	top:600px;
	left:350px;
	z-index:1;
}
#bdFloatImage{
	width:317px;
	height:335px;
/*	background:url(../../images/chefsFloatImage.png) top left no-repeat; */
	z-index:11;
	position:absolute;
	left: 600px;
	top: -50px;
}
/* This is the text area in the white pane */
#bdscroll{
	width:580px;
	height:400px;
	z-index:888;
	position:absolute;
	float:left;
}
#bdscroll h1{
color:#993300;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:24px;
}
#bdscroll h2{
color:#993300;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:16px;
margin-bottom: 6px;
}
#bdscroll h3{
color:#993300;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
font-weight:bold;
font-style: italic;
margin-bottom:0px;
}
#bdscroll h4{
color:#339933;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:4px;
font-size:14px;
}
#bdscroll h5{
color:#339933;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
margin-bottom:10px;
font-size:14px;
}
#smaller	{
font-size: 12px;
}
table {
	font:12px/1.2 "Segoe UI", Palatino, Optima, Arial, Helvetica, sans-serif;	
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:disc;
	margin-left:15px;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
	*font-size:100%;
}
legend {
	color:#000;
}
del, ins {
	text-decoration:none;
}
select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
#hd {
	height:110px;
	position:relative;	
}
#indent-form { margin-left:120px; }

/* IDs */

#h3sForm fieldset
{
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	padding: 1em 1em 1em 1em;
	background-color: #EEEEEE;
}
#h3sForm fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
}
#h3sForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
	background-color: #DDDDDD;
}
#h3sForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}
#h3sForm fieldset.radio label
{
	font-weight: normal;
}
#h3sForm input
{
	display: block;
	width: 15em;
}
#h3sForm label
{
	display: block;
	margin-bottom: 1em;
	/*font-weight: bold;*/
}
#h3sForm select
{
	display: block;
}
#noBordersForm fieldset
{
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	border: 0 solid #000000;
	padding: 1em 1em 1em 1em;
	background-color: #EEEEEE;
}
#noBordersForm fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
}
#noBordersForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
	background-color: #DDDDDD;
}
#noBordersForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}
#noBordersForm fieldset.radio label
{
	font-weight: normal;
}
#noBordersForm input
{
	display: block;
	width: 15em;
}
#noBordersForm label
{
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}
#noBordersForm legend
{
	font-style: italic;
}
#noBordersForm select
{
	display: block;
}
#simplyForm fieldset
{
	display: block;
	width: 17em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
	background-color: #EEEEEE;
}
#simplyForm fieldset.submit
{
	border: none;
	background-color: transparent;
	text-align: center;
	width: 5px;	
}
#simplyForm fieldset.radio
{
	width: 15em;
	margin: 1em 0 2em 0;
	background-color: #DDDDDD;
}
#simplyForm fieldset.radio label
{
	font-weight: normal;
}
#simplyForm fieldset.radio input
{
	clear: both;
	float: left;
	width: auto;
}
#simplyForm input
{
	display: block;
	width: 15em;
}
#simplyForm label
{
	display: block;
	margin-bottom: 1em;
	/*font-weight: bold;*/
}
#simplyForm select
{
	display: block;
}

/*END FORM CSS */

/*NAV*/
#navcontainer{
	position:absolute;
	/*WAS 40px*/
	width: 640px;
	top:20px;
	left:302px;
	background-image: url(../images/75p_grey.png);
	height:50px;
	text-align: center;
	z-index:10;
}
#navHolder {
	/*top:15px;
	position:absolute;*/

}
#navlist ul
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#navlist li
{
	display: inline;
	list-style-type: none;
}
.navlistDivider
{
	vertical-align: -7px;	
}
#navlist a { padding: 13px 10px; }
#navlist a:link, #navlist a:visited
{
	color: #ffcc33;
	/*background-color: #364301;*/
	text-decoration: none;
	font-weight: bold;	
}
#navlist a:hover
{
	color: #364301;
	/*background-color: #ffcc33;*/
	text-decoration: none;
	font-weight: bold;
}

/*END NAV*/
/*SUBNAV*/

#subNavContainer{
	position:absolute;
	text-align: center;
	top: 76px;
	width: 700px;
	left: 28%;  
	z-index: 3000;
}
#subNavlist ul
{
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
#subNavlist li
{
	display: inline;
	list-style-type: none;
}
#subNavlist a { padding: 0px 0px; margin-right:22px;}
#subNavlist a:link, #subNavlist a:visited
{
	color: #ffffff;
	/*background-color: #364301;*/
	text-decoration: none;
	font-weight: bold;
}
#subNavlist a:hover
{
	color: #333;
	/*background-color: #ffcc33;*/
	text-decoration: none;
	font-weight: bold;
}
/*END SUBNAV*/

/*FORM FIELD WRAP*/
/*.fieldwrap{
	height:58px;
	width:200px;
	margin-bottom:10px;
}
END FORM FIELD WRAP*/
/*END BOXCONTENT*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1000;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #cccccc;
	/*color: #7D9353;
	background-image:url(../images/75p_honey.png);*/
}
.jScrollPaneDrag {
	position: absolute;
	background: #330000;
	/*overflow: hidden;*/
	cursor: pointer;
/*	background-image:url(/html/images/scrollTab.gif); */
	background-repeat:no-repeat;
	background-position: center;	
	/*color: #CCCCCC;*/
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1000;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1000;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*FOOTER*/

#ft {
	height:35px;
	width: 640px;
	zoom:1;
	position:absolute;
	top:560px;
	left:310px;
	text-align:center;
	z-index:1;
}
	
.copyright{
	padding:5px 0px 0px 20px; 
	float:left; 
	color:#999933; 
	font-size:8px;
	font-weight:normal;}
	
#footlist{position:relative; float:left; top:7px; left:50px}
#footlist ul{margin-left: 0; padding-left: 0; white-space: nowrap;}
#footlist li{display: inline; list-style-type: none;}
#footlist a {padding: 0px 0px; }
#footlist a:link, #footlist a:visited{
	color: #FFFFFF; 
	/*background-color: #220a01;*/ 
	text-decoration: none;
}
#footlist a:hover{
	color: #cc6600;
	/*background-color: #cc6600;*/
	text-decoration: none;
}

.footcontainer {margin:auto auto;width:640px;height:35px; 
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/75p_grey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.footcontainer[class] {
background-image:url(../images/fiesta_footer.png);
}

/* Read More */
a.readon {margin-top: 16px;padding: 0;display: block;font-size: 100%;text-indent: 2px;}

a.readon2 {width: 40px;height: 18px;display: block;margin-top: 8px;text-transform: uppercase;line-height: 18px;font-size: 10px;text-align: center;padding: 0;}

a.readon2:hover {text-decoration: none;background-position: 0 0;}

a.readon {background: url(../../images/submenu-arrow.png) 0 5px no-repeat;}
a.readon2 {background: url(../../images/readon.png) 0 0 no-repeat;color: #ccc;}
a.readon2:hover {color: #fff;}