﻿
#body {width: 780px; background-color: #EBF5FC; border: 10px solid #D4ECFB; font-size: 12px; font-family: "arial"; text-align: justify;}
#mainwidth {margin-left: 4px; clear:both; width: 720px; margin-bottom: 20px;}


p {font-size: 12px; font-family: "arial"; text-align: justify;}
li {font-size: 12px; font-family: "arial";}

h1 {color: #005073;}
h2 {color: #005073;}
h3 {color: #005073; font-size: 22px;}
h4 {color: #005073; font-size: 18px;}
h5 {color: #005073; font-size: 16px;}
h6 {color: #005073; font-size: 14px;}

.h {color: #005073; font-weight: bold; font-size: 30px;}
.hh {color: #005073; font-weight: bold; font-size: 26px;}
.hhh {color: #005073; font-weight: bold; font-size: 22px;}
.hhhh {color: #005073; font-weight: bold; font-size: 18px;}         /* same as h4 but inline using span */
.hhhhh {color: #005073; font-weight: bold; font-size: 16px;}     /* same as h5 but inline using span */
.hhhhhh {color: #005073; font-weight: bold; font-size: 14px;}
.hhhhhhh {color: #005073; font-weight: bold; font-size: 12px;}


.hhhnc {font-size: 22px; font-weight: bold;}
.hhhhnc {font-size: 18px; font-weight: bold;} 
.hhhhhnc {font-size: 16px; font-weight: bold;}
.hhhhhhnc {font-size: 14px; font-weight: bold;}
.hhhhhhhnc {font-size: 12px; font-weight: bold;}

.hr {color: #FF0000; font-weight: bold; font-size: 30px;}
.hhr {color: #FF0000; font-weight: bold; font-size: 26px;}
.hhhr {color: #FF0000; font-weight: bold; font-size: 22px;}
.hhhhr {color: #FF0000; font-weight: bold; font-size: 18px;}         /* same as h4 but inline using span */
.hhhhhr {color: #FF0000; font-weight: bold; font-size: 16px;}     /* same as h5 but inline using span */
.hhhhhhr {color: #FF0000; font-weight: bold; font-size: 14px;}

.saleb {text-decoration: line-through;}
.saler {color: #FF0000; text-decoration: line-through;} 
.sale {color: #FF0000;}     /* crossed out for discounted pricing */


.tcol {color: #005073;}
.red {color: #FF0000;}

dt {color: #005073; font-weight: bold; font-size: 14px;}

.tiny {font-size: 12px;}

img {border: 5px solid #D4ECFB;}

div#sink h4 {color: #FFFF00;}

#logo {width: 780px; text-align: center; background-color: #0000FF; padding-top: 10px;} 
#bink {clear:both}
#sink {background-color: #0000FF;  width: 350px; text-align: center;  float: right;}
#sinik {background-color: #0000FF;  width: 350px; text-align: center;  float: right;} 
#sink2 {background-color: #0000FF;  width: 350px; text-align: center;  float: right; margin-bottom: 10px;}
#sinkp {width: 350px;  float: right;}

#money {width: 140px; height: 76px; border: 2px solid #6EC6F1; text-align:center; background-color: #00FF00;}

.link {color:#FFFF00; text-align: center; font-weight: bold; font-size: 18px; background-color: #0000FF; font-family: "palatino linotype"; padding: 15px;}
.link a {display: inline; padding:2px; text-decoration:none; margin:5px;}
.link a:link     {background: #0000CF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.link a:visited {background: #0077FF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.link a:focus  {background: #00FFFF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.link a:hover  {background: #00B5EF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.link a:active  {background: #A4D4B0; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 

.lin {color:#FFFFFF; font-size: 16px;font-family: "palatino linotype";}
.lin a {display: block; padding:2px; text-decoration:none; margin:5px;  font-size: 16px; width: 330px;}
.lin a:link     {background: #0000CF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin a:visited {background: #0077FF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin a:focus  {background: #00FFFF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin a:hover  {background: #00B5EF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin a:active  {background: #A4D4B0; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 

.lin2 {color:#000000; font-size: 16px;font-family: "palatino linotype";}
.lin2 a {display: block; padding:2px; text-decoration:none; margin:5px;  font-size: 16px; width: 150px;}
.lin2 a:link     {background: #0000CF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin2 a:visited {background: #0077FF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin2 a:focus  {background: #00FFFF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin2 a:hover  {background: #00B5EF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin2 a:active  {background: #A4D4B0; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 

.lin3 {color:#000000; font-size: 16px;font-family: "palatino linotype";}
.lin3 a {display: block; padding:2px; text-decoration:none; margin:5px;  font-size: 16px; width: 450px;}
.lin3 a:link     {background: #0000CF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin3 a:visited {background: #0077FF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin3 a:focus  {background: #00FFFF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin3 a:hover  {background: #00B5EF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 
.lin3 a:active  {background: #A4D4B0; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; } 

.liny {color:#FFFFFF; font-weight: bold; font-size: 18px; font-family: "palatino linotype";}
.liny a {display: block; padding:2px; text-decoration:none; margin:5px;  font-size: 16px;}
.liny a:link     {background: #0000CF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px; } 
.liny a:visited {background: #0077FF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.liny a:focus  {background: #00FFFF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.liny a:hover  {background: #00B5EF; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 
.liny a:active  {background: #A4D4B0; border:2px outset #FFFFFF; color: #FFFFFF; text-decoration:none; font-weight: bold; font-size: 18px;} 


.th img {border: 5px solid green;}


a:link {color:green; font-size: 14px;}
a:visited {color:blue; font-size: 14px;}
a:focus {color:purple; font-size: 14px;}
a:hover {color:orange; font-size: 14px;}
a:active {color:red; font-size: 14px;}


.sinks {width: 400px; padding: 10px;}      /* sink side: for text area beside the sink */

.note {background-color: #8DCB41; color: #000000; }
.item {background-color: #000000; color: #FFFF00;}
.pres {text-align: justify; border: 5px solid #EEEE00; background-color: #D4ECFB; padding: 10px;}
.black img {border: solid #CCCCCC;}    /* border around black carpet pics  */
.warn {background-color: #FFFF00; border: 1px solid #000000;}
.paper {width: 740px; background-color: #FFFFFF; margin-left: 8px; border: 1px solid #000000; padding: 10px;}
.paper img {border: none;}
.question{text-align: justify; border: 5px solid #C0CBE7; background-color: #F5F8EC; padding: 10px;}




