 /* CSS Document  */
   /* render html5 elements as block */
 

header, footer, section, aside, nav, article, figure {
display: block;}


 html, body {
line-height: 1;
background:url("https://www.countyfairgrounds.net/images/woodplanksbackground.jpg"); 
background-repeat:repeat;
margin:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;

}
/** HEADER */
header{
width:100%;

}
#inner {
margin:0px auto;
width:990px; 
overflow:auto;


}

#inner h1 {
float: left;
margin: 10px 130px 20px 130px;
width: 730px;
background-color:transparent;

}
#inner h1 img {
clear:none;
border:none;

}
/*social icons*/


/* nav */ 
#navbar{
width:990px;
margin: 0 auto;


}
nav {
height: 32px;
width:100%;
clear:both;
margin: 0 auto 0 0;
border-top: #eeeeee inset 2px;
border-bottom: #eeeeee solid 2px;
background-color: #400000;
}
nav .menu {
font-size: 12px;
font-weight: bold;
margin-left: 12px;
}
nav .menu ul {
list-style: none;
margin: 0;
}
nav .menu li {
float: left;
position: relative;
}
nav .menu a {
display: block;
text-decoration: none;
color: #ffffff;
padding: 0 20px;
line-height: 30px;
}
nav .menu a:hover {
color: #eeeeee;
text-decoration: underline;
}

/* nav 1-level dropdowns */
nav .menu li ul { 
display: none; 
z-index: 8888;
}
nav .menu ul li a {
display: block;
text-decoration: none;
color: #ffffff;
background: #400000 ;
white-space: nowrap;


}
nav .menu ul li a:hover { 
background: #400000; 
color:#e88562;
}
nav .menu li:hover ul {
display: block;
position: absolute;
top: 30px;
left: -40px;
}
nav .menu li:hover li {
float: none;
}
nav .menu li:hover a { 
background: #fff;
color:#eeeeee; 
}
nav .menu li:hover li a:hover { 
background: #fff;  
}



/* main container */

#container {
margin: 0 auto;
width:900px; 

}

  #adcopy{
    margin: 10px 70px 10px 70px;
   
}
/* featured and all featured contents */
#featured {
         color:#400000;
                 line-height:16px;
          font-family:serif;
          font-weight:bold;
          font-size:14px;
          font-family: 'MarketingScriptRegular';
           margin:15px 25px 5px 25px;
          clear: both;
          padding-right:2px;
          padding-left:5px;
          padding-top:8px;
          padding-bottom:2px;
          width: 850px;
          overflow:auto;
          
   }   
  
   
  /*state info*/    
    #stateinfo  {
    width:480px;
     margin:10px 0px 10px 5px;
     overflow:auto;
 
     
    } 
#findafair {
	margin:15px 2px 10px 0px;
    width:200px;
	padding:5px;
	overflow:auto;
   	border-style:inset;
    border-color:black;
    border-width:3px;
    background-color:#400000;
    color:white;
    font-weight:bold;
 }   
   
         
#featured figure {
  border: 2px inset #400000;
float:right;
padding-top:5px;
padding-bottom:3px;
padding-right:7px;
padding-left:7px;
background-color:#ffffff;
 margin: -150px 40px 5px  220px; /*top,right,bottom,left*/
 width: 400px;
 overflow:auto;
   }  

#featured figure img {display: block; float:right;}

#featured h2 {font-size:19px;font-weight:bold; color:#400000;margin-bottom: 0.200em;}
#featured h2 a:link, #featured h2 a:visited {color: #400000; text-decoration: none;}
#featured h2 a:hover, #featured h2 a:active {color: #c0c0c0;} 

#featured h3 {font-size: 17px;font-weight:bold; color:#990000;margin-bottom: .5em;}
#featured h3 a:link, #featured h3 a:visited {color: #990000; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #c0c0c0;} 
  
 #featured h4 {font-size: 15px;font-weight:bold; color:#400000;margin-bottom: .5em;}
