/* picture-frames.css */
html, body {
background: #CCCC99;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 0px;
padding: 0px;
}
#body-center {
background-color: #CCCC99;
text-align: center;
}
#body {
background-color: #FFFFFF;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
/* min-width: 770px; */
/* width: 64em; */
width: 770px;
position: relative;
text-align: left;
border: #000000 1px solid;
}
#navbar {
vertical-align: top;
position: relative;
width: 160px;
background-color: #FFFFFF;
}
.navbar-links {
position: relative;
padding-left: 10px;
}
.navbar-spacer {
position: relative;
height: 20px;
}
#content {
position: relative;
top: 0px;
left: 0px;
vertical-align: top;
text-align: left;
width: 610px;
margin: 0px;
padding: 10px;
padding-left: 0px;
/* background-color: #00FFFF; */
}
.title {
font-size: 30px;
font-weight: bold;
}
/* #home-pic {
/* position: absolute;
/* /* left: 430px; */
/* left: 300px;
/* /* top: 70px; */
/* top: 10px;
/* width: 300px;
/* height: 244px;
/* background-color: #99FF00;
/* } */
#home-pic {
float: right;
width: 300px;
height: 244px;
background-color: #FF00FF; */
/*
#home-pic-bgnd {
float: right;
width: 310px;
height: 244px;
background-color: #FF00FF; */
}
*/
div.instruction {
border: 1px solid #000000;
}
/*
#products-pic {
position: absolute;
left: 170px;
top: 55px;
width: 575px;
height: 286px;
background-color: #99FF00;
}
*/
#products-pic {
width: 575px;
height: 260px;
/* background-color: #FF00FF; */
}
/*
#products-pic-bgnd {
width: 575px;
height: 260px;
background-color: #FF00FF;
}
*/
/* general
body { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background-color: #EEEEEE; }
div.main_bdr { background-color: #FFFFFF; border: 1px #000099 solid; width: 800px; }
td.container { text-align: left; vertical-align: top; }
td.footer { text-align: center; padding: 5px; }
h1 { font-size: 24px; font-style: italic; display: inline; }
/* navbar
td.navbar { background-color: #000099; text-align: center; }
td.nav{ padding: 5px; padding-left: 20px; padding-right: 20px; text-align: center; }
a.nav { color: #CCCCFF; text-decoration: none; font-weight: bold; }
a.nav:hover { color: #FFFFFF; text-decoration: underline; }
/* contact bar
td.conbar { background-color: #000099; text-align: center; }
td.con { padding: 5px; padding-left: 20px; padding-right: 20px; text-align: center; font-size: 12px; color: #CCCCFF; }
a.con { color: #CCCCFF; text-decoration: none; font-weight: bold; }
a.con:hover { color: #FFFFFF; text-decoration: underline; }
/* home page
table.services { border: #000099 1px solid; width: 220px; }
td.services_head { background-color: #000099; color: #FFFFFF; font-weight: bold; padding: 3px; padding-left: 10px; padding-right: 10px; }
td.services { background-color: #EEEEFF; color: #000000; padding: 3px; padding-left: 10px; padding-right: 10px; }
/*
div.container { position: relative; top: 0; left: 0; }
div.main { position: absolute; top: 0; left: 0; z-index: 9; background-color: #C95D03; }
div.help { position: absolute; top: 0; left: 0; z-index: 1; background-color: #06297B; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
body { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #C95D03; margin: 10px; }
body.pu { background-color: #FFF3DD; margin: 10px; }
td { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
td.pu { text-indent: 0px; }
.title { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: italic; }
h4 { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: italic; }
table.pu { padding: 3px; }
/* page border
td.pb_edge_left { width: 13px; background-image: url(images/common/edge-left.gif); background-repeat: repeat-y; }
td.pb_edge_right { width: 13px; background-image: url(images/common/edge-right.gif); background-repeat: repeat-y; }
td.pb_edge_top { height: 13px; background-image: url(images/common/edge-top.gif); background-repeat: repeat-x; }
td.pb_edge_bottom { height: 13px; background-image: url(images/common/edge-bottom.gif); background-repeat: repeat-x; }
/* logo
td.logo { text-align: center; }
a.logo:link { color: #333333; text-decoration: none; font-weight: bold; }
a.logo:visited { color: #333333; text-decoration: none; font-weight: bold; }
a.logo:active { color: #333333; text-decoration: none; font-weight: bold; }
a.logo:hover { color: #AAAAAA; }
/* home page
h1 { display: inline; font-size: 10pt; font-weight: normal; color: #000000; }
h2 { display: inline; font-size: 10pt; font-weight: normal; color: #000000; }
td.inset { background-color: #FFE8BE; border-style: solid; border-color: #006600; border-width: 2px; padding: 5px 5px 5px 5px; }
td.fancy1 { color: #006600; font-family: Zapf Chancery, Times, serif; font-size: 11pt; font-style: italic; }
.orange { color: #F26400; font-weight: bold; }
h3 { color: #F26400; font-weight: bold; font-size: 10pt; }
h5 { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: italic; }
.green { color: #006600; font-weight: bold; }
a:link { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline }
a:visited { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline }
a:active { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline }
a:hover { color: #00CC00; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: underline }
a.nav:link { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold }
a.nav:visited { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold }
a.nav:active { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold }
a.nav:hover { color: #00CC00; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold }
a.con:link { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }
a.con:visited { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }
a.con:active { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }
a.con:hover { color: #00CC00; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none }
.con { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }
a.special:link { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; }
a.special:visited { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; }
a.special:active { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; }
a.special:hover { color: #FFB46C; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none; }
a.left_special:link { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_special:visited { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_special:active { color: #F26400; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_special:hover { color: #FFB46C; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_black:link { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_black:visited { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_black:active { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_black:hover { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.left_nav:link { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; }
a.left_nav:visited { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; }
a.left_nav:active { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; }
a.left_nav:hover { color: #00CC00; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold; }
a.left_link:link { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
a.left_link:visited { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
a.left_link:active { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
a.left_link:hover { color: #00CC00; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; }
td.left_title { color: #006600; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; }