/* CSS Document  */

   /* render html5 elements as block */
   
header, footer, section, aside, nav, article, figure {
display: block;}


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


/** HEADER */
header{
background:url("http://www.countyfairgrounds.net/images/redwoodvertical.jpg"); 
background-repeat:repeat;
width:100%;

}
#inner {
margin: 0px auto;
width:990px; 
overflow: auto;
background:url("http://www.countyfairgrounds.net/images/smallredwoodvertical.jpg"); 
background-repeat:repeat;
}

#inner h1 {
float: left;
margin: 20px 0px 0px 40px;
width: 400px;
background-color:transparent;

}
#inner h1 img {
clear: none;
display: inline;


}
#inner h2 {
color: #fff;
float: right;
font-weight:bold;
font-style: italic;
font-size: 14px;
margin:-70px 170px 0px 400px;
}

image {
      float:left;
      margin-right:7px;
      border:none;
       }

   
/*social icons*/
#icons{
 width:310px;
 float: right;
 margin-right:10px;
 margin-bottom:10px;
 clear: right; 
 background-color:transparent;



 }
 
#icons img {
clear: none;
display:inline;
margin-right:20px;


} 
  #secondicons {
  margin:0px 10px 10px 420px;
  width:440px;
 float: right;
  

 } 
  section.facebook {
     margin: 0px 0px 10px 0px; /*top,right,bottom,left*/
  

} 
section.googleplus {
height:20px;
width:70px;
margin:-30px 0px 0px 100px;




}
section.twitter {
height:20px;
width:85px;
margin:-20px 0px 0px 175px;

}


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


}
nav {
height: 32px;
width:100%;
margin: 0 auto 0 0;
border-top: #000000 inset 2px;
border-bottom: #c0c0c0 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: #ccc;
padding: 0 20px;
line-height: 30px;
}
nav .menu a:hover {
color: #fff;
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: #FFF;
background: #400000;
margin-left: 1px;
white-space: nowrap;
}
nav .menu ul li a:hover { 
background: #333; 
}
nav .menu li:hover ul {
display: block;
position: absolute;
top: 30px;
left: -45px;
}
nav .menu li:hover li {
float: none;
}
nav .menu li:hover a { 
background: #333; 
}
nav .menu li:hover li a:hover { 
background: #333;        
}



/* main container */

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

}
/* featured and all featured contents */
#featured {
         color:#400000;
          background-image:url("http://www.countyfairgrounds.net/images/strawbackgroundtest.jpg"); 
          background-repeat:repeat;
          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;
           border: solid 1px #000;
          overflow:auto;
          
   }    
   #center{
    margin:10px 0px 10px 12px;
   
   }
     section.hgroup {
    width:330px;
     margin:0px 0px 10px 12px;
     
  
  } 
  
    section.myad {
    margin: -90px 5px 10px 350px; /*top,right,bottom,left*/ 
 
   }  
   section.stateselect  {
    margin: -110px 0px 10px 620px;
    overflow:auto;
    width:190px;
 	padding:5px;
	overflow:auto;
   	border-style:inset;
    border-color:black;
    border-width:3px;
    background-color:#400000;
    font-weight:bold;
    color:white;
    font-size:16px;
       
}         
#featured figure {
  border: 2px dashed #400000;
float:right;
padding-top:5px;
padding-bottom:3px;
padding-right:7px;
padding-left:7px;
background-color:white;
 margin: 10px 30px 20px  20px; /*top,right,bottom,left*/
 
 overflow:auto;
   }  
   
   section.figureleft{
 margin: 10px 420px 10px  60px; /*top,right,bottom,left*/
 font-size:16px;
 color:#400000;
 font-weight:bold;
 float:left;
 
 
 
 }
 section.figureright{
 margin: -150px 40px 10px 410px;
 float:right;
 /*top,right,bottom,left*/
   
  } 
   
   
   

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

#featured h2 {font-size:24px;font-weight:bold; 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: 22px;font-weight:bold; margin-bottom: .5em;}
#featured h3 a:link, #featured h3 a:visited {color: #400000; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #c0c0c0;} 
 

       
  #adcopy {
    margin: 10px 0px 13px 100px; /*top,right,bottom,left*/    
}
/*  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;
       }
 
 #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;
 }
 
    .imagecontent {
     float:left;
     margin-right:5px;
     border-style:ridge;
     border-color:#400000;
     border-width:4px;
   }  
  #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;}    
     
     }
   section.odd {
  background-color:#c0c0c0;

 }

  section.left {
   margin: 5px 10px 40px 10px; /*top,right,bottom,left*/
    padding:10px;
  }
   section.sideleft {
  margin: 10px 10px 30px 10px;
  overflow:auto;

 
 }           
section.middle {
  margin: 20px 10px 10px 50px;
  overflow:auto;
} 

section.sideright {
  margin: -82px 10px 30px 220px;
  overflow:auto;

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

      }      
   td  { 
      padding:5px;
   text-align:center;
     }      
   .odd { 
  background-color:#c0c0c0;  

}





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

 } #ads{
 margin:30px 20px 25px 20px;
 } 
 
   #ads a img {
   float: none;
}
#ads a {
    display: block;
    margin-bottom: 38px;
}
       
/* 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 60px 10px 300px;
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;
   }