/* M&J Shells Stylesheet */

/* Site Styles */
body {background-color:#aaddff;}
table {border:none;}
td {font:10pt arial,helvetica; background-color:#0088ff;}
a {color:#ffff00; font:10pt arial;}
a:visited {color:#ffff00;}
a:hover {color:#ffffff; text-decoration:none;}
h1 {font:16pt arial; color:#66ff66; text-align:center; margin:8px;}

/* Home Page */
div.home_family {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#0088ff; color:#000000; width:186px; padding:3px; margin:4px; text-align:center;}
div.home_browse {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#0088ff; color:#000000; width:186px; padding:3px; margin:4px; text-align:center;}
div.home_info {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#0088ff; color:#000000; width:186px; padding:3px; margin:4px; text-align:center;}
div.home_news {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00dddd; width:190px; height:128px; margin:2px 4px 2px 4px; padding:4px; font:9pt arial;}
img.home_title {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; width:450px; height:398px; margin:4px 4px 2px 4px;}
div.home_contact {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; padding:8px; margin:2px 4px 2px 4px; text-align:center; font:10pt arial;}
div.home_siteby {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#0088ff; color:#003333; font:8pt arial; text-align:center; margin:4px; padding:4px;}
div.other {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#ffffff; padding:8px; margin:2px 4px 2px 4px; font:9pt arial;}
td.other {color:#ffffff; font:9pt arial; background:#00aaff; padding:4px;}
p.home_family {background:#ffff66; width:178px; margin:2px; padding:2px; font:9pt arial; text-align:center; font-weight:bold;}
p.home_browse {background:#66ff66; width:178px; margin:2px; padding:2px; font:9pt arial; text-align:center; font-weight:bold;}
p.home_info {background:#66ffff; width:178px; margin:2px; padding:2px; font:9pt arial; text-align:center; font-weight:bold;}
p.home_other {color:#ffffff; font:9pt arial; margin:8px; text-align:left;}
a.home_nav {color:#ffffff; width:180px; height:24px; padding:2px; margin:1px; text-align:center; background:url(art/buttonbg.gif); border:1px solid; border-color:#00aaff #0066dd #0066dd #00aaff; font:9pt arial;}
a.home_nav:visited {color:#ffffff;}
a.home_nav:hover {color:#ffffff; text-decoration:none; background:url(art/buttonbg2.gif); border-color:#9999ff #333399 #333399 #9999ff;}
a.info {color:#0000ff;}
a.info:visited {color:#0000ff;}

/* CGI Navigation */
div.nav_logo {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; width:180px; padding:4px; margin:4px; text-align:center; font:10pt arial;}
div.nav_message {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; width:180px; color:#000000; padding:8px; margin:4px; text-align:left; font:9pt arial;}
div.nav_note {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; width:180px; color:#000000; padding:8px; margin:4px; text-align:center; font:9pt arial;}
div.nav_sort {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; width:180px; color:#000000; padding:8px; margin:4px; text-align:center; font:9pt arial;}
div.nav_coll {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; width:180px; color:#000000; padding:4px; margin:4px; text-align:center; font:9pt arial;}
a.nav {color:#ffffff; width:168px; height:24px; padding:2px; margin:1px; text-align:center; background:url(art/buttonbg.gif); border:1px solid; border-color:#00aaff #0066dd #0066dd #00aaff; font:9pt arial;}
a.nav:visited {color:#ffffff;}
a.nav:hover {color:#ffffff; text-decoration:none; background:url(art/buttonbg2.gif); border-color:#9999ff #333399 #333399 #9999ff;}
a.collect {font:8pt arial; color:#33ff33; font-weight:bold;}
a.collect:visited {color:#33ff33;}
a.collect:hover {color:#ffffff;}
a.remove {font:8pt arial; color:#ff66ff; font-weight:bold;}
a.remove:visited {color:#ff66ff;}

/* Articles */
div.article {width:500px; xborder:1px solid #0066dd; background:#00aaff; color:#ffffff; padding:8px; margin:8px; font:10pt/12pt arial;}
p.article {font:12pt arial; color:#66ff66; text-align:left; margin:8px;}
img.article {margin:4px 8px 8px 4px; border:none;}

form {margin:2px;}
input {font:10pt arial; color:#ffffff; background:#0088ff; border:1 px solid #ff0000; margin:2px;}
select {font:10pt arial; color:#ffffff; background:#0088ff; border:1 px solid #ff0000; margin:2px;}
textarea {font:10pt arial; color:#ffffff; background:#0088ff; border:1 px solid #ff0000; margin:2px;}
.apply {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:500px; padding:8px; margin:4px; text-align:center;}
.nav_code {width:84px; text-align:left; background:#ffffcc; padding:3px; margin:0px 0px 0px 2px;}
.nav_price {width:84px; text-align:right; background:#ccffcc; padding:3px; margin:0px;}
.nav_total {width:168px; font-weight:bold; text-align:right; background:#99ff99; padding:3px; margin:2px 0px 4px 2px;}
.form_head {width:480px; font:12pt arial; color:#0000ff; font-weight:bold; margin:8px;}
.form_text {width:480px; color:#ffffff; margin:12px;}
.label {width:100px; font-weight:bold; vertical-align:top; text-align:right; margin:4px;}

/* Family List */
td.fam_pic {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:64px; padding:2px; margin:4px;}
td.fam_desc {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:450px; padding:4px; margin:4px;}
td.fam_info {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:100px; padding:4px; margin:4px;}
.famdesc {width:430px; color:#ffffff; padding:0px; margin:0px; font:9pt arial;}

/* Shell List */
td.list_pic {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:64px; padding:2px; margin:4px;}
td.list_fam {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:210px; padding:4px; margin:4px;}
td.list_desc {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; background:#00aaff; color:#000000; width:370px; padding:4px; margin:4px;}

/* Collection List */
td.coll_pic {border:1px solid; border-color:#3333dd #9999ff #9999ff #3333dd; background:#6666ff; color:#000000; width:64px; padding:2px; margin:4px;}
td.coll_fam {border:1px solid; border-color:#3333dd #9999ff #9999ff #3333dd; background:#6666ff; color:#000000; width:210px; padding:4px; margin:4px;}
td.coll_desc {border:1px solid; border-color:#3333dd #9999ff #9999ff #3333dd; background:#6666ff; color:#000000; width:370px; padding:4px; margin:4px;}

/* Footer */
div.copyright {border:solid #0066dd; border-width:1px 0px 1px 0px; padding:4px; margin:16px 15% 4px 15%; font:9pt arial; text-align:center;}
a.copyright {color:#0000ff;}

/* Listings */
img.top_pic {border:1px solid; border-color:#0066dd #00aaff #00aaff #0066dd; margin:4px;}
div.top_name {font:16pt arial; color:#00ff00; background:#0088ff; width:440px; text-align:center;}
div.top_desc {font:10pt arial; color:#ffffff; width:440px; padding:8px;}

.desc {width:370px; color:#ffffff; padding:4px; margin:0px; xborder:1px solid #ff0000;}
.location {width:120px; color:#3333ff; background:#ccccff; border:1px solid; border-color:#3333ff; padding:2px; margin:1px; text-align:center;}
.grade {width:80px; color:#cc3333; background:#ffcccc; border:1px solid; border-color:#cc3333; padding:2px; margin:1px; text-align:center;}
.size {width:80px; color:#999900; background:#ffffcc; border:1px solid; border-color:#999900; padding:2px; margin:1px; text-align:center;}
.price {width:80px; color:#009900; background:#ccffcc; border:1px solid; border-color:#009900; padding:2px; margin:1px; text-align:center;}
.new {color:#ffffff; background:#009900; font:8pt:arial; width:32px; padding:1px 4px 1px 4px; margin-left:4px;}
.collect {font:8pt arial; color:#33ff33; font-weight:bold;}