/* master page styles  */

body
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	background-color: #0156A4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#555555;
}
a:link,a:visited, a:active{
	color: #90352b;
	text-decoration: none;
}
a:hover{
	color: #cb483a;
	text-decoration: underline;
}
.btn
{
	color:#555555;
	font-size:12px;
	border:solid 1px;
}
  img.VSimg
  {
	
	vertical-align:bottom;
  }
    .VShead
    {
		background-image:url(images/top1.gif);
		height:22px;
    }
    .headerWrapper
    {
		width:100%;
		background-image:url(images/flashBack.gif);
		height:152px;
    }
    .VStopNav
    {
		background-image:url(images/topNav1.gif);
		height:26px;
		width:750px;
		
		
	
    }
      .pageWrapper
    {
	   
	    width:750px;
	    margin-left: auto;
		margin-right: auto;
		text-align:left;
    }
   
  .pageWrapper1
    {
	   
	    width:740px;
	    margin-left: auto;
		margin-right: auto;
		text-align:left;
		padding:10px 5px 5px 5px;
    }
    .bodyWrapper
  {
		width:100%;
		background-image:url(images/bg.gif);
		background-repeat:repeat-x;
		
  } 
  .flashContainer
	{
		width:750px;
		height:151px;
		background-image:url(images/flashSub.jpg);
	}
	
    
    p, h1, h2, h3, h4, h5, h6,#ContentPlaceHolder1
    {
	    
	    color:#555555;
	    margin: 1em 0;		/* specifically define this for Opera's sake, and
				           also for better consistency across all platforms  */
    }
    
   .inside
    {
	    padding: 0.5em;	  /*this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
	    background-color:#ffffff;
	    min-height:300px;/*for firefox*/
		_height: 300px; /* for ie */
    }
     #outerColumnContainer
    {
	    
	    margin-bottom:0 0 500px 0;
	   
    }
    #leftColumn
    {
	   
	    width: 590px;
	    
	    float:left;
	    color:#555555;
	    overflow: visible;	/* fix for IE italics bug */
	    min-height:400px;
	  
	   
    }
    
    
   
    #rightColumn
    {
	    float: left;
	    position: relative;	/* IE has a display/render bug with non-floated 
				    block elements inside floated block elements. 
				    setting position:relative on the floating
				    element seems to resolve this. */
	    
	    
		width: 140px;
		
	    	/* like in the #contentColumn selector, without
				    the 1px margin on the opposite side of the 
				    box, boxes stop floating next to each other */
		height:452px;
		background-color:white;
		padding:5px;
    }
      #footer
    {
	   text-align:center;
	   color:#ffffff;
	   padding-top:10px;
	   font-size:10px;
	 
    }
    a.hidden:link, a.hidden:hover,a.hidden:visited
    {color:#ffffff;
		 font-size:10px;
		 text-decoration:none;
    }
    .center
    {
		text-align:center;
    }

    .clear

    {
	    clear: both;
	    padding-bottom: 1px;	/* for Gecko-based browsers */
	    margin-bottom: -1px;	/* for Gecko-based browsers */

    }
    	.top
	{
		float:right;
		height:20px;
		padding-right:20px;
	}
	.VSsearchBox
	{
		margin:2px 0px 0px 70px;
		color:#ffffff;
		
	} 
       .ads
    {
		padding:0.5em;
		text-align:right;}
