/* CSS Document */

html, body {
	height:100%;
	margin:0; padding:0;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background:#2a0701 url(images/bg.gif) repeat-x;
	color:#c1981e;
	} 
	
body {
	font-size:62.5% 
	/* 10 px desired size means setting global size at 62.5% of the base cross-browser base font size of 16 px (formerly the 1 em); 
	this makes em-translations easy, now: 1em, or one percentage increment, is now 10px, 0.8em is 8px, 1.6em is 16 px*/
	}
		
/* BANNER
------------------------------------------------------------------*/	

#banner {
	height:110px;
	width:100%;
	background:url(images/banner-bg.png) repeat-x;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	}

#rotator {
	background: #000 url(http://teef.org/guille/web/home-images/rotator.php) no-repeat;
	/*background: #000 url(home-images/rotator.php) no-repeat;*/
	height: 384px;
	width: 100%;
	}
			
#contents {
	background: url(images/contentbg.gif) repeat-x;
	height: 384px;
	width: 100%;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	}	

/* NAVIGATION
------------------------------------------------------------------*/	
#nav {
	position:absolute;
	top:472px;
	height: 20px;
	font-size:1.1em; /* 11px */
	color:#f8d583;
	padding-top:2px;
	width:100%;
	white-space:nowrap;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	/*_width:800px;  A hack, alas.  To prevent floats from wrapping, and otherwise freaking out, in IE */
	}

#spacer {
	float:left;
	height:20px;
}

#tabs {
	margin-left:390px;
	background:/*#8a500d*/ url(images/tab-ie.gif) repeat-x;
	height:20px;
	white-space:nowrap;	
	}	

#nav > #tabs {
	background: url(images/tab.png) repeat-x;	
	}	


/* TABS
------------------------------------------------------------------*/	

.at {
	position:relative;
	top:2px;
	background: #050100;
	border-top: solid #2d0800 1px;
	border-left: solid #2d0800 1px;
	border-right: solid #2d0800 1px;
	}	

#nav span {
	padding:2px 12px 6px 12px;
	}	

.divided {
	border-right:solid #280f06 1px;
	position:relative;
	top:2px;
	}

/* SCHEDULE
------------------------------------------------------------------*/	

#schedule {
	background:#2a0701 url(images/bottom.png) repeat-x;
	height:180px;
	min-width:800px; /* The page starts to have horiz scrolling when the browser gets reduced to 800 pixels wide */
	padding:15px 0px 0px 0px;
	display:block;
	}

table.schedule {
	margin-left:25px;
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#beb052;
	font-size:1.1em; 
	}

tr {
	vertical-align:top;
	}
	
td.left {
	width:363px;
	text-align:right;
	color:#946914;
}

td.right {
	padding-left:8px;
	padding-bottom:15px;
}

/* TEXT
------------------------------------------------------------------*/	

#schedule p {
	margin:0px 0px 8px 0px;
}

#schedule blockquote {
	margin: 0px 0px 8px 15px;
}

.titles {
	font-style:italic;
}

a:link, a:visited  {
	text-decoration:none;
	color:#f8d583;
	/*color:#beb052;*/
	outline:none;
}

a:hover {
	text-decoration:underline;
}

a.nav:link, a.nav:visited {
		text-decoration:none;
		color:#e76f00;
		color:#b4d98d;
		color:#8abae3;		
}

a.nav:hover {
	text-decoration:underline;
	color:#e76f00;
	color:#b4d98d;	
	color:#8abae3;		
	}

.details {
	/* font-size:0.958em;  11.5px / 12 parent pixels (table) */
	font-size:0.8166em;  /* 11px / 12 parent pixels (table) */
}

.expandos {
	/*font-size: 1em;   12px divided by 16px base font size across browsers for em units */
	font-size:0.8166em; /*0.8166em;  11px / 12 parent pixels (table) */
	visibility:hidden;
	height:0px;
	}

.expandos-loaded {
     visibility:visible;
 }

.expandos p, .expandos-loaded p {
	width:450px;
	}
	
.copy {
	font-size: 0.91em; /* 10 div by 11 = 0.91 */
	color:#946914;
}