
* { 
 margin: 0; 
 padding: 0; 
} 
body { 
 background: #131716; 
 font: 12px Verdana, sans-serif, "Lucida Grande"; /* 18px */
 text-align: center; 
 color: #333; 
} 
a:link, a:visited { color: #633; } 
a:hover { color: #966; }

#msg {
 text-align: center;
 width: 500px;
 height: auto;
 margin: 0 0 0 60px;
 color: #4f5c90;
 border: thick double;
 border-top: 10px solid;
 border-bottom: 10px solid;
 padding: 5px;
}



h1 { 
 margin-bottom: 11px; 
 padding: 15px 0 21px 0; 
 border-bottom: 1px solid #ccc; 
 font: normal italic 22px Georgia, sans-serif; 
 color: #4f5c90; 
}
h2, h3{ 
 font-weight: normal; 
 font-size: 1em; 
 line-height: 18px; 
} 
h2 { 
 padding: 10px 0 20px 0; 
 font-size: 1.25em; 
 text-transform: uppercase; 
 color: #4f5c90; 
}


.recipe {                           /* use on recipe pages only */
 float: left;
 width: 145px;
 height: 125px;
 text-align: center;
 font: 1em verdana, sans-serif; 
 padding: 10px 0 10px 0; 
 background: #e0e0e5; /* #dadada;  #e0e0e5; */
 margin: 10px 10px 0 0;
}

#recipe-index-header {
 font: 26px vernada, arial, sans-serif; 
 color: #946b80; /* 876275 */
}

#recipe-index-img {
 margin: 0 10px 0 0;
}

#recipe-date {
 float: right;
 color: #4f5c90;
 margin-top: -20px;
}


#listmenu ul{               /* listmenu not being used April 16, 2010 */  
     list-style-type: none; 
     margin: 40px;
     /* padding: 0; */
     /* margin-bottom: 8px; bottom spacing between each UL and rest of content*/
     border: 1px dashed #dadada; 
}

#listmenu ul li{
     width: 178px;     /*  178 to leave room for border */
     /* padding-bottom: 2px;*/ /*bottom spacing between menu items*/
}

#listmenu ul li a{
     color: #333366;
     display: block;
     padding: 2px 0;
     text-decoration: none;
     font-weight: normal;
     border-bottom: 1px solid #dadada;
     font-size: 12px;
}

#listmenu ul li a:visited{
     color: #010101;
}

#listmenu ul li a:hover{ /*hover state CSS*/
     color: #010101;
     background: #f0f0f7;  /*url(hoverheart.gif) no-repeat;*/ 
}


div.image-col1, div.image-col2, div.image-col3, div.image-col4 {     /* align images side by side */
 float: left;                                                        /* very hard to use - beware */
 text-align: center;                                                 /* used on product page only */  
 padding: 10px;
}
img.add-border {
 padding: 3px; 
 border: 1px outset #aabcea;
}  

 
#page {                         /* all */         
 margin: 0 auto; 
 width: 960px; 
 background: #fff ; /* url(page.gif) repeat-y;     page.gif */
 text-align: left; 
}

 
#header {                          /* all */
 height: 164px; /* 192px */
 background: #aabcea; 
} 
#header p { 
 float: left; 
 padding: 60px 24px 24px 24px; 
 font-size: 1.5em; 
 line-height: 1em; 
 color: #fff; 
} 
#header img {
 padding-top: 12px;
 padding-left: 6px; 
}


