/* apc site-wide css rules */ 

*   { 
margin: 0; 
padding: 0; 
}

body   { 
max-width: 1024px; 
min-width: 1024px; 
background-color: #fff; 
font-size: 16px; 
}

img.left   {
float: left; 
position: relative; 
margin: 0px; 
padding: 0px; 
}

#header   { 
background-color: #030; 
height: 108px; 
}

#locations   { 
float: left; 
width: 292px; 
position: relative; 
width: 292px; 
border: solid 0px yellow; 
}

#products   { 
float: left; 
width: 150px; 
position: relative; 
width: 150px; 
border: solid 0px orange; 
}

#locations p, #products p  { 
margin: 10px 0px 0px 0px;
font: normal 14px/16px arial; 
color: #fff; 
}


/* controls horizontal top nav*/
#menu   { 
background-color: #fff; 
height: 48px; 
margin: 0px 0px 14px 0px; 
}

#menu li   { 
display: inline; 
list-style-type: none; 
font: normal 15px/48px arial; 
color: #555; 
border-right: dotted 1px #777; 
}

#menu li.none   { 
display: inline; 
list-style-type: none; 
font: normal 15px/48px arial; 
color: #555; 
border-right: dotted 0px #777; 
}

a.menu_rollover   { 
color: #333; 
text-decoration: none; 
background-color: #fff; 
padding: 10px 20px 10px 20px; 
border: dotted 1px #fff; 
margin-left: 0px; 
}

a.menu_rollover:hover   { 
border: dotted 1px #777; 
background-color: none; 
}



/* left column */
#left   { 
float: left; 
width: 180px; 
margin: 0px 0px 0px 20px; 
padding:0px; 
background-color: #f2e9d6; 
border: solid 0px red; 
}

#left ul   {
list-style-type: none; 
margin: 12px 0px 0px 14px; 
}

#left li   {
margin: 0px 10px 0px 0px; 
background-color: none; 
}

#left a   { 
font: normal 14px/18px arial; 
display: block; 
text-decoration: none; 
border: solid 1px #f2e9d6; 
color: maroon; 
padding: 4px; 
}

#left a:hover   {
border: solid 1px #cfb683; 
display: block; 
padding: 4px; 
}



/* main content */
#center   { 
margin-right: 216px; 
margin-left: 216px; 
padding: 0px 0px 24px 0px; 
background-color: none; 
border-left: dotted 2px #bbb; 
background-color: none; 
}

	/* headline style and color in the section styles */

#center p   { 
font: normal 14px/18px arial, sans-serif; 
margin: 0px 12px 9px 24px; 
color: #444; 
}

#center ul   {
margin: 0px 24px 21px 52px; 
font: normal 14px/18px arial, sans-serif; color: #555; 
}

#center ol   {
width: 450px; 
margin: 0px 24px 21px 60px; 
font: normal 14px/18px arial, sans-serif; color: #555; 
background-color: none; 
}

#center li   {
margin: 0px 0px 12px 0px; 
}



/* right column */
#right   { 
float: right; 
position: relative; 
width: 180px; 
margin: 0px 20px 0px 0px; 
background-color: #fff; 
border: solid 0px #060; 
}

#right .pic1   {
float: left; 
position: absolute; 
left: 20px;
top: 20px; 
padding-bottom: 0px; 
border: solid 2px #369; 
}

#right .pic2   {
float: left; 
position: absolute; 
left: 80px; 
top: 100px; 
border: solid 2px #369; 
}

#right .pic3   {
float: left; 
position: absolute; 
left: 20px; 
top: 180px; 
border: solid 2px #369; 
}

.adobe   {
text-align: center; 
margin: 12px 0px 0px 0px; 
padding: 3px 3px 9px 3px; 
}

#right .adobe p   {
text-align: center; 
margin: 6px 0px 0px 0px; 
font: normal 12px/16px arial; 
color: #555; 
}

#right .adobe a   {
text-decoration: none; 
font-weight: bold; 
color: #555; 
}

#right .adobe a:hover   {
background-color: #eee; 
}


#disclaimer   { 
clear: both; 
background-color: #ffffff; 
padding: 16px; 
border-top: dotted 2px #bbb; 
}

#disclaimer  p   { 
font: normal 12px/18px arial; 
text-align: center; 
color: #555; 
}


/* end of page footer */
#footer   { 
clear: both; 
background-color: #ffffff; 
padding: 16px; 
border-top: dotted 2px #bbb; 
}

#footer p   { 
font: normal 12px/18px arial; 
text-align: center; 
color: #555; 
}