/* CSS Document */

/*##############################################################
  Granite State baseline styles
##############################################################*/ 
	body {
	margin: 0px 0;
		}

   #wrapper {width:950px; margin:0 auto; padding:10px 0}  
   #header {width:950px; height:131px; border-top: 4px solid #003366;  border-left: 4px solid #003366; border-right: 4px solid #003366; background:#fff;}   
 #leftcol { clear:both; float:left; width:180px; background-color:#dddddd; border:4px solid #003366;	
border-left: 3px solid #000066; border-right: 10px solid #FFFFFF;}
#content {clear:both; float:left; width:770px; background-color:#fff; border:4px solid #003366}	               
      #content .one_columns {float:left; display:inline; width:650px; margin-left:10px; margin-top:10px; border-bottom:20px solid #fff;}
    
	#content .two_columns {float:left; display:inline; width:280px; margin-top:10px; background-color:#FBDAAE}               
	#banner {clear:both; width:100%; background-color:#003366;}	
    	#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;
		   }



	h1 {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 14px;
		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: #339900;
		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 11px arial;
		color: #003366;
		text-align: right;
		margin: 5px 10px 5px 1px;		
		  }



	a.nav:hover {
		  font: bold 11px arial;
		  color: #FFFFFF;
		  background: #000066;
		
		  
		}
		
		
	a.nav:visited {
		font: bold 11px arial;
		color: #FF0000;
			  
		}

.textmiddle {vertical-align:middle;} 

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

	 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: 5px;
		border: 1px solid #dddddd;
		}



	 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 {padding: 5px 5px 5px 5px;
		
		}
	td.t2 {padding: 0px 0px 0px 0px;	}
	td.t3 {padding: 0px 0px 0px 15px;	}


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

		}

	img.p2 {
	float: left;
		margin-left: 0;

		}

	#dd {
      width: 100%;
		  margin-left: 8%;
		  padding:  2px 0 2px 0;
		}

	#dd li {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		  float: left;
		  font: bold 11px arial;
		   border-right: 1px solid white;
		   border-left: 1px solid white;
           width: 110px;
		}

	#dd li a.menu {
		  display: block;
		  text-align: center;
		  background: #339933;
		  padding: 1px 1px;
		  margin: 0 2px 0 0;
		  color: white;
		  width: 100px;
		  text-decoration: none;
		}

	#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;
		}