/* Bon appétit! 027006 */

body {
background-color: #aa2211;
color: #000;
}

div.center h1 {
border: none !important;
padding: 28px 0 13px 10px;
margin: 3px 6px 5px 6px;
background: #fff url(/027/006/091/027006-misc02.jpg) no-repeat center center;
color: #000;
font-size: 1.2em;
}

div.center h1 a {
display: block;
}

.normalFont {
font-weight: normal;
font-size: 0.85em;
}
/************* LEFT MENU **************/


/************* LEFT MENU **************/
/*.left {overflow: visible;}*/

ul.nav {
background-color: #fff;
color: #000;
width: 148px;
}

ul.nav li {
background-color: #fff;
color: #000;
border: none;
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 148px;
}

ul.nav li.set-border-botton {
border-bottom: 1px solid #ccc;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 7px 10px 7px 5px;
display: block;
border: none;
}

ul.nav li a.menulink:hover {
background-color: #ffcc33;
color: #000;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
}

ul.nav li span.on-state {
background-color: #ffcc33;
color: #000;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
width: 133px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
background-color: #ffcc33;
color: #000;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
}

/************* LEFT MENU - SUB-MENU CLASSES ***************/

ul.nav3 {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
width: 100%;
border-top: 1px solid #ccc;
}

ul.nav3 li {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
width: 100%;
border: none;
border-bottom: 1px solid #ccc;
}

ul.nav3 li.no-border-botton {
border-bottom: none;
}

ul.nav3 li span.on-state {
background-color: #fff;
color: #993300;
padding: 5px 2px 5px 7px; 
border: none;
border-left: 7px solid #aa2211;
margin: 0;
width: 130px;
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
margin: 0;
padding: 5px 2px 5px 7px; 
text-decoration: none;
background-color: #fff;
color: #000;
border: none;
border-left: 7px solid #aa2211;
display: block;
width: 130px;
}

ul.nav3 li a.menulink:hover{
background-color: #fff;
color: #993300;
margin: 0;
padding: 5px 2px 5px 7px;
border: none;
border-left: 7px solid #aa2211;
display: block;
width: 130px;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited, ul.nav3 li a.on-state:link, ul.nav3 li a.on-state:visited {
background-color: #fff;
color: #993300;
margin: 0;
padding: 5px 2px 5px 7px;
border: none;
border-left: 7px solid #aa2211;
display: block;
width: 130px;
}


.center a {
/*color: #ffffff;*/
background-color: transparent;
}

/* Proactive disclosure */

div#procontainer ul.nav {
background-color: #fff;
width: auto;
}

div#procontainer ul li {
border: none;
margin: 0px;
padding: 0px;
}

div#procontainer a.menulink{
border: 1px solid #000;
background-color: #fff;
color: #000;
margin-left: 0;
padding: 5px 10px 5px 10px;
}

div#procontainer a.menulink:hover{
background-color: #000;
color: #fff;
padding: 5px 10px 5px 10px;
}

div.page-navigation
{
font-size: 0.85em;
text-align: right;
padding: 10px 15px 0px 0px;	/* top, right, bottom, left  */
margin-top: 0.5em;
margin-bottom: 0.5em;
}

div.page-navigation-left
{
font-size: 0.85em;
text-align: left;
padding: 0 0 12px 15px;	/* top, right, bottom, left  */
margin: 0.5em 0;
float: left;
}

.v2-right
{
margin-top: 12px;
}

div.gallery-container2
{
width: 75%;
margin: 1em auto 0 auto;
padding: 0px 0px 0px 100px;
display: table;
}

div.gallery-container2b
{
width: 100%;
margin: 1em auto 0 auto;
padding: 0px 0px 0px 0px;
display: table;
}

.v2-left {
float: left;
width: 180px;
padding: 0;
margin: 0;
margin-bottom: 3px;
text-align: center;
}

div.source3
{
width: 90%;
margin-left: 1.5em auto;
padding: 0px 0px 15px 100px; /* top, right, bottom, left  */
text-align: left;
font-size: 0.75em;
padding-left: 15px;
padding-top: 0;
margin-top: 0;
}

.caption
{
font-family: Arial,sans-serif;
text-align: left;
font-size: 0.85em;
padding: 0px 0px 10px 15px; /* top, right, bottom, left  */
}

div.caption2
{
font-family: Arial,sans-serif;
width: 75%;
margin-left: 1.5em auto;
text-align: left;
font-size: 0.85em;
padding: 0px 0px 15px 100px;
padding-left: 15px;
padding-top: 0;
margin-top: 0;
}

div.gallery-container3
{
width: 98.5%;
margin-left: 1.5em auto;
padding: 0px 0px 0px 0px;
display: table;
}

div.gallery-container1
{
width: 45%;
margin-left: 1.5em auto;
padding: 0px 0px 5px 100px;
display: table;
}

.source
{
font-family: Arial,sans-serif;
text-align: left;
font-size: 0.85em;
padding: 0px 0px 0px 15px; /* top, right, bottom, left  */
}

div.right-hand-source
{
margin: 0px;
background-color: #fff;
font-family: Arial,sans-serif;
text-align: left;
font-size: 0.85em;
display: block;
}

/* NO BORDER around right hand image with source underneath*/
.right-navigation
{
border: none;
display: block;
}

div.image-container{
width: 194px;
margin: 0;
padding: 0 0 5px 0;
background-color: #ff9933;
color: #000;
}

div.image-container a, div.image-container a:link, div.image-container a:visited, div.image-container a:hover, div.image-container a:active
{
color: #000;
}

