/********************************************/
/* FlourMill.css     November 2008          */
/*                                          */
/* Chana Food Products Flour Mill Web Site  */
/* Written by Balwinder Chana January 2009  */
/* WWW.chanafoodproducts.com                */
/* www.tecumsehflour.com                    */
/* www.tecumsehatta.com                     */
/********************************************/

* {
  margin:  0;
  padding: 0;
  border:  0;
}

body	{
	font-family : "11px arial","Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif, Dauphin;
	font-size : 70%;
   	text-align : center;
	color : #777; /#888
	padding-top : 2em;
	background-color: #C89C52;  /*black;   red = #AB1A13  */
	border: 0px;
}

div#Layout {
   width: 800px;
   height: 726px; /*706 */  
   margin: auto;
   background: white;
   color:      black;
   border: 0px; /* 11-5-09 */
   /* border: 1px solid darkgray;  not necessary since backround black */	
}

div#Trailer {
   clear: both;   /* can't have any elements near by */
   text-align: right;
   position: bottom;
   background-color: black;  /* RTI Blue #578bb8;  */ 
   padding: 0;
   padding-right: 10px;
   height: 1.5em;
   line-height: 1.5em;
   width: 790px;
   color: white;
   border: 0px; /* 11-5-09 */
}


div#TopRegion {
   width:  800px;
   height: 326px;
   background: black; /* RTI blue=#578bb8; */
   color:      white;
   float: center;
}

div#TextRegionTop {
   width: 580px;
   height: 120px;
   padding: 10px;
   float: right;
   text-align: right;
}
div#MenuBarFirstPage {
   width:  800px;
   height: 26px;
   float:  left;
}
div#LogoRegion {
   width:  200px;
   height: 195px;
   float: left;
}
img#Logo {
   width: 200px;
   height: 195px;
}
img#Heading {
   width: 800px;  /*600px;*/
   height: 300px; /*120px;*/
   border: 0px;
   float:center;
}


div#FirstPageTextRegion {
   width: 780px;  /* 446px */
   height: 400px;  /*506*/
   font: "Helvetica";
   margin: auto;
   padding: 10px;
   background: white;
   color: black;
   float: left;
   text-align: left;
}
div#ProcessPageTextRegion {
   width: 426px;  /* 446px */
   height: 500px;  /*506*/
   font: "11px arial";
   margin: auto;
   padding: 10px;
   background: white;
   color: black;
   float: right;
   text-align: left;
}


div#RecipePageTextRegion {
   width: 426px;  /* 446px */
   height: 456px;  /*506*/
   margin: auto;
   font: "courier";
   margin: auto;
   padding: 10px;
   background: white;
   color: black;
   float: right;
   text-align: left;
}

div#FirstPagePictureRegion {
   width: 354px;
   height: 400px;  /*506px  11-05-09  */
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: left;
}
div#ProcessPagePictureRegion {
   width: 354px;
   height: 520px;  /*506px  11-05-09  */
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: left;
}
div#RecipePagePictureRegion {
   width: 354px;
   height: 476px;  /*506px  11-05-09  */
   margin: auto;
   background: white;
   color: black;
   float: left;
}

img#Process {
  width: 350px;
   height: 267px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	
img#Process2 {
   width: 200px;
   height: 243px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	
img#WhySartaj {
   width: 217px;
   height: 231px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	



img#ProductLarge {
   width: 300px;
   height: 257px;
   margin: auto;
   background: white;
   color: black;
   float: center;
}
	
img#Product {
  width: 150px;
   height: 257px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	

img#Product2 {
  width: 75px;
   height: 100px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	
img#Recipes {
   width: 300px;
   height: 215px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	

img#Contact {
   width: 250px;
   height: 325px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	
img#WhereToBuy {
   width: 250px;
   height: 400px; /*185*/
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	
img#Link {
   width: 300px;
   height: 258px;
   margin: auto;
  /* padding: 10px;*/
   background: white;
   color: black;
   float: center;
}	
	
}

img#TopLineImage {
   width: 100px;
   height: 80px;
   border: 1px solid black;
   float: Left;
}

img#LeftSideImage {
   width: 175px;
   height: 125px;
   border: 1px solid black;
   float: left;
}

h1#Title {
   font-family: "Copperplate Gothic Light", Dauphin,helvetica, arial;	
   font-size: 2.6em;
   font-weight: normal;
}

h2#Sub1 {
   font-family: arial, "Copperplate Gothic Light", Dauphin,helvetica, arial;	
   font-size: 1.6em;
   font-weight: normal;
}

h3#Sub2 {
   font-family: arial, "Copperplate Gothic Light", Dauphin,helvetica, arial;	
   font-size: 1.4em;
   font-weight: normal;
}

p#Paragraph1 {
   color: white;
   background: #AB1A13;
   font: 11px arial;  /* 11-05-09  "Lucida Grande";  */
   font-size: 1em;
   white-space: pre wrap;
}

p#Paragraph2 {
   font: 11px arial;
   color: black;
   background: white;
   font-size: 1.2em;
   font-weight: normal;
   white-space: pre wrap;
}

p#StoreListTitle {
   color: black;
   background: yellow;
   font-size: 1.5em;
   font-weight: normal;
   white-space: pre wrap;
	
}	

p#center {
   text-align: center;
/*   border: 2px solid black;*/
   color:      black;
   background: white;
   margin:     auto
}


a#mail {
   color: #AB1A13;  /* blue;  */
}

div#ContactUsContentRegion {
   width:         540px;
   height:        486px;

   padding: 10px;
   padding-left:   20em;
   
   text-align:    left;
   background:    white;
   color:         black;
   float:         left;
}

ul#RecipeList {
   font: ariel;
   font-size: 1.2em;
   background-color: white;
   color: black;
   
}

li#rl {
  
}

/************************************************** Menu 

/*** Navigation Bar ***/
#navdiv {
   background-color: black; /*blue = #578bb8;*/ 
   color: white;
   width: 670px;  /* 544px 3/9/10   */
   padding: 0px;
   margin: auto;

   /*border-top: 2px solid darkgray;*/
   
}

ul#nav {
   font-size: 1.15em;
   list-style-type:none;
   width:   670px; /* 544px 3/9/10 */
   height:  1.7em;
   background-color: black; /*blue = #578bb8;*/
   padding: none;
   margin: none;
}

#nav li {
   float: left;
   list-style-type:none;
   font-weight: normal;
   font-size: 1.02em;
   background-color: black; /*blue = #578bb8;*/
   height: 1.7em;
   line-height: 1.5em;
   color: white;
   border-right: solid white 1px; 
   white-space:nowrap;

}

#nav li a{
   display: block;
   list-style-type:none;
   font-weight: normal;
   font-size: 1.02em;
   background-color: black; /*blue = #578bb8;*/
   height: 1.7em;
   line-height: 1.5em;
   color: white;
   white-space:nowrap;
   
   padding-left: 1em;
   padding-right: 1em;
   float: left;
   margin: none;
}

#nav a:hover {
   text-decoration: none;
   background-color: white; /*#80b0da;*/
   color: black; /*white;*/ 
}



#nav li.selected {
   text-decoration: none;
   background-color: white; /*#AB1A13; */
   color:black; 
}


/******************************************* End Menu/