/* 
     Stylesheet for FireFly Farms
     --------------------------------------------------------
     File Name: fff.css
     Media: Screen
     Version: 1.1
     Created: 19 September 2005
     Last-Modified: 25 January 2006
     --------------------------------------------------------
*/ 


/* 
     HTML Elements
     ---------------------------------------------------------- */ 

/* --- Document Elements --- */
body { background: #FFFFFF; color: #000000;  margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif;  }

/* --- Block Elements --- */
br { }
hr { }
img { }
a img { border: 0px none; }

/* --- Header Text --- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } 
h1 { font-size: 18px; color: #336633; margin-bottom: 2px; }
h2 { font-size: 16px; color: #663366; margin-bottom: 2px; }
h3 { font-size: 16px; color: #336633; margin-bottom: 2px; }
h4 { font-size: 14px; color: #336633; margin-bottom: 0px; }
h5 { font-size: 12px; color: #336633; margin-bottom: 0px; }
h6 { font-size: 11px; color: #336633; margin-bottom: 0px; }

/* --- Block Text --- */
p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; } 
p {}
blockquote {}
caption {}
div {}

/* --- Text Elements --- */
a { color: #336633; }
a:hover { color: #666633; }
pre {}
span {}
sup { font-size: 9px; }

small { font-size: 10px; }
address {}

/* --- List Items --- */
ul, ol, li { font-family: Arial, Helvetica, sans-serif; }
ul {}
ul li { }
ol {}


/* --- Definition Elements --- */
dl, dt, dd { font-family: Arial, Helvetica, sans-serif; }
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table { width: 100%; margin-top: 0px; font-size: 12px; border-top: 1px solid #c6c6ac; }
th { padding: 2px 8px 2px 0px; text-align: left; color: #000000; border-bottom: 1px solid #c6c6ac; vertical-align: bottom; }
thead {}
tbody {}
tr {}
td { padding: 2px 8px 2px 0px; text-align: left; border-bottom: 1px solid #c6c6ac; background: transparent; vertical-align: top;  }
tfoot {}
legend {}

/* --- Inputs --- */
input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input {}
select {}
button {}
textarea {}
form { margin: 0px; padding: 0px; }


/* 
     Header Container ID's
     ---------------------------------------------------------- */ 
#header { width: 970px; margin: 0px auto 0px auto; background: #f0f0e0 url(/frame-images/main/backgrounds/firefly_header.gif) no-repeat 0px 0px; }
#homepage #header { width: 970px; margin: 0px auto 0px auto; background: #f0f0e0 url(/frame-images/main/backgrounds/firefly_header_hp.gif) no-repeat 0px 0px; }
#function #header { width: 578px; height: 86px; margin: 0px; background: #f0f0e0 url(/frame-images/main/backgrounds/firefly_header_function.gif) no-repeat 0px 0px; }
          /* Start Clear Hack */
          #header:after { content: ""; display: block; height: 0; clear: both; }
          #header { height: 80px; }
          /* Stop Clear Hack */

     /* --- Branding Container --- */
     #branding { float: left; }
     #branding img { width: 125px; height: 80px; margin-left: 70px; }

     #merry_goat_round { position: absolute; top: 66px; margin-left: 205px; }
     /* Fix for superscripted links in IE. Hide from IE Mac \*/
     * html #merry_goat_round { position: absolute; top: 66px; margin-left: 9px; }
     /* End */
     
     #utilitynav { float: right; width: 142px; height: 60px; margin: 0px; padding: 10px; border-left: 1px solid #ffffff; background: #d1e0d1; }
     #utilitynav li { font-size: 11px; color: #336633; margin: 0px; padding: 0px; list-style: none none; }
     /* Fix for superscripted links in IE. Hide from IE Mac \*/
     * html #utilitynav li { font-size: 11px; color: #336633; margin: -3px 0px 0px 0px; padding: 0px; list-style: none none; }
     /* End */
     #utilitynav a { color: #336633; }
     #utilitynav a:hover { color: #330033; }
     

/* 
     Main Body Container ID's
     ---------------------------------------------------------- */ 
#mainwrapper { width: 970px; margin: 0px auto 0px auto;  background: url(/frame-images/main/backgrounds/mainwrapper.gif) repeat-y 0px 0px; }
#homepage #mainwrapper { width: 970px; margin: 0px auto 0px auto;  background: url(/frame-images/main/backgrounds/mainwrapper_hp.gif) repeat-y 0px 0px; }
#function #mainwrapper { width: 578px; margin: 0px; background: url(/frame-images/main/backgrounds/mainwrapper_function.gif) repeat-y 0px 0px; }
          /* Start Clear Hack */
          #mainwrapper:after { content: ""; display: block; height: 0; clear: both; }
          #mainwrapper { height: 100%; }
          /* Stop Clear Hack */

     #column1 { float: left; width: 230px; padding: 35px 0px 190px 0px; background: url(/frame-images/main/backgrounds/column1.gif) no-repeat 0px 0px; }
     body#cheese #column1 { background: url(/frame-images/main/nav_images/cheese_main.gif) no-repeat 0px 0px; }
     body#cheese.alleghenychevre #column1 { background: url(/frame-images/main/nav_images/allegheny_chevre.gif) no-repeat 0px 0px; }
     body#cheese.buchenoire #column1 { background: url(/frame-images/main/nav_images/buche_noire.gif) no-repeat 0px 0px; }
     body#cheese.meadowchevre #column1 { background: url(/frame-images/main/nav_images/meadow_chevre.gif) no-repeat 0px 0px; }
     body#cheese.merrygoatround #column1 { background: url(/frame-images/main/nav_images/merry_goat_round.gif) no-repeat 0px 0px; }
     body#cheese.mountaintopbleu #column1 { background: url(/frame-images/main/nav_images/mtb.gif) no-repeat 0px 0px; }

     
     #column1 ul { margin: 0px; padding: 0px 10px 0px 10px; }
     #column1 ul li { margin: 13px 0px 0px 0px; padding: 0px; list-style: none none;  }
     #column1 a { color: #666633; text-decoration: none; }
     #column1 a:hover { color: #663366; text-decoration: underline; }
     
     #column1 ul li ul { margin: 0px; padding: 0px 0px 10px 0px; }
     #column1 ul li ul li { margin: 0px; padding: 0px 0px 4px 15px; font-size: 12px; color: #336633; list-style: none none;  background: url(/frame-images/main/nav_images/secondary_off.gif) no-repeat 0px 8px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #column1 ul li ul li { margin: 0px; padding: 0px 0px 4px 15px; font-size: 12px; color: #336633; list-style: none none;  background: url(/frame-images/main/nav_images/secondary_off.gif) no-repeat 0px 10px;  }
     /* End */
     #column1 ul li ul li.selected { font-weight: bold; color: #663366;  background: url(/frame-images/main/nav_images/secondary_on.gif) no-repeat 0px 8px;  }
     #column1 ul li ul li.selected a { color: #663366; text-decoration: none; }
     #column1 ul li ul li.selected a:hover { color: #330033; text-decoration: underline; }
     
     #column1 ul li ul li.selected ul {  }
     #column1 ul li ul li.selected ul li { margin: 0px; padding: 0px 0px 4px 15px; font-size: 12px; font-weight: normal; color: #336633; list-style: none none;  background: url(/frame-images/main/nav_images/tertiary_off.gif) no-repeat 7px 6px;  }
     #column1 ul li ul li.selected ul li a { color: #666633; text-decoration: none; }
     #column1 ul li ul li.selected ul li a:hover { color: #330033; text-decoration: underline; }
     #column1 ul li ul li.selected ul li.selected { margin: 0px; padding: 0px 0px 4px 15px; font-size: 12px; font-weight: normal; color: #336633; list-style: none none;  background: url(/frame-images/main/nav_images/tertiary_on.gif) no-repeat 7px 6px;  }
     #column1 ul li ul li.selected ul li.selected a { color: #663366; text-decoration: none; }
     #column1 ul li ul li.selected ul li.selected a:hover { color: #330033; text-decoration: underline; }
     
     
     #pageheadergraphic { width: 740px; }
     #pageheadertext { width: 738px; }
     
     #contentwrapper { float: left; width: 738px; }
     
     body#interior #column2 { float: left; width: 528px; padding: 25px;  font-size: 12px; color: #000000; }
     body#cheese #column2 { float: left; width: 528px; padding: 25px;  font-size: 12px; color: #000000; }
     body#cheese.alleghenychevre #column2 { padding: 35px 20px 20px 25px;  background: url(/frame-images/main/backgrounds/allegheny_chevre.gif) no-repeat 0px 0px; }
     body#cheese.buchenoire #column2 { padding: 35px 20px 20px 25px;  background: url(/frame-images/main/backgrounds/buche_noire.gif) no-repeat 0px 0px; }
     body#cheese.meadowchevre #column2 { padding: 35px 20px 20px 25px;  background: url(/frame-images/main/backgrounds/meadow_chevre.gif) no-repeat 0px 0px; }
     body#cheese.merrygoatround #column2 { padding: 35px 20px 20px 25px;  background: url(/frame-images/main/backgrounds/merry_goat_round.gif) no-repeat 0px 0px; }
     body#cheese.mountaintopbleu #column2 { padding: 35px 20px 20px 25px;  background: url(/frame-images/main/backgrounds/mtb.gif) no-repeat 0px 0px; }
     body#about #column2 { float: left; width: 578px; padding: 0px; font-size: 12px; color: #000000; }
          #pageheaderfarm { width: 575px; height: 121px; margin: 0px 0px 0px 2px; }
          #column2inner { float: left; width: 453px; padding: 25px 100px 25px 25px; font-size: 12px; color: #000000; }
     body#newsroom #column2 { float: left; width: 528px; padding: 25px;  font-size: 12px; color: #000000; }
     #column2 h1 { margin: 0px 0px 2px 0px; }
          
     #column2 p { margin-top: 0px; }
     #column2 ul { margin: 0px; padding: 0px 0px 0px 0px; }
     #column2 ul li { padding: 0px 0px 3px 10px; background: url(/frame-images/main/backgrounds/bullet.gif) no-repeat 0px 7px; list-style: none none; }

     .imgright { float: right; margin: 0px 0px 5px 15px; font-size: 10px; }
     .imgleft { float: left; width: 140px; margin: 0px 15px 5px 0px; font-size: 10px; }
     
     .noborder { width: 100%; margin-top: 0px; font-size: 12px; border-top: 0px none; }
     .noborder th { padding: 2px 5px 2px 5px; text-align: left; color: #000000; border-bottom: 0px none; vertical-align: bottom; }
     .noborder td { padding: 2px 5px 2px 5px; text-align: left; border-bottom: 0px none; background: transparent;  }
     .noline { text-decoration: none; }
     #innercola { float: left; width: 147px; margin: 35px 20px 0px 0px; font-size: 10px; }
          #innercola div { margin: 0px 0px 10px 0px; }
     #innercolb { float: left; width: 361px; }
          #innercolb h1 { font-size: 16px; margin: 0px 0px 10px 0px; }
     
     body#interior #orderbtn { float: right; position: relative; bottom: 31px; margin: 0px 0px -21px 10px; }
     
     body#cheese #orderbtn { float: right; position: relative; bottom: 31px; margin: 0px 0px -21px 10px; }
     body#cheese.alleghenychevre #orderbtn { float: right; position: relative; bottom: 41px; margin: 0px 0px -31px 10px; }
     body#cheese.buchenoire #orderbtn { float: right; position: relative; bottom: 41px; margin: 0px 0px -31px 10px; }
     body#cheese.meadowchevre #orderbtn { float: right; position: relative; bottom: 41px; margin: 0px 0px -31px 10px; }
     body#cheese.merrygoatround #orderbtn { float: right; position: relative; bottom: 41px; margin: 0px 0px -31px 10px; }
     body#cheese.mountaintopbleu #orderbtn { float: right; position: relative; bottom: 41px; margin: 0px 0px -31px 10px; }
     
     body#about #orderbtn { float: left; position: relative; top: 112px; left: 488px; }
     #orderbtn img { width: 80px; height: 80px; }


     body#about #tourbtn { float: left; position: relative; bottom: 157px; left: 508px; }
     body#cheese #tourbtn { float: left; position: relative; top: 100px; left: 36px; }
     
     #cartlinks { float: right; margin: 15px 0px 0px 0px; }
     #cartlinks.top { float: right; margin: -20px 0px 0px 0px; }
     #cartlinks ul { margin: 0px; padding: 0px; }
     #cartlinks ul li { display: inline; padding: 0px 5px 0px 10px; list-style: none none; background: url(/frame-images/main/backgrounds/pipe.gif) no-repeat 0px 3px; }
     #cartlinks li.start { background: none; }

     .cartorder { margin: -10px 0px 35px 0px; border-top: 1px solid #c6c6ac; border-bottom: 1px solid #c6c6ac;  font-size: 11px; font-weight: bold; }
     .cartorder td { vertical-align: middle; }
     .value { font-weight: normal; width: 25px; border: 1px solid #999966; }
     
     #column3 { float: left; width: 160px; padding: 14px 0px 20px 0px; font-size: 12px; color: #000000; }
     #column3 h2 { margin: 0px; font-size: 12px; color: #000000; }
     #column3 p { margin: 0px 0px 10px 0px; font-size: 12px; }
     #column3 ul { margin: 0px; padding: 0px; }
     #column3 li { margin: 0px 0px 10px 0px; padding: 0px; font-size: 11px; list-style: none none; }
          .column3inner { padding: 5px 14px 5px 14px; }
          .column3inner img { margin: 0px 0px 5px 0px; }
          .sidebarhr { margin: 0px 0px 0px 7px; }
          
          
#hpcolumn1 { float: left; width: 230px; height: 444px; margin: 0px; padding: 125px 0px 0px 0px; background: url(/frame-images/main/backgrounds/column1_hp.gif) no-repeat 0px 0px; }
     #hpcolumn1 ul { margin: 0px; padding: 0px 0px 0px 10px; }
     #hpcolumn1 li { margin: 0px; padding: 0px 0px 20px 0px; list-style: none none; font-size: 12px; }
     #hpcolumn1 li.hpnavitemone { width: 210px; }
     #hpcolumn1 li.hpnavitemtwo { width: 135px; }
     #hpcolumn1 li.hpnavitemthree { width: 145px; }
     #hpcolumn1 li.hpnavitemfour { width: 160px; }
     #hpcolumn1 a { color: #000000; text-decoration: none; }
     #hpcolumn1 a:hover { text-decoration: underline; }

#hpcolumn2 { float: left; width: 577px; margin: 0px; padding: 0px 0px 0px 0px; }
     #mainimg { width: 577px; height: 305px; }
     #orderonline { width: 377px; height: 52px; padding: 11px 0px 0px 200px; background: url(/frame-images/main/backgrounds/order_online.gif) no-repeat 0px 0px; }     
     #bottomimg { width: 577px; height: 200px; }

#hpcolumn3 { float: left; width: 163px; margin: 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #ffffff; }
#hpcolumn3 p { margin: 0px 0px 10px 0px; }
#hpcolumn3 a { color: #ffffff; }
#hpcolumn3 a:hover { color: #ffffff; }
#hpcolumn3 .firefly { margin: 0px 0px 0px 8px; }
     .col3inner { padding: 10px; }
          
          
#title { width: 538px; padding: 15px 10px 5px 30px; background: url(/frame-images/main/backgrounds/title.gif) no-repeat 0px 0px; font-size: 24px; font-weight: bold; color: #ffffff; }
     
#pagebody { width: 533px; padding: 15px 15px 15px 30px; font-size: 12px; }
          /* Start Clear Hack */
          #pagebody:after { content: ""; display: block; height: 0; clear: both; }
          #pagebody { height: 100%; }
          /* Stop Clear Hack */
     
/* 
     Footer Container ID's
     ---------------------------------------------------------- */ 
#footer { width: 960px; margin: 0px auto 0px auto; padding: 5px 0px 20px 10px; font-size: 10px; color: #000000; background: #ffffff; }
#function #footer { width: 553px; margin: 0px; padding: 5px 10px 10px 15px; font-size: 10px; color: #000000; background: #ffffff; }
          /* Start Clear Hack */
          #footer:after { content: ""; display: block; height: 0; clear: both; }
          #footer { height: 100%; }
          /* Stop Clear Hack */
          
     #copywrite { float: left; margin-right: 75px; }
     #contact { float: left; margin-right: 15px; }

     #nav_function { float: left; margin: 0px; padding: 0px; }
     #nav_function li { display: inline; margin: 0px; padding: 0px 4px 0px 5px; background: url(/frame-images/main/backgrounds/footer_pipe.gif) no-repeat 0px 3px; }
     #nav_function li.start { padding: 0px 2px 0px 0px; background: none; }
     #nav_function a { color: #663366; }
     #nav_function a:hover { color: #330033; }
     
     #cdglink { float: right; }
     #cdglink a { color: #000000; text-decoration: none; }
     #cdglink a:hover { color: #000000; text-decoration: underline; }

     #marylandpride { display: inline; position: relative; bottom: 120px; left: -633px; } /* Changed 12/7/09 */
     
/* 
     Utilities
     ---------------------------------------------------------- */ 
.clear { clear: both; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; border: 0; padding: 0; font-size: 0; line-height: 0; }
.hr { height: 1px; font-size: 1px; margin: 20px 0px 20px 0px; border-top: 1px solid #663366; }
td.alignright { text-align: right; }