div.image-container p{
font-size: 0.85em;
padding: 0;
margin: 5px 15px 8px 15px;
}

div.image-container img{
border-bottom: 1px solid #fff;
margin: 0;
padding: 0;
}


/* [For FF]
When using clear in certain instance FF displays a wide gap, so by using this
class it creates a clearing container and fixes the problem and an equivalent clear is used in 2nd style sheet for IE */
.clear-fix {
width: 98.5%;
height: 1px;
max-height: 1px;
display: table; /* creates a clear break before and after */
}

/* [For IE]
Modified to reflect the proper clear class to be used in IE - because IE does the good job for clearing floating elements */
**.clear-fix {
clear: both;
display: inline;  /* creates a clear break before and after */
}

ul.cook-book-nav {
font-size: 0.85em;
list-style-type: square;
margin: 0.75em 0 0.75em 1em;
padding-left: 1em;
}

.add-margin-top1 {margin-top: 1em;}
.add-margin-top15 {margin-top: 1.5em;}
.add-margin-top2 {margin-top: 2em;}

/* NavigationrRows for the top navigation */

.top-nav-row {
width: 95%;
margin: 0.5em auto 0 auto;
padding: 0;
display: block;
}

.top-nav-column {
width: 48%;
float: left;
}

.top-nav-column-single{
width: 98%;
float: left;
}

/* Top navigation for paging with headings */

div.top-nav-paging {
width: 96%;
margin: 0.5em 0 0.5em 1.2em;
padding: 0.85em 0 0.5em 0;
display: block;
border-top: 1px solid #ccc;
}

div.page-col1, div.page-col2, div.page-col-single {
float: left;
margin: 0;
padding: 0;
}

div.page-col1 {width: 65%;}
div.page-col2 {width: 34%;}
div.page-col-single {width: 99%;}

div.page-col2 div.page-navigation
{
width: 100%;
font-size: 0.85em;
text-align: right;
padding: 0;	
margin: 0;
}

div.top-nav-paging h3, div.top-nav-paging h4
{
padding: 0;	
margin: 0;
}

div.page-col-single h4 {margin-top: 0.75em;}



/*genApp*/

/*GENERAL CLASSES FOR GENAPP*/

.genapp_top_link_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 730px;
	clear: left;
	padding: 5px 0px 5px 0px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}

.genapp_hr {
	width: 725px;
	clear: left;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
}

.photo_right {
	font-size: .80em;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 5px 5px 5px 5px;  /* top, right, bottom, left  */
	float: right;
}

.photo_left {
	font-size: .80em;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 5px 5px 5px 15px;  /* top, right, bottom, left  */
	float: left;
}

/*END OF GENERAL CLASSES FOR GENAPP*/


/*CLASSES FOR SEARCH PAGE*/

.genapp_form_field_container {
   width: 100%;
   display: table;
/*  border: 1px solid purple; */     
} 

.genapp_form_label {
   font-size: 1.0em;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   width: 40%;
   float: left;
   padding: 0px 5px 5px 15px;  /* top, right, bottom, left  */
/* border: 1px solid green; */
}

.genapp_form_input {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 55%;
	float: left;
	padding: 0px 5px 5px 0px;  /* top, right, bottom, left  */
  /*border: 1px solid blue; */
}

.genapp_form_input2 {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	float: left;
	padding: 0px 5px 5px 15px;  /* top, right, bottom, left  */
  /*border: 1px solid blue; */
}

.genapp_form_input3 {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	text-align: right;
	float: left;
	padding: 0px 0px 5px 15px;  /* top, right, bottom, left  */
  /*border: 1px solid blue; */
}

/*END OF CLASSES FOR SEARCH PAGE*/


/*CLASSES FOR SEARCH RESULTS PAGE*/

.genapp_results_search_term {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 725px;
	clear: left;
	padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid purple; */     
}

.genapp_results_count_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 730px;
	clear: left;
	padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid purple; */  
}

.data_table {
	clear: left;
	text-align: left;
	padding: 5px 0px 5px 0px;  /* top, right, bottom, left  */
	width: 730px;
	display: table;
	margin-left: 15px;
}


.table_header1 {
	font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 20px;
}

.table_header2 {
	font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 700px;
}


.td_data {
	font-size: 1.0em;
	font-family : Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}


/*END OF CLASSES FOR SEARCH RESULTS PAGE*/


/*CLASSES FOR ITEM DISPLAY PAGE*/

.genapp_item_display_container {
   width: 730px;
   display: table;
   padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/* border: 1px solid purple; */ 
}

.genapp_item_display_label {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 200px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid silver;  */   
}

.genapp_item_display_data {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	width: 450px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid yellow; */
}

/*END OF CLASSES FOR ITEM DISPLAY PAGE*/


/*CLASSES FOR IMAGE DISPLAY PAGE*/

.genapp_image_display_container {
   width: 730px;
   display: table;
   padding: 5px 0px 5px 15px;  /* top, right, bottom, left  */
/* border: 1px solid purple; */ 
}

.genapp_image_display_label {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    width: 730px;
	float: left;
	padding: 0px 0px 0px 0px;  /* top, right, bottom, left  */
/*  border: 1px solid silver;  */   
}

.genapp_image_display_page_navigation {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 730px;
	display: table;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}

.genapp_image_display_src {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 730px;
	display: table;
	padding: 5px 0px 0px 15px;  /* top, right, bottom, left  */
/*	border: 1px solid green; */     
}
/*END OF CLASSES FOR IMAGE DISPLAY PAGE*/