#featured h4 a:link, #featured h4 a:visited {color: #400000; text-decoration: none;}
#featured h4 a:hover, #featured h4 a:active {color: #c0c0c0;} 

/*  Feature Section - end of all code */
	


/*  bottom left half content */
#content {
   float:left;
   width:580px;
   background-color:#eee1be;
    color:#400000;
   font-family: 'MarketingScriptRegular';
   border-style:inset;
   border-color:black;
   border-width:4px;
   padding:10px;
   font-size:15px;
   font-weight:bold;
       }
 
 #content h2 {
 font-size:16px;
 color:#cc0000;
 font-weight:bold;
 font-family: 'MarketingScriptRegular';
 margin: 30px auto 10px 0px; 
 padding-top:5px;
 padding-bottom:5px;
 overflow:auto;
 }

 
 
 
  #content  {font-size: 14px; margin-bottom: .2em;}
#content  a:link, #content  a:visited {color: #900000; text-decoration: none;}
#content  a:hover, #content  a:active {color: #c0c0c0;}    

        
  table{
     border-collapse:collapse;  
	 
  }        
   #One{
     border-style:ridge; 
     border-width:3px;
     border-color:black;
     color:white;
     background-color:#990000;
     padding:5px;
	 
	 } 
	 #Two{
     border-style:ridge; 
     border-width:3px;
     border-color:black;
     color:white;
     background-color:#990000;
     padding:5px; 
	 
 } 
	 #Three{
     border-style:ridge; 
     border-width:3px;
     border-color:black;
     color:white;
     background-color:#990000;
     padding:5px; 
	 
	  } 
	 #Four{
     border-style:ridge; 
     border-width:3px;
     border-color:black;
     color:white;
     background-color:#990000;
     padding:5px; 
	 
      }   

	  
   td  { 
   padding-top:3px;
   padding-left:5px;
   padding-right:5px;
   padding-bottom:2px;
   text-align:center;
   margin-top:0px;
   font-size:15px;
   color:#400000;
   font-weight:bold;
   text-align:center;
}

  .odd  { 
   padding-left:5px;
   padding-right:5px;
   padding-bottom:2px;
   text-align:center;
   background-color:#c0c0c0;
   margin-top:0px;
 
}


   

 /*  bottom right half content */
#sidebar {
float: right;
width: 290px;



 
}
 #sidebar h3 {
 font-size:14px;
 color:#ffffff;
 font-weight:bold;
  background-color:#800000;
 border-style:ridge;
 border-width:4px;
 border-color:#c0c0c0;
 padding:10px;
 width:240px;
 
   }
   #google{
margin:20px 0px 20px 0px;
  
 }

#GetResponse {
margin:30px 0px 38px 0px;
 
 }

#shareasale{
 margin:10px 0 30px 0px;
 
 } 
 
   #shareasale a img {
   float: none;
   border:none;
}
#shareasale a {
    display: block;
    margin-bottom: 38px;



 }
 
  #sidebargoogle{
 margin:20px 0px 30px 30px;
 
}
       
/* footer */
footer {

width:100%;
margin:570px auto 20px 0px;
border-top: #000000 inset 2px;
border-bottom: #c0c0c0 solid 2px;
background-color: #400000;
overflow:auto;

 }
  #bottom {
  width:990px;
background-color:#400000;
font-weight:bold;
margin: 0px auto;
 
     
}
#bottomleft{
float:left;
font-size:14px;
color:white;
margin:10px 550px 10px 50px;



}
#bottomright{
clear:both;
margin:-60px 20px 10px 340px;
float:right;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 1, 2011 07:27:24 PM America/New_York */


@font-face {
    font-family: 'MarketingScriptRegular';
    src: url('MarketingScript-webfont.eot');
    src: url('MarketingScript-webfont.eot?iefix') format('eot'),
         url('MarketingScript-webfont.woff') format('woff'),
         url('MarketingScript-webfont.ttf') format('truetype'),
         url('MarketingScript-webfont.svg#webfontblVIzv19') format('svg');
    font-weight: normal;
    font-style: normal;
   } 
    