/* CSS Document */

/*##############################################################
  Granite State baseline styles
##############################################################*/ 
body {

  margin: 0;
  padding: 0;
 
}

		

   #wrapper {width:950px; margin:0 auto; padding:10px 0}  

    	#nav {clear:both; margin-left: 1em; padding-left: .5em;}	

	  p {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #393939;
		text-align: left;
		margin: 10px 10px 10px 10px;
		   }

  p.side {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #393939;
		text-align: left;
		margin: 10px 5px 10px 5px;
     height:auto;
		   }


	h1 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #003366;
		text-align: center;
		margin: 10px 0px 10px 0px;
		}


	h2 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #003366;
		text-align: left;
		margin: 5px 10px 3px 10px;
		}

	h3 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #003366;
		text-align: center;
		margin: 5px 10px 3px 10px;
		}

	h4 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #003366;
		text-align: center;
		margin: 3px 5px 3px 5px;
		}



	div.bread{
		margin: 5px 20px 15px 10px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;
		color: #646464;
		}

     
        
        
	div.message{
		margin: 5px 20px 5px 10px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: white;
		}

	div.banner {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #003366;
		text-align: center;
		margin: 15px 5px 15px 5px;
	}
	
	div.bannertag {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: white;
		text-align: center;
		
	}


	div.quote {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #003366;
		text-align: right;
		margin: 10px 0px 10px 0px;
		}


	p.nav {
		font: bold 16px arial;
		color: #003366;
		text-align: right;
		margin: 5px 80px 5px 1px;		
		  }



	a.nav:hover {
		  font: bold 14px arial;
		  color: #FFFFFF;
		  background: #000066;
		 
		}
		
		
	a.nav:visited {
		font: bold 14px arial;
		color: #FF0000;
       	background: #ffffff;	  
		}
        
        
        
        p.navmain {
		font: bold 14px arial;
		 color: #FFFFFF;
		text-align: center;
		margin: 5px 10px 5px 5px;
       	
       height:20px;
		  }

	a.navmain {
		  font: bold 14px arial;
		  color: #FFFFFF;
		 text-align: center;
		margin: 5px 10px 5px 5px;
        ;	
           height:20px;		 
		}

	a.navmain:hover {
		  font: bold 14px arial;
		  color: #FFFFFF;
		  background: #003366;
          text-align: center;
		margin: 5px 10px 5px 5px;
        
         	  height:20px;	 
		}
		
		
	a.navmain:visited {
		font: bold 14px arial;
		color: #003366;
         text-align: center;
        margin: 5px 10px 5px 5px;
         
         	  height:20px;
       
		}
        
    

.tablecenter {
margin-right: auto;
margin-left: auto;
background: #ffffff;	
}


	div.footer{
		text-align: center;
		padding: 0;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #ffffff;
        height:20px;
        padding-top:10px;
      
		}

	 ul{
		text-indent: 0px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #646464;
		margin: 5px 7px 5px 10px;
         list-style-type:none;
         margin-left: 1em;
         padding-left: .3em;  
       
		}
       li{
		text-indent: 10px;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #393939;
		margin: 10px;
		}

        
	ul.disc {
		list-style-type:disc; 
		text-indent: 10px;
		color: #393939;
		}

	ul.circle {
		list-style-type:disc;
		text-indent: 20px;
		color: #393939;
		}

	ul.nav {
       
		list-style-type:none;
		text-indent: 2px;
        font-size: 12px;
		color: #003366;
        text-align: left;
     
				}

	ul.nav li {
    margin: 2px 0px 2px 0px;
    padding-top:8px;
		   list-style: none;
		  float: left;
		  font: bold 12px arial;
		  width: 150px;
            height: 150px;
           border: 1px solid #003366;
           height:23px;
           background-color:#F5F3F4;
                   
		}

        ul.nav li:hover {
        color: #ffffff;
		  background: #dddddd;
		}

    ul.nav li:visited {
		font: bold 12px arial;
		color: red;
       	background: #ffffff;	  
		}
           
	 a {
		text-decoration: none;
		}

	a:hover {
		  background: #49A3FF;
		  color: white;
		}

	 div.contact {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #393939;
		text-align: left;
		font-weight: bold;
		margin: 2px 10px 2px 10px;
		padding:0;
		    }


	div.prod {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #393939;
		text-align: left;
		padding: 10px 10px 10px 10px;

		    }
	tr.inventory {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #393939;
		text-align: left;
		padding: 5px 5px 5px 5px;
		border-top: 1px solid #dddddd;
        height:30px;
   
		    }




	  tr.title {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: white;
		font-weight: bold;
		text-align: left;
		padding: 4px 10px 4px 10px;
		    }


	td.t1 { width:150px;
      padding: 0px 0px 0px 0px;	
      border: 1px solid #dddddd;
      background-color:#ffffff;}
    
	td.t2 { width:600px;
    padding: 0px 0px 0px 0px;
     border-left: 10px solid #ffffff;	}
    
	td.t3 { width: 600px;
    padding: 0px 0px 0px 0px;
    vertical-align:text-top;}
    
    td.t4 { width:200px;
    padding: 0px 0px 0px 0px;	
} 


	img.p1 {
		float: right;
		margin-right: 0;

		}

	img.p2 {
	float: left;
		margin-left: 0;
         padding-left:150px;

		}

	
	#dd {
      width: 970px;
		align: center;
		margin: 3px 8px 3px 0px;  
        text-align:center;
         padding-left:175px;
		}

	#dd li {
		 margin: 3px 8px 3px 0px;
		  padding: 0;
		  list-style: none;
		  float: left;
		  font: bold 14px arial;
		
         		}

	#dd li a.menu {
		  display: block;
		  background: #81c41d;
		  color: white;
		   text-decoration: none;
           margin: 3px 8px 3px 0px;
           border-right: 2px solid white;
           padding-right:15px;
           text-align:center;
		}

        	#dd li a.menut {
		  display: block;
		  background: #81c41d;
		  margin: 3px 8px 3px 0px;
		  color: white;
		  text-decoration: none;
           border-right: 0px solid white;
		}
        #dd li a.menut:hover {
		  background: #000066;
		}

	#dd li a.menu:hover {
		  background: #000066;
		}

	.submenu {
		  background: #EAEBD8;
		  border: 1px solid #5970B2;
		  visibility: hidden;
		  position: absolute;
		  z-index: 3;
		  width: 150px;
		}

	.submenu a {
		  display: block;
		  font: 11px arial;
		  text-align: left;
		  text-decoration: none;
		  padding: 5px;
		  color: #2875DE;
		}

	.submenu a:hover {
		  background: #49A3FF;
		  color: white;
		}
        
        #flash {
  position: relative; 
  z-index: 0;
  height: 100%;
  width: 100%;
} 
menu { z-index:100;}