/* 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;
}
/*database log-in*/
 #log-in{
 float: right;
  margin:0px 50px 15px 720px;
 color:#c0c0c0;
 font-size:14px;
 font-weight:bold;
 clear: right; /*to get it away from the h2's margin*/
 }
#log-in a {
display: block;
text-decoration:underline;
color: #ffffcc;
padding: 0 5px;
line-height: 10px;
}
#log-in a:hover {
color:#c0c0c0;
text-decoration: underline;
/*end database log-in*/

}

 image {
      float:left;
      margin-right:7px;
      border:none;
       }
   
/*social icons*/
 #icons{
 width:260px;
 float: right;
 margin-right:70px;
 margin-bottom:10px;
 clear: right; /*to get it away from the h2's margin*/
 background-color:transparent;

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


/* 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:950px; 

}
/* 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;
          width: 850px;
          border: solid 1px #000;
          border-radius: 10px;
          overflow:auto;
          
   }    
  /*state info*/    
    #stateinfo  {
    width:480px;
     margin:20px 0px 10px 10px;
     overflow:auto;
 
     
    } 
section.leftSidetop {
	margin:15px 2px 10px 0px;
    width:175px;
	padding:5px;
	overflow:auto;
   	border-style:inset;
    border-color:black;
    border-width:3px;
    background-color:#400000;
    color:white;
    font-weight:bold;
 }   
 section.rightSidetop {
	margin: -40px 0px 10px 193px;
    width:120px;
	padding: 5px 1px 5px 1px;
	overflow: auto;
     border-style:inset;
    border-color:black;
    border-width:3px;
    background-color:#400000;
    clear:none;
        
   }   
 #animalpics {
	margin: 20px 0px 20px 10px;
    width:250px;
	padding: 5px 10px 10px 10px;
    overflow:auto;
	
        
    
 }
#animalpics img {
clear: none;
display: inline;    
        
}         
#featured figure {
  border: 2px inset #400000;
float:right;
line-height:20px;
padding-top:5px;
padding-bottom:10px;
padding-right:7px;
padding-left:7px;
background-color:#ffffff;
 margin: -400px 10px 5px  320px; /*top,right,bottom,left*/
 width: 350px;
 overflow:auto;
   }  

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

#featured h2 {font-size:1.714em; margin-bottom: 0.222em;}
#featured h2 a:link, #featured h2 a:visited {color: #800000; text-decoration: none;}
#featured h2 a:hover, #featured h2 a:active {color: #c0c0c0;} 

#featured h3 {font-size: 1.429em; margin-bottom: .5em;}
#featured h3 a:link, #featured h3 a:visited {color: #800000; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #c0c0c0;} 

#featured {font-size: 12px; margin-bottom: 10px;}
#featured  a:link, #featured  a:visited {color: #cc0000; text-decoration: none;}
#featured  a:hover, #featured  a:active {color: #c0c0c0;} 

 
/*  ad space below figure */ 
     
        
  section.google {
    margin: 10px 5px 3px 0px;
     /*top,right,bottom,left*/    
}
/*  Feature Section - end of all code */
	


/*  bottom left half content */
#content {
   float:left;
   width:675px;
   background-color:#eee1be;
    color:#400000;
   font-family: 'MarketingScriptRegular';
   border-style:inset;
   border-color:black;
   border-width:3px;
   padding-top:10px;
   padding-left:3px;
   padding-right:3px;
  padding-bottom:15px;
  
       }
 
 #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;
 } 
 
 .contentimage {
      float:left;
      border:none;
      
       }
 
 section.imagetextleft{
  margin: 265px 0px 10px 5px;
 } 
 
  section.imagetextright{
  margin: 265px 0px 10px 328px;
 }         
section.topsideleft {
  margin: 5px 0px 20px 0px;
  
}
section.topsideright {
  margin: -280px 0px 20px 335px;
  
}


 /*  bottom right half content */
#sidebar {
float: right;
width: 255px;
}
section.sidebar {
margin: 15px 5px 20px 0px; /*top,right,bottom,left*/
 } 
 section.insidesidebar {
background-color:#eee1be;
padding:5px;
margin: 5px 0px 10px 0px; /*top,right,bottom,left*/
  } 
 section.calendar2012 {
background-color:#400000;
padding:5px;
border-style:ridge;
border-color:white;
border-width:3px;
font-size:14px;
color:white;
margin: 15px 0px 15px 0px; /*top,right,bottom,left*/
 }
 
#sidebar  {font-size: 14px; margin-bottom: 15px;}
#sidebar  a:link, #content  a:visited {color: #fad495; text-decoration: none;}
#sidebar  a:hover, #content  a:active {color: #c0c0c0;}   


     
/* 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;
 

 
      
}
section.bottomtext{
float:left;
font-size:14px;
color:white;
margin:30px auto; 

}
section.nowrelevant{
margin: -60px 20px 10px 500px;
float:right;
overflow:auto;
}
/* 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;
   }