/* Created using Style Master from Western Civilisation CSS1 { 2 2 558 625 } */

/* Stylesheet#1 */

/* site styles */
/*ie fix*/
/* Show only to IE PC \*/

* html .boxhead h2 {

height: 1%;

} /* For IE 5 PC */

body {
behavior: url(csshover.htc);
font-size: 100%;
} 

* {
margin:0;
padding:0;
}
Body {
color: #000000;
background-color: #F6EAD0;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image: url(tanstone.gif);
background-attachment: fixed;
}

H1 {
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}

H2 {
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}

H3 {
font-style: ITALIC;
}

TD P {
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
}

P {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
}

STRONG {
color: #993333;
}



DIV.Copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: italic;
line-height: normal;
color: #000000;
}

/* link styles */

a {
color: #993333;
font-style: normal;
}

a:link {
text-decoration: none;
color: #993333;
}

a:visited {
color: #000000;
text-decoration: none;
font-style: italic;
}

a:hover {
background-color: white;
text-decoration: none;
}
span.linkBorder {
line-height:2;
text-align:center;
Display: inline;
border: 1px silver solid;
padding: 3px;
margin: -1px;
}
linkBorder a:hover {
 background-position:center center;

}
DIV.Link {
color: #993333;
border: #993333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
text-align: center;
font-weight: normal;
font-style: normal;
}
/* Banner styles */
.table {Width:100%;
}
.cell1 {width:135px; float:left; vertical-align: top; margin-left: 10px;
}
.cell2 {width:520px; float:left; vertical-align:top;
}
.cell3 {width: 20%; float:right; vertical-align:top;
}

/* navigation bar style */

.menuBox {
position: absolute; 
top:5px;
right:-5px;
width:170px;

}

.sidebar{
margin-left: 5px;
padding-right:5px
}

DIV.NavLink {
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
text-align: left;
font-weight: bold;
text-decoration: None;
line-height: 18px;
background-color: transparent;
}

Div.MenuCaption {
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
text-align: center;
background-color: #FFCC99;
line-height:2em;
}
/* homepage style */
div.c1 {
text-align: center;
		} 
/* image page layout */


Div.PageBlock {
width: 80%;
}

Div.PageTitle {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
line-height: 2em;
vertical-align: center;
float: left;
background-color: #FFCC99;
padding-left:5px;
padding-right:5px;
margin-right:10px;
/*position fix not ready
position: absolute; 
top:5px;
left:-5px;
 margin-bottom:4em;*/
}

DIV.PageNumber {
color: #4E2F2F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 2em;
padding-left:5px;
padding-right:5px;
margin:5px;
/*position fix, not ready
position: absolute; 
top:10px;
left:25%;
 margin-bottom:4em;
 clear:right;*/
}
Div.Caption {
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
text-align: center;
}

DIV.Description {
color: #993333;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
 text-align:center;
 vertical-align:top;
}
Div.caption li{
list-style:none;
color: #993333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style: normal;
text-align: center;
}
DIV.Description li{
 list-style:none;
 text-align:center;
}
.whoisTxt {
 padding-left:1em;
 padding-right:1em;
color: #993333;
font-size: 12pt;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}
.imgTextblock {
width: 90%;
float: left;
margin-bottom: 10px;
margin-left: 5px;
}
.imgTextblock.Text {
 text-align:center;
 }
/*swaps the image and text around, left to right*/
.imgRight div.thumbnail {
width: 30%;
float: right;
vertical-align: top;
padding: 10px;
margin-right: 10px;
height: auto;
clear: both;
}

.imgRight div.text{
width: 40%;
float: left;
margin-left: 15px;
margin-bottom: 10px;
padding: 10%; 
vertical-align: top;
}
.thumbnail {
width: 30%;
float: left;
vertical-align: top;
padding: 10px;
margin-right: 20px;
height: auto;
clear: both;
}

.text {
width: 40%;
float: left;
margin-left: 15px;
margin-bottom: 10px;
padding: 10%; 
vertical-align: top;
}
.pullquote {
 background-color:#FFCC99;
  border:/*width*/2px /*style*/outset/*color*/brown;
width: 20%;
position: absolute;
left: 60%;
top: 5%;
margin-left: 15px;
margin-bottom: 10px;
padding: 1em; 
vertical-align: top;
}
/*Order form styles */
div.FormTable {border: 1px silver solid;   
}
Div.FormTable.Td {border: 1px silver solid;
background-color: #FFCC99;
}
TH {
color: #993333;
background-color: #FFCC99;
border: 1px silver solid;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
}

TH P {
color: #0000ff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-style: normal;
}
/*Commisioned painting styles; ImageCom. allows for a row of images*/
Div.Picscreen { 
  margin: 10px;
  height: 100%;
}
Div.Pictitle {
  background-color: #c0c0c0; 
  border-bottom: 2px silver groove; 
  text-align: center; 
  font: 14px ;
  color: #333366;
  line-height: 20px;
  padding-bottom: 3px;
  margin-bottom: 3px;
} 
Div.Pic1 {
  width: 200px;
  margin: 10px; 
  padding: 3px; 
  align: center;
  float:left; 
}
Div.Pic2 {
  width: 200px;
  margin: 10px; 
  padding: 3px; 
  float:left; 
}
Div.Pic3 {
  width: 200px;
  margin: 10px;
  margin-right: 15px; 
  padding: 3px; 
  float:left; 
}