#base_line1 {                      /* all */
     background : #aabcea ;
     width : 960px ;  
     height : 25px ;
}
img.nav_line1_one  {
     padding-left: 2px ;
     border : 0px ;
     width : 154px ;
     height : 25px ;
}
a.nav_line1_two  {
     font-size: 13px;
     font-family: arial, verdana;
     font-weight: bold;
     float: left; 
     padding: 0 12px 1px 12px; 
     text-align: center; 
     margin: 0 auto 0 auto; 
}
a.nav_line1_two:link {text-decoration: none; color: #333366; } 
a.nav_line1_two:visited {text-decoration: none; color: #333366; } 
a.nav_line1_two:hover { text-decoration: underline; color: #4f5c90; }


.nav_divide_line1 {                 /* all */   
     width : 25px ;
     height : 1px ;
     background : #fff;
}
.nav_divide_line2 {
     width : 122px ;
     height : 1px ;
     background : #4f5c90 ;
}
.nav_divide_line3 {
     width : 612px ;
     height : 1px ;
     background : #fff;
}


#base_line2 {                       
     background : #4f5c90 ;
     width : 960px ;
     height : 25px ;
}
img.nav_line2_one  {
     padding-left : 19px;
     border : 0px ;
     width : 100px ;
     height : 25px ;      
}
a.nav_line2_two  {
     font-size: 13px;
     font-family: arial, verdana;
     font-weight: bold;
     float: left; 
     padding: 0 13px 1px 13px; 
     text-align: center; 
     margin: 0 auto 0 auto; 
}
a.nav_line2_two:link {text-decoration: none; color: #cdd7fa; }
a.nav_line2_two:visited {text-decoration: none; color: #cdd7fa; }
a.nav_line2_two:hover { text-decoration: underline; color: #aabcea; }

.draw-a-line {
 text-align: center;
 width: 100%;
 color: #ccc;                 /* #4f5c90; */
 border-top: 1px dashed;
 height: 1px; 
}


#content-primary-700 {           /* Use this for all pages */
 float:  right; 
 margin: 12px 50px 60px 15px; 
 width: 650px;                   /* set width to be used for all pages */
}
#content-primary-700 h1 { 
 margin-bottom: 11px;                           
 padding: 15px 0 21px 0; 
 border-bottom: 1px solid #ccc; 
 font: normal italic 22px Georgia, sans-serif; 
 color: #4f5c90; 
}
#content-primary-700 h2 { 
 font-size: 1.25em; 
 text-transform: uppercase; 
 color: #4f5c90;
} 
#content-primary-700 p { 
 padding-bottom: 18px; 
}
#content-primary-700 a:link { background: #ffffcc; color: #494b3e; text-decoration: none;}
#content-primary-700 a:visited { background: #ffffcc; color: #494b3e; text-decoration: none;}
#content-primary-700 a:hover { text-decoration: underline; }

.content-primary-700-img {   
 float: left;
 padding: 2px;
 border: 1px solid #aabcea; 
 background: #fff; 
}

.content-primary-700-index-box {         /* index top content box */
 float: right;
 width: 550px;
}        

.content-primary-700-img-index {         /* index content img only */
 float: left;
 padding: 2px;
 border: 1px solid #aabcea; 
 background: #fff;
 margin: 0 15px 5px 0;   
}

.home-page-ad-banner {       /* Not being used at this time 03-06-10 */
 font: normal italic 22px Georgia, sans-serif; 
 color: #5f163b; 
}


#content-secondary-700 {            /* use this for all pages */ 
 width: 217px;                      /* width of the secondary space  */
 text-align: center;
 float: right; 
 margin: 30px 28px 0 0;  /* 30px do not change right of 28px 0 0*/
} 

#content-secondary-700 h3 {       /*  set header 3 for all pages - secondary */  
 background: #ccc;
 padding-bottom: 6px;
 font-weight: bold; 
 font: normal italic 16px Georgia, sans-serif;
 color: #633; 
}

#content-secondary-700 a:link { background: #ffffcc; color: #494b3e; text-decoration: none;}
#content-secondary-700 a:visited { background: #ffffcc; color: #494b3e; text-decoration: none;}
#content-secondary-700 a:hover { text-decoration: underline; }

#ind-sec-div {
 text-align: center;
 padding-top: 20px;
 padding-bottom: 20px;
 border-bottom: 1px dashed #ccc; 
}


/* .recipe-index { */
/*  text-align: left; */
/*  padding: 5px 0 0 20px; */
/* } */


.head-text {                       /* index - newest banner & directory */
 font: normal italic 20px Georgia, sans-serif; 
 color: #4f5c90;
}
.price-line {                     /* price products */
 color: #5f163b;
 font-weight: bold;
}


#index_gallery {
 text-align: center;
  /*  float : center ; */  
  /*   margin-left : 35px ; */   
 margin-top : 20px ;
}
.thumbindex img{
padding: 2px; 
border: 1px solid #ccc;       /* white; */
margin: 0 3px 5px 0;          /* 0 0 5px 0; */
}

/* .thumbindex img{*/
/* padding: 2px; */
/* border: 1px solid #ccc; */      /* white; */
/* margin: 0 15px 5px 0; */         /* 0 5px 5px 0; */
/*}  */
.thumbindex:hover{ 
background-color: transparent;
}
.thumbindex:hover img{ 
 border: 1px solid #3a436e; 
} 
.thumbindex span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffcc;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbindex span img{ /*CSS for enlarged image*/
border-width: 0;
margin: 0 0 2px 0;       /* border around large image  */
padding: 2px;
}
.thumbindex:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* used in - index, farm ============================================== */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}



.cell1 {                               /* cell1,cell2,cell3 used in Links */
     border-width: 0;
     width: 32px; height: 22px;
}
.cell2 {
     border-width: 0;
     width: 56px; height: 17px;  
}
.cell3 {
     font-family: "comic sans ms";
     color: #000000;
     font-size: 12px;
     text-align: left;
     padding: 0 0 2px 10px;
}
.style2 {
     text-align: center;
     font-family: "comic sans ms";
     color: #000000;
     font-size: 12px;
}
span.highlight {
     background-color: #ffffcc;
}





#linebeforedirectory {                             /* all */
 clear: right; 
 height: 5px; 
 background: #4f5c90; 
} 

#freedirlistings {                             /* Free Directory Listings */
 clear: right; 
 height: auto; 
 background: #ffffe6; 
 font-size: 10px; 
 line-height: 1em; 
 color: #3a436e;
 text-align: center; 
} 

 
#footer {                             /* all */
 clear: right; 
 height: 192px; 
 background: #3a436e; 
 font-size: 10px; 
 line-height: 1em; 
 color: #c99;
 text-align: center; 
} 
#footer-info a:link, #footer-info a:visited { color: #fff; } 
#footer-info a:hover { color: #c99; } 
     
#footer-stats a:link, #footer-stats a:visited { color: #4f5c90; } 

 
.clear { 
 clear: both; 
}

