/* ---------------------------------- 
Element Style Sheets 
---------------------------------- */

body  {
	color:           black;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Lucinda, Arial, Helvetica, sans-serif;
	background-color: white;
	margin:   0;
	padding:  0;
	top:  0;
	right: 0;
	bottom: 0;
	left: 0;
	}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, address {
	color: black;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Lucinda, Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	margin-top: 0;
	margin-bottom: 1em;
	}

a  {
	font-weight: bolder;
	text-decoration: underline;
	}
	
a:link  { 
	}

a:visited  {
	color: #808080 ;
	}

a:hover  {
	color: #900 ;
	}

a:active {
	color: black ;
	}

h1	    {
	color:        #900;
	font-size:     18px;
	}

h2	     {
	color:        gray;
	font-size:     15px;
	font-weight:   bold;
	margin-top:    1.25em;
	margin-bottom: 1.25em;
	}

h3	   {
	color:        black;
	font-size:     12px;
	font-weight:   bold;
	margin-bottom: 0.25em  ;
	}

h4    {
	font-size:    11px;
	margin-bottom: 0.25em;
	}

h5	 {
	font-size: 10px ;
	}

h6	 {
	font-size:  9px ;
	}

img {
	display: block;
	border-width: 0 
	}

li      {
	font-size:      12px;
	line-height:     1.5em;
	list-style-type: square;
	margin-bottom:   6px ;
	padding-left: 0;
	}

td   { 
	}

ul	    {
	font-weight:        normal;
	list-style-type:     circle;
	list-style-position: outside;
	margin-top:   0;
	}

address {
	font-style: normal;
	margin-bottom: 0;
	}
	
cite   {
	color:         #666;
	font-style:     italic;
	line-height:    1.15em;
	display:        block;
	margin:         12px 40px;
	padding-top:    6px;
	padding-bottom: 6px;
	border-top:     1px solid #666;
	border-bottom:  1px solid #666;
	}
	
em {
	color: maroon;
	font-style: normal;
	}

samp   {
	color:        black;
	display:       block;
	padding-right: 60px;
	padding-left:  20px;
	}

strong    { }

/* ---------------------------------- 
Global Style Sheets
---------------------------------- */

.hide {
	display: none 
	}

.inline {
	display: inline 
	}

/* ---------------------------------- 
Site Wide Style Sheets 
---------------------------------- */

#tagline {
	color: #c6aa6b;
	font-size: 14px;
	font-style: italic;
	position: absolute;
	top: 145px;
	left: 260px;
	}

#topbargraphic {
	position: absolute;
	top: 49px;
	left: 530px;
	right: 0;
	width: 470px;
	height: 168px;
	}

#logo       {
	position:  absolute;
	z-index:  2;
	top:  0;
	right:  0;
	left:  0;
	width: 1000px;
	height: 217px;
	}

#navigation {
	position: absolute;
	top: 181px;
	width: 750px;
	height: 36px;
	z-index: 5;
	padding-left: 250px;
	}
	
#navigation ul   {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#navigation li {
	list-style-type: none;
	position: relative;
	font-size: 14px;
	background-image: url(images/goldbutton.gif);
	text-align: center;
	width: 125px;
	height: 28px;
	float: left;
	padding-top: 8px;
	}

#navigation li  ul  {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	background-image: url(images/NAV.gif);
	padding: 12px;
	}
	
#navigation li ul li {
	background-image: none;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	height: auto;
	padding-top: 0;
}

#navigation li:hover ul, #navigation li.sfhover ul     {
	display: block;
	}

#navigation a:link   {
	color:black;
	text-decoration: none;
	}

#navigation a:visited     {
	color:   black;
	text-decoration: none;
	}

#navigation a:hover     {
	color:  white;
	}

#navigation a:active   {
	color: #800000;
	}
	
#subnavigation  {
	background-color: white;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width:700px;
	padding: 28px 25px 25px;
	}

#subnavigation a { 
	text-decoration:  none; 
	font-size: 10px; 
	display:inline; 
	list-style-type: none;  
	}

#subnavigation a:link  {
	color:gray;
	font-weight: bold;
	}

#subnavigation a:visited  { 
	color:gray;  
	 }

#subnavigation a:hover   { 
	color: #c6aa6b;  
	}

#subnavigation a:active  {
	color: #900000;
	}

#sidebar { 
	background-color: #900; 
	position: absolute; 
	top: 217px; 
	left: 0; 
	width: 250px; 
	height: 2500px; 
	}

#sidebargraphic { 
	position: absolute; 
	top: 0; 
	left: 55px; 
	width: 198px; 
	height: 522px; 
	}

