body {
background-color: #FFFFFF; 
margin-top: 5;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
vertical-align: text-top;
font-family: verdana, helvetica, arial;
font-size: 11px;
color: #000000;
font-weight: normal;
}

      
/* Main DIV elements */


#container {
margin: 0em auto;
width: 690px;
height: 100%;
text-align: center;
background-color: white;
}


#header {
height: 60px;
background-color: #FFFFFF;
padding: 0em;
margin-bottom: 0.5em;
}


#navbar {
height: 21px;
background-color: #DEDEDE;
padding: 0em;
margin-bottom: 0.6em;
text-align: left;
}


#image {
float: right;
width: 340px;
height: 300px;
background-color: white;
text-align: left;
margin: 0em;
}


#image_home {
float: right;
width: 340px;
height: 450px;
background-color: white;
text-align: left;
margin: 0em;
}


#body {
margin-right: 350px;
margin-left: 0px;
height: 450px;
background-color: #FFF6E0;
text-align: left;
overflow: visible;
}

#body_white {
margin-right: 350px;
margin-left: 0px;
height: 350px;
background-color: #FFFFFF;
text-align: left;
}

#body_white_long {
margin-right: 350px;
margin-left: 0px;
height: 800px;
background-color: #FFFFFF;
text-align: left;
}

#body_white_short {
margin-right: 350px;
margin-left: 0px;
height: 300px;
background-color: #FFFFFF;
text-align: left;
}


#body_wide {
width: 690px;
background-color: white;
text-align: left;
}



#customer_region {
margin-right: 350px;
margin-left: 0px;
margin-top: 0em;
background-color: #CCCCCC;
text-align: left;
color: #000000;
font-size: 110%;
font-weight: bold;
padding: 1em;
border: 1px solid red;
}


#customer {
float: right;
width: 340px;
text-align: left;
margin-left: 0em;
margin-top: 0em;
padding: 1em;
background-color: #EFEFEF;
color: #000000;
font-size: 110%;
font-weightL: normal;
border: 1px solid green;
}



#footer {
height: 45px;
background-color: #336699;
margin-top: 1em;
color: #FFFFFF;
font-size: 100%;
}

#footer_white {
height: 45px;
background-color: #FFFFFF;
margin-top: 1em;
color: #336699;
font-size: 100%;
}

/*  Pseudo-class elements */

A:link, A:active { 
color: #335A66;
font-size: 90%;
text-decoration: none;
}


A:visited {
color: #660000;
font-size: 90%;
text-decoration: none;
}


A:hover {
color: #000066;
font-size: 90%;
background-color: #CCFFFF;
text-decoration: none;
}



/* for home page footer links */
A.reversed:link, A.reversed:active { 
color: #FFFFFF;
font-size: 110%;
text-decoration: none;
}


A.reversed:visited {
color: #FFFFFF;
font-size: 110%;
text-decoration: none;
}


A.reversed:hover {
color: #000066;
font-size: 110%;
background-color: #CCFFFF;
text-decoration: none;
}




A.body_link:link, A.body_link:active { 
color: #000099;
font-size: 100%;
text-decoration: underline;
font-weight: normal;
}


A.body_link:visited {
color: #660000;
font-size: 100%;
text-decoration: underline;
font-weight: normal;
}

A.body_link:hover {
color: #F4BF00;
font-size: 100%;
background-color: #000000;
text-decoration: underline;
font-weight: normal;
}


A.home_link:link, A.home_link:active { 
color: #000099;
font-size: 100%;
text-decoration: underline;
font-weight: normal;
}


A.home_link:visited {
color: #660000;
font-size: 100%;
text-decoration: underline;
font-weight: normal;
}

A.home_link:hover {
color: #660000;
font-size: 100%;
background-color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}



/* Content formatting */
/* Paragraph styles */


P {
font-size: 11px;
vertical-align: text-top;
}


P.text {
font-size: 100%;
vertical-align: text-top;
line-height: 140%;
margin-left: 1em;
margin-right: 1em;
}


P.quote {
font-size: 110%;
vertical-align: text-top;
line-height: 150%;
vertical-align: text-top;
background-color: #CCEEEE;
padding: 1em;
}

#text {
font-size: 120%;
vertical-align: text-top;
line-height: 170%;
margin-left: 1em;
margin-right: 1em;
}


P.body_text {
font-size: 100%;
vertical-align: text-top;
line-height: 130%;
margin-left: 0em;
margin-right: 1em;
}


P.caption {
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}


P.details {
font-size: 110%;
color: #FFFFFF;
text-align: center;
padding-top: 1em;
}

P.heading {
font-size: 110%;
color: #003366;
text-align: left;
font-weight: bold;
}




P.para_header {
font-size: 100%;
vertical-align: text-top;
line-height: 120%;
color: #660000;
font-weight: bold;
}

#para_header {
font-size: 100%;
vertical-align: text-top;
line-height: 120%;
color: #003366;
font-weight: bold;
}

#para {
font-size: 100%;
vertical-align: text-top;
color: #003366;
font-weight: normal;
}


P.white {
font-family: Tahoma, verdana, helvetica, arial;
color: #FFFFFF;
font-size: 140%;
line-height: 180%;
margin: 1em;
margin-left: 1em;
margin-right: 1em;
vertical-align: text-top;
}

P.white_body_right {
color: #FFFFFF;
font-size: 100%;
line-height: 30%;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
margin-bottom: 1em;
text-align: right;
vertical-align: text-top;
padding: 0;
}


OL, DD, DT, DL {
font-size: 100%;
vertical-align: text-top;
line-height: 140%;
color: #003366;
}

UL {
font-size: 100%;
vertical-align: text-top;
color: #003366;
list-style-type: disc;
margin-left: 2em;
line-height: 180%;
list-style-position: outside;
}

OL {
font-size: 100%;
vertical-align: text-top;
color: #003366;
margin-left: 2em;
line-height: 130%;
}


UL.products {
font-size: 110%;
vertical-align: text-top;
color: #003366;
list-style-image: url(images/arrow.gif);
list-style-type: disc;
margin-left: 2em;
margin-bottom: 2em;
line-height: 130%;
list-style-position: outside;
}


/* Home page artist's Image */
img.tech_img
{
border: 2px solid #003366;
}