.VSsearchBox,.VStopNav,#rightColumn,#leftColumn
    {
	    float: left;
	    position: relative;	/* IE has a display/render bug with non-floated 
				    block elements inside floated block elements. 
				    setting position:relative on the floating
				    element seems to resolve this. */
	    
	    overflow: visible;	/* fix for IE italics bug */
	    z-index:10;
    }
  .menu, a.menu:link, a.menu:active, a.menu:visited,a.menu:hover
    {
		
		color:#ffffff;
		margin-top:1px;
		padding:3px 10px 2px 10px;
		text-decoration:none;
		font-weight:bold;
		line-height:18px;
		border-right:solid 1px #cccccc;
		float:left;
		
		}
   /*admin styles*/
   td.boxed2
   {
	background-color:#ffffff;
	padding:0.5em;
	font-size:12px;
	height:_500px;
	min-height:500px;
   }

  /*recipe styles*/
  .innerContent
    {
		padding:0.5em 0 0.5em 1.5em;
    }
   
     .random
   {
	position:absolute;
	top:520px;
	width:250px;
	color:#555555;
	font-size:13px;
	z-index:10;
	font-weight:bold;
	margin-left:20px;
	
	
	
   }

	
 
   
    .divider
    {
		border-top:solid 3px #e5e5e5;
		width:530px;
    }
    .item
    {
		padding:0.5em 0 0.5em 2em;
		font-size:14px;
    }
     .item1
    {
		padding:0.5em 0.5em 0.5em 0.5em;
		font-size:12px;
		border-bottom:solid 1px #cccccc;
    }
    .recipeList
    {
		
		padding:10px 10px 10px 20px;
		border-bottom:solid 1px #e5e5e5;
		width:500px;
		
    }
   li.recipe
   {
	list-style: none;
	}
   
    a.recipe2:link 
	 
    {
		color: #90352b;
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		
    }
	   a.recipe2:visited
	 
    {
		color: #90352b;
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		
    }
	 
	 
	 a.recipe2:hover{
	 color: #90352b;
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		text-decoration:underline;
	 	
	 }
 
   p.bodytext
   {
	 padding: 0.5em 0.5em 0.5em 0.5em;
	 
   }
   
   
    /* The below block of CSS is invalid, and will invalidate this stylesheet. */

   .title
   {
	font-size:13px;
	color: #90352b;
	font-weight:bold;
	border-top:solid 2px #cccccc;
	padding:10px 0px 5px 15px;
   }
   .boldHead
   {
	font-weight:bold;
	color:#555555;
	padding:10px 0px 5px 15px;
   }
   .recipeWrapper
   {
	
	padding:10px 10px 5px 15px;
	
	
   }
   .line
   {
	height:_245px;
	min-height:245px;
	border-bottom:dotted 1px #cccccc;
   }
   .recipeBody
   {
	_height:280px;
	min-height:280px;
   }
   li.direction
   {padding:0px 35px 5px 0px;
   }
	
