/* <<<<< 1 Main Visual Styles >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	 body {background: #fff url('') top center repeat-y; }
     body {font: 13px/17px Verdana, Arial, sans-serif; color: #000;}

     /* Link Styles */ 
     a {text-decoration: none; color: #010432; cursor: pointer; }
     a.active {font-weight: bold;}
     a:hover {text-decoration: underline;}
     a:visited {text-decoration: none;}

     /* Table Styles */
	 table {border-collapse: collapse; background: #fff; margin: 20px 0; }
	      table td {height: 24px; padding: 1px 6px; vertical-align: bottom; border: 1px solid #979797;}
          table td img {height: 24px; width: 24px; vertical-align: middle; border: none; }
          table tr td a {border: none; }
		  thead td {background: url('../img/content_bg.jpg') left bottom no-repeat; }
		  tfoot td {height: 8px; background: url('../img/content_bg.jpg') right bottom no-repeat; border: none; }
		  tfoot tr {border: 1px solid #979797; }
		  thead tr td {vertical-align: middle; font-weight: bold; }
          thead td.title {width: auto; }
          thead td.size {width: 60px; text-align: center; }
          tbody td.size {text-align: right; }
          tbody td.type {text-align: center; }

     /* General Page Styles */
     p {margin: 16px 0;}
     #content h1 {padding: 8px 0 10px 10px; margin-bottom: 20px; background: url('../img/h1_bg.gif') top left no-repeat; font-size: 20px; line-height: 20px; font-weight: bold; color: #fff; text-transform: uppercase; }
     #content h2 {font-size: 18px; line-height: 18px; font-weight: bold; color: #010432; }
	 #content h3 {font-size: 15px; color: #010432; }
	 #content h4 {font-size: 14px; border-bottom: 1px solid #010432; margin-bottom: 5px; }
     hr {border: none; border-top: 1px solid #30355e; margin: 18px 0 24px 0; *margin: 8px 0 8px 0; }



/* <<<<< 2 Main Template Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

	 /** #frame layout styles **/
     #header, #nav ul {display: block; }
     
     /** #nav **/
	 #nav {}
     #nav p {display: block; height: 30px; line-height: 30px; margin: 10px 0 0 0; padding: 0; background: url('../img/nav_bg.gif') center no-repeat; }
          #nav a {padding: 0 5px; }
          #nav a:hover {color: #c33; }

     /** #content styles **/
     #content-wrap {background: url('../img/content_wrap_bg.gif') top center repeat-y; }
     #content {position: relative; background: url('../img/content_bg.jpg') bottom no-repeat; margin-bottom: 30px; }
          #content_btm {position: absolute; left: -10px; bottom: -20px; display: block; width: 750px; height: 20px; background: url('../img/footer_bg.gif') no-repeat; }

	 #frame address {padding: 15px 30px 15px 30px; }
	 #frame address.panel {position: relative; min-height: 145px; height: auto !important; height: 145px; }
	 #frame address.panel a {color: #c33; font-size: 14px; font-weight: bold; padding-left: 5px; }
	 #frame address.panel span {display: block; width: 316px; height: 146px; position: absolute; top: 0; right: 0; background: url('../img/mudco_sm.png') top left no-repeat; }


     /** #footer styles **/    
     #footer {}
          #frame #footer * {color: #30355e; margin: 0; }
          #frame #footer p a {color: #c33; }

/* <<<<< 3 Custom Classes and ID's >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
     #content .italics {font-style: italic; }

     #content .left {float: left; }
	      img.left {padding: 0 20px 0 0; }
     #content .right {float: right; }
          img.right {padding: 0 0 0 20px; }

	 /* ul.corporate styles */
	 ul.corporate {margin: 8px 0; }
          ul.corporate label {display: block; width: 400px; float: left; }

	 ol.warehouse, ol.warehouse ul, ol.warehouse li, ol.warehouse li p{margin: 0; }
     ol.warehouse li {position: relative; }
	      ol.warehouse h4 {margin-top: 10px; }
          
		  ul.contact {position: absolute; top: 24px; right: 0; width: 220px; }
	     	   ul.contact label {display: block; width: 80px; float: left; font-weight: bold; color: #c33; }
               ul.contact p {*float: left; }
     img.border {float: right; padding: 3px; border: 1px solid #2f3157; margin: 0 0 10px 20px; }
     #content img.home {padding: 3px; border: 1px solid #2f3157; margin: 0 0 20px 0;}

	 /* div.panel styles */
     .panel {padding: 10px ; margin-bottom: 30px; text-align: justify; background: #eee url('../img/panel_bg.gif') top left; border: 1px solid #2f3157;}
          .panel h3 {margin: 5px 0; text-align: right; }
          .panel p {margin: 0; padding:0; font-style: italic; }