/* CSS Document  */

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


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


/** HEADER */
header{
background:url("woodgrainbackground.jpg"); 
background-repeat:repeat;
width:100%;

}
#inner {
margin: 0px auto;
width:990px; 
overflow: auto;
background:url("woodgrainbackground.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: #7399c0;
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:250px;
 float: right;
 margin-right:60px;
 margin-bottom:10px;
 clear: right; /*to get it away from the h2's margin*/
 background-color:transparent;

 }
#icons img {
clear: none;
display: inline;
}


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

}
/* featured and all featured contents */
#featured {
         color:#7399c0;
          background-color:#b0d7fe; 
          line-height:16px;
          font-family:serif;
          font-weight:bold;
          font-size:16px;
          font-family: 'MarketingScriptRegular';
           margin:15px 25px 5px 25px;
          clear: both;
          padding-right:2px;
          padding-left:5px;
          padding-top:8px;
          padding-bottom:2px;
          width: 870px;
          border: solid 1px #c0c0c0;
          border-radius: 10px;
          overflow:auto;
          
   }    
  /*state info*/    
    #stateinfo  {
    width:490px;
     margin:10px 0px 10px 10px;
     overflow:auto;
   
        
}         
#featured figure {
  border: 2px dashed #7399c0;
float:right;
padding-top:5px;
padding-bottom:3px;
padding-right:7px;
padding-left:7px;
background-color:#ffffff;
 margin: -350px 10px 20px  320px; /*top,right,bottom,left*/
 width: 385px;
 overflow:auto;
   }  

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

#featured h2 {font-size:1.714em; margin:20px 50px 10px 10px;}
#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: 1.429em; 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;} 

/*  ad space bottom inside state info */ 
   section.roses {
    margin: 10px 0px 15px 0px; /*top,right,bottom,left*/    
}

/*  ad space bottom inside state info */ 
   section.google {
    margin: 20px 5px 3px 0px; /*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;
       }
 
 #content h2 {
 font-size:16px;
 color:#7399c0;
 font-weight:bold;
 font-family: 'MarketingScriptRegular';
 margin: 10px auto; 
       
}

#content a {
display: block;
text-decoration:underline;
color: #800000;
padding: 0 5px;
line-height: 10px;
}
#content a:hover {
color:#c0c0c0;
text-decoration: underline;

}


  section.left {
   margin: 5px 10px 20px 0px; /*top,right,bottom,left*/
    padding-top:5px;
   padding-left:10px;
   padding-right:5px;
   padding-bottom:5px;
   
 
 }           
section.sideleft {
  margin: 5px 10px 10px 20px;
} 

section.sideright {
  margin: -60px 10px 10px 220px;
}
 /*  bottom right half content */
#sidebar {
float: right;
width: 310px;
}
section.sidebar {
margin: 15px 10px 20px 10px; /*top,right,bottom,left*/
 } 
 section.insidesidebar {
background-color:#eee1be;
padding:5px;
margin: 5px 5px 10px 5px; /*top,right,bottom,left*/
 }
       
/* footer */
footer {

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

 }
  #bottom {
  width:990px;
background-color:#7399c0;
font-weight:bold;
margin: 0px auto;
 

 
      
}
section.bottomtext{
float:left;
font-size:14px;
color:#400000;
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;
   } 
    