@media print
{
	/* master page styles  */

.none
{display:none;
}
body
{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	background-color: #0156A4;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#555555;
}
a:link,a:visited, a:active{
	color: #90352b;
	text-decoration: none;
}
a:hover{
	color: #cb483a;
	text-decoration: underline;
}
.btn
{
	color:#555555;
	font-size:12px;
	border:solid 1px;
}
  img.VSimg
  {
	
	vertical-align:bottom;
  }
    .VShead
    {
		background-image:url(images/top1.gif);
		height:22px;
		display:none;
    }
    .headerWrapper
    {
		width:100%;
		background-image:url(images/flashBack.gif);
		height:152px;
		display:none;
    }
    .VStopNav
    {
		background-image:url(images/topNav1.gif);
		height:26px;
		width:750px;
		display:none;
		
	
    }
   
  .pageWrapper
    {
	   
	    width:750px;
	    margin-left: auto;
		margin-right: auto;
		text-align:left;
    }
    .bodyWrapper
  {
		width:100%;
		background-image:url(images/bg.gif);
		background-repeat:repeat-x;
		
  } 
  .flashContainer
	{
		width:750px;
		height:151px;
		background-image:url(images/flashSub.jpg);
	}
	 #footer
    {
	    display:none;
	     position: relative;
	     border-style: solid;
	    border-width: 1px 0;	/* handles the top of the footer section and 
	  			           the bottom of the entire layout */
    }
    
    p, h1, h2, h3, h4, h5, h6,#ContentPlaceHolder1
    {
	    
	    color:#555555;
	    margin: 1em 0;		/* specifically define this for Opera's sake, and
				           also for better consistency across all platforms  */
    }
    
   .inside
    {
	    padding: 0.5em;	  /*this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
	    background-color:#ffffff;
	    min-height:300px;/*for firefox*/
		_height: 300px; /* for ie */
    }
     #outerColumnContainer
    {
	    
	    margin-bottom:0 0 500px 0;
	   
    }
    #leftColumn
    {
	   
	    width: 590px;
	    
	    float:left;
	    color:#555555;
	    overflow: visible;	/* fix for IE italics bug */
	    min-height:400px;
	    padding:5px;
	   
    }
    
    
   
    #rightColumn
    {
	    float: left;
	    position: relative;	/* IE has a display/render bug with non-floated 
				    block elements inside floated block elements. 
				    setting position:relative on the floating
				    element seems to resolve this. */
	    
	    
		width: 100px;
		
	    	/* like in the #contentColumn selector, without
				    the 1px margin on the opposite side of the 
				    box, boxes stop floating next to each other */
    }
    #footer
    {
	   text-align:center;
	   color:#ffffff;
	   background-color:pink;
    }
    

    .clear

    {
	    clear: both;
	    padding-bottom: 1px;	/* for Gecko-based browsers */
	    margin-bottom: -1px;	/* for Gecko-based browsers */

    }
    	.top
	{
		float:right;
		height:20px;
		display:none;
	}
	.VSsearchBox
	{
		margin:2px 0px 0px 70px;
		color:#ffffff;
		
	} 
       .ads
    {
		padding:0.5em;
		text-align:right;
		display:none;}
.VSsearchBox,.VStopNav,#rightColumn,#leftColumn
    {
	    float: left;
	    position: relative;	/* IE has a display/render bug with non-floated 
				    block elements inside floated block elements. 
				    setting position:relative on the floating
				    element seems to resolve this. */
	    
	    overflow: visible;	/* fix for IE italics bug */
	    z-index:10;
    }
  .menu, a.menu:link, a.menu:active, a.menu:visited,a.menu:hover
    {
		
		color:#ffffff;
		margin-top:1px;
		padding:3px 10px 2px 10px;
		text-decoration:none;
		font-weight:bold;
		line-height:18px;
		border-right:solid 1px #cccccc;
		float:left;
		display:none;
		
		}
   

  /*recipe styles*/
  .innerContent
    {
		padding:0.5em 0 0.5em 1.5em;
    }
   
     .random
   {
	position:absolute;
	top:320px;
	width:250px;
	color:#555555;
	font-size:13px;
	z-index:10;
	font-weight:bold;
	margin-left:20px;
	
	
	
   }

	
 
   
    .divider
    {
		border-top:solid 3px #e5e5e5;
		width:430px;
    }
    .item
    {
		padding:0.5em 0 0.5em 2em;
		font-size:14px;
    }
     .item1
    {
		padding:0.5em 0.5em 0.5em 0.5em;
		font-size:12px;
		border-bottom:solid 1px #cccccc;
    }
    .recipeList
    {
		
		padding:10px 10px 10px 20px;
		border-bottom:solid 1px #e5e5e5;
		width:400px;
		
    }
   li.recipe
   {
	list-style: none;
	}
   
    a.recipe2:link 
	 
    {
		color: #90352b;
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		
    }
	   a.recipe2:visited
	 
    {
		color: #90352b;
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		
    }
	 
	 
	 a.recipe2:hover{
	 color: #90352b;
		text-decoration:none;
		font-weight:bold;
		font-size:13px;
		text-decoration:underline;
	 	
	 }
 
   p.bodytext
   {
	 padding: 0.5em 0.5em 0.5em 0.5em;
	 
   }
   
   
    /* The below block of CSS is invalid, and will invalidate this stylesheet. */

   .title
   {
	font-size:13px;
	color: #90352b;
	font-weight:bold;
	border-top:solid 2px #cccccc;
	padding:10px 0px 5px 15px;
   }
   .boldHead
   {
	font-weight:bold;
	color:#555555;
	padding:10px 0px 5px 15px;
   }
   .recipeWrapper
   {
	
	padding:10px 10px 5px 15px;
	border:solid 1px;
	width:460px;
	font-size:9px;
	
	
   }
   .line
   {
	_height:280px;
	min-height:280px;
	border-bottom:dotted 1px #cccccc;
   }
   .recipeBody
   {
	_height:280px;
	min-height:280px;
   }
   li.direction
   {padding:0px 35px 5px 0px;
   }
	
   
}