#contentarea  { 
	position: absolute;  
	z-index: 1; 
	top: 217px; 
	left: 250px; 
	width: 750px; 
	}

#content   {
	width: 650px;
	padding:  72px 50px 50px;
	}

#content ul { 
	padding-left: 50px;
	 }

#footer  { 
	position: absolute; 
	top: 800px; 
	left:  0; 
	width:  250px; 
	}

#footer p    {
	color: #c6aa6b;
	font-size: 9px;
	line-height: 0.7em;
	text-align: center;
	}
	
.milkmangold {width: 130px; height: 122px; margin-top: 50px; margin-left:520px }
/* ----------------------------------
Page Specific Style Sheets
---------------------------------- */
.bfwagon { width: 249px; height: 155px; 
	float: left;
	padding-right: 24px;
	padding-bottom: 24px;
	}
#trucks { width: 450px; }
#bfwagon {
	width: 249px; 
	height: 155px;
	}

.centered { text-align: center; }
	
#truck35 { 
	width: 276px; 
	height: 155px; 
	float: left; 
	}

#truck40 { 
	width: 299px; 
	height: 155px; 
	}
	
#truck79 { 
	width: 205px; 
	height: 155px; 
	float: left;
	}

#truck85 { 
	width: 298px; 
	height: 155px; 
	}

#truck07 { 
	width: 298px; 
	height: 155px; 
	}

#directory {
	color: black;
	font-size: 12px;
	line-height: 14px;
	background-color: white;
	text-align: left;
	margin-top: 12px;
	width: 648px;
	}
#directory th { color: white; font-size: 12px; font-weight: bold; line-height: 16px; background-color: #900; padding: 3px; }
#directory tr { background-color: #c6aa6b; }
#directory td {
	padding: 3px;
	}
#salesdirectory { color: black; font-size: 12px; line-height: 14px; background-color: white; text-align: left; margin-top: 12px; width: 648px; }
#salesdirectory th {
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	background-color: #900;
	padding: 3px;
	}
#salesdirectory tr { background-color: #c6aa6b; }
#salesdirectory td { padding: 3px; }

#sales-ext {
	width: 75px
}

#sales-contact {
	width: 150px
}

#emailform {
	color: black;
	font-size: 12px;
	line-height: 24px;
	background-color: #c6aa6b;
	text-align: left;
	text-indent: 12px;
	margin-top: 24px;
	width: 648px;
	padding-top: 24px;
	padding-bottom: 24px;
	}

#emailform th {
	line-height: 16px;
	text-align: right;
	padding: 12px;
	}

#sendto {
	width: 225px;
	}

#name, #email, #subject {
	width: 425px;
	}

#message {
	width: 425px;
	height: 200px;
	}

#submit {
	margin-top: 12px;
	margin-left: 350px;
	}
	
#ezbalford {
	width: 650px;
	height: 650px;
	}

#featuredtable {
	margin-left: 50px;
	}

#featuredtable p {
	color: white;
	font-size: 14px;
	line-height: 36px;
	background-color: #c6aa6b;
	width: 215px;
	padding-right: 12px;
	padding-left: 12px;
	}
.featuredbrands { padding: 12px; width: 200px; height: 200px; }
#headquartersgraphic { width: 550px; height: 282px; margin-left: 150px; }

#homepagegraphic { width:540px; height:785px; margin-top: 35px; }

#loginform {
	color: black;
	font-size: 12px;
	line-height: 14px;
	background-color: #c6aa6b;
	text-align: left;
	position: absolute;
	left: 50px;
	margin-top: 12px;
	width: 700px;
	padding-top: 12px;
	padding-bottom: 12px;
	}

#loginform th {
	font-weight: bold;
	line-height: 16px;
	text-align: right;
	padding: 3px;
	}

#larry {
	float: left;
	padding-right: 24px;
	padding-bottom: 24px;
	}
#map { width: 648px; height: 448px; }

#mission {
	 width: 650px; 
	 height: 175px; 
	 background-image: url(images/NAV.gif); 
	 text-align: center; 
	 text-indent: 12px; 
	 padding: 24px; 
	 outline: solid thin black; 
	 }
	 
#catalog { 
	width: 432px;
	height: 610px;
	margin-left:100px; 
	text-align: center; 
	 }
	 
#milkman {
	position: absolute;
	top: 400px;
	left: 0;
	}
	
#pagegraphic {
	width: 450px;
	height: 450px;
	}
	
#productguidegraphix { 
	width: 332px;
	height: 410px;
	margin-left:50px;
	padding-bottom: 24px;
		}