/* MAIN STYLESHEET */

/* 
Pilar's Yellow = #f7cb31
Pilar's Red = #c30
*/

/* Eric Meyer Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
:focus { /* remember to define focus styles! */
	outline: 0;
	}
	
ol, ul {
	list-style: none;
	}
	
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}


/* ------- Global ------- */

body {
	background: #fff url('images/sidetile.gif') repeat-y;
	font: 85%/1.4 Verdana, sans-serif;
	margin:0;
	padding:0;
	color: #333;
	}
	
.hidden {
	position:absolute;
	left:-999px;
	}

a:link { color: #c30; text-decoration:none; }
a:visited { color: #d65c33; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }

em { font-style:italic }

strong { font-weight:bold }

p, li { margin-bottom: 1em }

ul {
	padding-left: 2em;
	list-style-type: square;
	}
	
.print-show { display:none }


/* ------- Page Layout ------- */

#header {
	position:absolute;
	top:0;
	left:0px;
	background: url('images/toptile.gif') repeat-x;
	width:100%;
	height: 172px;
	}
	
#girl {
	position:absolute;
	top:0;
	left:0;
	background: url('images/girl2.gif') no-repeat;
	height: 172px;
	width: 160px;
	}
	
#title {
	position:absolute;
	top: 44px;
	left: 180px;
	background: url('images/title.gif') no-repeat;
	width: 401px;
	height: 78px;
	}
	
#header img {
	position:absolute;
	top:24px;
	right:0;
	/*left:630px;*/
	}
	
#wrap {
	padding-top: 182px;
	}
	
#nav {
	width: 160px;
	float:left;
	}
	
#main {
	margin: 30px 60px 0 180px;
	}


/* ---- Navigation ---- */

#nav {
	text-align:center;
	}

#nav ul, #nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	font-weight: bold;
	color: #c30;
	}
	
#nav ul li {
	padding-bottom: 0.5em;
	}

#nav ul li a:hover, #nav ul li.current { 
	color: #333;
	text-decoration:none;
	}
	
#nav h2 {
	font-size:1em;
	}
	
#nav dl, #nav p {
	font-size:0.95em;
	}
	
#nav dt {
	font-weight:bold;
	}
	
#nav dd {
	margin-bottom: 1em;
	}
	
/* ---- Footer ---- */
	
#footer {
	font: italic 100%/1.4 Georgia, sans-serif;
	color: #666;
	border-top: 1px solid #666;
	margin: 60px 0 40px;
	}
	
#footer p {
	margin:0;
	padding: 4px 0 1px;
	}
	
#footer a:link, #footer a:visited { color: #666; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
	

/* ---- Headings ---- */

h1 {
	color: #c30;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	}
	
h2 {
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
	margin:2em 0 1em;
	padding:0;
	}
	
h3 {
	color: #c30;
	font-weight:bold;
	font-size: 1.2em;
	}
	

/* ------- Styles for Menu Page (body id="menu") ------- */

ul#subnav {
	margin:0 0 0.75em 0;
	padding:0;
	}

ul#subnav li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0 20px 0 0;
	font-weight:bold;
	}
	
#menu #menu-head p {
	font-family:Verdana, sans-serif;
	font-style:normal;
	font-size: 1em;
	color: #333;
	margin-bottom:1em;
	}

#menu p {
	font-family:Georgia, serif;
	font-size: 1.1em;
	font-style:italic;
	color: #444;
	margin-bottom: 0;
	}
	
#menu h1 {
	margin-bottom: 0.75em;
	}
	
#menu h2 {
	margin: 2em 0 0;
	}
	
#menu h3 {
	margin-top: 0.75em;
	font-size: 1.1em;
	}
	
#menu p.back {
	font-style:normal;
	margin-top: 0.75em;
	font-family:Verdana, sans-serif;
	font-size: 1em;
	}
	

/* ------- Styles for FAQs Page (body id="faqs") ------- */

#faqs h2 /* questions */ {
	font-size: 1.1em;
	margin:1.5em 0 0;
	}

#faqs p /* answers */ {
	margin-bottom: 0.75em;
	}
	
/* ------- Styles for Tour Page ------- */

p.tour {
	width: 400px;
	margin-bottom: 60px;
	}


	
/* ------- Miscellaneous Tags and Classes ------- */

div.img-caption {
	background: #f7cb31;
	border-top: 6px solid #c30;
	border-bottom: 6px solid #c30;
	float:left;
	margin-right:1em;
	margin-top: 0.5em;
	}

div.img-caption img {
	display:block;
	}

div.img-caption p, #menu div.img-caption p, #faqs div.img-caption p {
	font: italic 0.9em Georgia, serif;
	text-align:center;
	margin:0;
	padding: 3px 0;
	}

div.img-caption#tamaleshop {
	float:right;
	margin-left:1em;
	margin-right:0;
		border-left:1px solid #333;
	border-right:1px solid #333;
	}

div.img-caption#tamaleshop p {
	color: #000;
	font-family: Verdana, sans-serif;
	font-style:normal;

	}