/*
CSS for scottish-jewellery-designerXHTML-site
*/

body            { font-family: Georgia, "Times New Roman", Times, serif ; 
			      font-size:100%;
                  font-style: normal; 
                  background-color: #BEC5B8; 
                  color: #000000; 
                  margin: 0;
                  padding: 0; 
                  scrollbar-arrow-color: gray; 
                  scrollbar-base-color: gray; 
                  scrollbar-dark-shadow-color: white; 
                  scrollbar-face-color: #BEC5B8; 
                  scrollbar-highlight-color: #BEC5B8; 
                  scrollbar-shadow-color: white;
                  text-align: center;  }
              
div#Main        { width: 780px;
                  margin: 0 auto;               
                  background-color: #FFFFFF; 
                  border-left: 1px solid #184200; 
                  border-right: 1px solid #184200; 
                  border-bottom: 1px solid #184200; 
                  text-align: left; }
               
div#Header      { }             
               
div#Content     { margin-left: 27%;
                  margin-top: 2%;
                  margin-right: 0.5%;
	              border: 1px solid #184200;               
	              padding-top: 1%;
	              padding-bottom: 1%;
	              padding-left: 1%;
	              padding-right:1%;  }
	           
div#ContentArea { margin: 0;
                  padding-left: 0; 
                  padding-right: 0;
                  padding-top: 0; 
                  padding-bottom: 0;
                  font-family: verdana, arial, helvetica;
                  font-style: normal; 
                  color: #000000 }
	           
               
             
div#LhMenu      { float:left;
                  width:24.5%;
                  margin-left: 0.25%;
                  margin-top: 1%;
                  background-color: #FFFFFF; 
                  padding-top: 1%;
	              padding-bottom: 1%;
	              padding-left: 1%;
	              padding-right:1%; }

#LhMenu ul
                { margin-left: 0px;
                  padding-left: 0px;
                  list-style-type: none;
                  line-height:100%;
                  font-family:  Georgia, "Times New Roman", Times, serif ;
                  font-size:100%;
                  font-weight: normal;
                  vertical-align: middle;
                  letter-spacing: 0px;}
               
#LhMenu a
                { display: block;
                  width: 98%;              
                  padding-top: 3%;
	              padding-bottom:5%;
	              padding-left: 2%;
	              padding-right:1%;}

#LhMenu a:link, #LhMenu a:visited
                { color: #C8A748; 
                  background-color:#184200;
                  border-top: 2px solid #C8A748;
                  border-bottom: 2px solid; #C8A748;
                  border-left: 2px solid; #C8A748;
                  border-right: 2px solid; #C8A748;
                  text-decoration: none;}

#LhMenu a:hover
                { color: #184200;
                  background-color: #C8A748; 
                  border-top: 2px solid; #184200;
                  border-bottom: 2px solid; #184200;
                  border-left: 2px solid; #184200;
                  border-right: 2px solid; #184200;}

div#Footer      { margin-top: 0px; 
                  margin-left: 1%;
                  margin-right: 1%;
                  margin-bottom: 1%;               
                  font-family: verdana, arial, helvetica;
                  font-size:65%; 
                  color: #C8A748; 
                  text-align: center;
                  font-weight: bold;
                  img border: none;
                  clear: both; }             
           	                    
div#FooterGreen { background-color:#184200; 
                  height:14px;
                  width: 767px;
                  margin-top: 1%;
                  margin-bottom: 1%;}
                  
div#Divider     { color: #C8A748; 
                  background-color: #C8A748;
                  height: 3px; 
                  width: 535px;}                 
                             
div#PicStyle    { width: 532px; 
                  height: 112px;
                  border:2px solid #C8A748; 
                  padding: 2px; }

div#GemPicStyle { border:none; 
                  padding: none;
                  margin-top: 1%;
                  margin-bottom: 1%; }
                                      
Table           { background-color: #F9F3DD; 
                  border: 2px solid #184200;
                  border-collapse: collapse;
                  margin-left: 70px;
                  margin-right: 70px;
                  padding-left: 1px; 
                  padding-right: 1px; 
                  padding-top: 1px; 
                  padding-bottom: 1px;
                  width: 400px;}

th              { background-color: #E9DDB7;
                  font-weight: bold;
                  font-size: 110%;
                  text-align: left;
                  padding-left: 10px;}
                  
.col#year        {width: 30%;}

.col#gem         {width: 70%;
                  padding-left: 30px;}                  
                  
                  
tr.odd          { background-color: #E9DDB7; }  

td              { padding-left: 10px; 
                  padding-right: 6px; 
                  padding-top: 6px; 
                  padding-bottom: 6px;
                  font-size: 80%; }                            

p               { margin:3%;
                  font-family: Georgia, "Times New Roman", Times, serif;
                  font-size:95%;
                  line-height:150%;}
               
             
a:link          { color: #006600; font-weight: bold; text-decoration: none;  }
a:visited       { color: #006600; font-weight: bold; text-decoration: none; }
a:active	    { color: #006600; font-weight: bold; text-decoration: none; }
a:hover         { color: #006600; font-weight: bold; text-decoration: underline; }
a img           { border:2px solid #C8A748; }

a.button        { background:#184200;
                  color:#C8A748;
                  font-weight:bold;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-width: 5px;
                  border-style:solid;
                  border-top-color: #e7ce86;
                  border-right-color: #Cead4a;
                  border-bottom-color:#C8A748;
                  border-left-color: #e7c65a;}
               
a.button:hover  { background:#C8A748;
                  color:#184200;
                  font-weight:bold;
                  padding-top: 5px;
                  padding-bottom: 5px;
                  padding-left: 10px;
                  padding-right: 10px;
                  border-width: 5px;
                  border-style:solid;
                  border-top-color: #94ad8c;
                  border-right-color: #4a634a;
                  border-bottom-color: #184200;
                  border-left-color: #63845a;}
                           
h1              { font-size: 100%; color: #FFFFFF; 
                  letter-spacing: 0px; 
                  background-image: url("../images/header_bg.GIF"); 
                  background-repeat: no-repeat; 
                  height: 40px; 
                  text-transform: uppercase; 
                  font-weight: bold;
                  margin:0; 
                  padding-left: 50px; 
                  padding-right: 4px; 
                  padding-top: 10px; 
                  padding-bottom: 0px;  }

               
h2              { background-color: #C8A748; 
                  color: #000000; 
                  font-size: 94%;
                  letter-spacing: 1px; 
                  font-style: italic; 
                  font-weight: bold;
                  padding-left: 1%;
                  padding-right: 1%; 
                  padding-top: 1%; 
                  padding-bottom: 1% }

h3              { letter-spacing: 1px; 
                  font-size: 94%; 
                  color: #000000;
                  font-style: italic; 
                  font-weight: bold; 
                  margin: 2%; }

#home a#homeLink,
#work a#workLink,
#gold a#goldLink,
#platinum a#platinumLink,
#diamond a#diamondLink,
#sapphire a#sapphireLink,
#ruby a#rubyLink,
#emerald a#emeraldLink,
#aquamarine a#aquamarineLink,
#gem a#gemLink,
#birthday a#birthdayLink,
#anniversary a#anniversaryLink,
#commission a#commissionLink,
#feature a#featureLink,
#buy a#buyLink,
#ordering a#orderingLink,
#contact a#contactLink,
#mailing a#mailingLink,
#comment a#commentLink,
#links a#linksLink {color: #184200;
                    background-color: #C8A748;}