/** ================================================== El Norteno stylesheet ==========================================
coffee:  #4C292E; cream: #EEDB73;
================================================================================================================= **/


/**    .title           {font-family: Arial, sans-serif; font-size: 24px;}
    .head            {font-family: Arial, sans-serif; font-size: 18px;}
    .boldhead        {font-family: Arial, sans-serif; font-size: 18px; font-weight: bold} **/
.sectionhead   {font-family: Verdana, Arial, sans-serif; font-size: 15px; color: #4C292E;} 
.text-big            {font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #4C292E;}
.text-reg            {font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #4C292E;}
.text-sm             {font-family: Verdana, Arial, sans-serif; font-size:  10px; color: #4C292E;}
.tiny                    {font-family: Arial, sans-serif; font-size:  8px; color:#000000 }
.graph               {font-family: Arial, sans-serif; font-size:  7px; color: #4C292D; }
.space               {font-family: Arial, sans-serif; font-size:  4px; color: #4C292D; }

.border-brown  {border: 2px solid #4C292E; }
.line                      {background-color: #FF000A}

body { 
	background-color: #EEDB73;
	background-image: url("/2009/images/EN-bg5.gif");
	background-repeat: repeat-x repeat-y;
	height: 100%;
  margin: 0px;  
	padding: 0px;
  position: relative; 
  width: 100%;} 

/** ======================================= page component styles ====================================**/	
#page	 {
	font: 11px Verdana;
	height: 100%
  margin-left: auto; 
	margin-right: auto;  
	padding: 0px; 
	position: absolute;
	text-align: center;
  width: 100%; }
	

	#btm-nav {
	background-color: #4C292E;
	color:  #EEDB73;
	line-height: 20px;
	padding-bottom: 10px;
  width: 100%; } html>body #btm-nav { padding-bottom: 5px;}

	
/** ======================================= menu link styles ====================================**/	
ul#menu-links {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/** this determines the look of list elts; creates box around each list elt;  **/
ul#menu-links li {    
	display: inline;
  list-style: none; 
  padding: 5px 10px;
}

/** what each link in the boxes will look like **/
ul#menu-links li a { 
	color:  #4C292E;
	font:  14px Verdana;
	font-weight: bold;
	font-variant: small-caps;
  text-decoration: none;   } 

ul#menu-links li a:hover { text-decoration: underline; }

.menu-subject { font: 15px Arial; 	font-weight: bold; 	text-align: center;	 }
.price                  { font-size: 10px; 	margin-top:  -11px;   text-align: right;  } 
	

/** ======================================= GRID FRAMEWORK =============================================**/
	/** width of content page is 800px; **/
.grid-1   { width:   50px; }
.grid-2   { width: 115px; }
.grid-3   { width: 180px; }
.grid-4   { width: 235px; }
.grid-5   { width: 310px; text-align: left;}
.grid-6   { width: 370px; }
.grid-7   { width: 420px; } html>body .grid-7 {width: 450px; }
.grid-8   { width: 565px; }  
.grid-9   { width: 620px; }
.grid-10 { width: 685px; }
.grid-11 { width: 750px; }
.grid-12 { width: 800px; } 

.column {
  float: left;
	height: 100%;
  margin: 0 15px;
  overflow: hidden;
  display: inline;
}

.row {
  width: 800px;
  margin: 0 auto;
  overflow: hidden;
	text-align: left;
}

.align-left     {text-align: left;}
.align-right  {text-align: right;}


/** ======================================= end:  GRID FRAMEWORK =============================================**/

a                         { color: #EEDB73; font: 12px Verdana; text-decoration: none; }
a:hover             { color: #EEDB73; font: 12px Verdana; text-decoration: underline; }

a.arrow              {color: #EEDB73; font-size: 8pt; text-decoration: none;}
a:link.arrow       {color: #EEDB73; font-size: 8pt; text-decoration: none;}
a:hover.arrow  {color: #00FFFF;  text-decoration: underline;} 
a:visited.arrow {color: #232323; text-decoration: none;} 

a.coffee                { color: #4C292E; font: 10px Verdana; text-decoration: none; }
a:hover.coffee   { color: #4C292E; font: 10px Verdana; text-decoration: underline; }