/* style for table borders */
.border { border: 1px solid #ffffff; }

.background {
	background-image: url(images/middle1.gif);
}
.back2 {
	background-image: url(images/middle.gif);
}
.rooback {
	background-image: url(images/roo.jpg);
}
.grayback {
	background-image: url(images/gray-background.jpg);
}

.cellpad {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
}

td {
  font-family: Verdana, Arial, Sans-serif;
  font-size:13px;
}

/* general h1 style */
h1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #F7F7F7;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}

.orderhead {
  font-weight: bold;
  color: #f7f7f7;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #333333;
}

/* style for Alastair's name at the top of the page. Careful with applying
general styles to links as this has an <a name...> wrapped around it too,
which can override elements of this style */
.title {
  font-size: 1.5em;
  color: #f7f7f7;
}

/* below sets the general link colors */
/*a {color: #ffffaa; }*/

/*a:visited {color: FFDECE; }*/

/* below styles the general h2 tags */
/* using this for the font for the leading silver paragraph text*/
h2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  margin-top: 0px;
  margin-bottom: 0px;
}
h3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* below sets the standard paragraph text for the page */
p  {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  margin-top: 0px;
  margin-bottom: 0px;
}

.inote { 
  color: #f7f7f7;
  background-color: #333333;
  font-size: 11px;
  font-style: italic;
}

/* below makes the overall body silver */
body {background-color: #C0C0C0;  }

/* below makes the darker table background */
.charcoal { background-color: #333333;  }
.charcent { background-color: #333333; text-align: center; }
.charborder { background-color: #333333; border: 1px solid #ffffff; }
.charhead { 
  background-color: #333333; 
  color: #f7f7f7; 
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
}

/* set up link colours for links to the galleries from the order form */
.headlink {
  color: #f7f7f7;
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.headlink:link    { color: #f7f7f7; }
.headlink:visited { color: #f7f7f7; }
.headlink:active  { color: #c00000; }
.headlink:hover   { color: #ffffaa; }

/* set up link colours for links to the shopping cart */
.ordlink {
  color: #333333;
  text-decoration: underline;
  font-family: verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.ordlink:link    { color: #333333; }
.ordlink:visited { color: #333333; }
.ordlink:active  { color: #c00000; }
.ordlink:hover   { color: #ffffaa; }

/* Nav links on gallery tour pages */
.sidelink {
  color: #f7f7f7;
  text-decoration: underline;
  font-family: verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  margin-bottom: 5px;
}
.sidelink:link    { color: #f7f7f7; }
.sidelink:visited { color: #f7f7f7; }
.sidelink:active  { color: #f7f7f7; }
.sidelink:hover   { color: #ffffaa; }

/* set up link colours for links to the shopping cart */
.shoplink {
  color: #ffffaa;
  text-decoration: underline;
  font-family: verdana, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.shoplink:link    { color: #ffdece; }
.shoplink:visited { color: #ffdece; }
.shoplink:active  { color: #c00000; }
.shoplink:hover   { color: #ffffaa; }


/* below sets the table definition class for the top navigation */
.navtable {
  text-align: center;
  background-color: #333333;
}

/* class for selected elements of top navigation */
.navselect {
  text-align: center;
  background-color: #969696;
  color: #f7f7f7;
  text-decoration: none;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

/* top navigation link class */
.navlink {
  color: #f7f7f7;
  text-decoration: none;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.navlink:link    { color: #f7f7f7; }
.navlink:visited { color: #f7f7f7; }
.navlink:active  { color: #c00000; }
.navlink:hover   { color: #f7f7f7; }

/* .nav {
  color: #f7f7f7;
  text-decoration: none;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
} */

/* class for bottom navigation */
.art-link {
  color: #f7f7f7;
  text-decoration: underline;
  font-family: verdana, sans-serif;
/*  font-size: 10px; */
  font-weight: bold;
}
.art-link:link    { color: #333333; }
.art-link:visited { color: #242424; }/*FFDECE*/
.art-link:active  { text-decoration: none; }
.art-link:hover   { color: #ffffaa; }

/*  */
.bottom {
  color: #f7f7f7;
  text-decoration: underline;
  font-family: verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
.bottom:link    { color: #f7f7f7; }
.bottom:visited { color: #f7f7f7; }
.bottom:active  { color: #f7f7f7; }
.bottom:hover   { color: #ffffaa; }

/* sets the footer and copyright styles */
.footer {
  color: #333333;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
}

/* IE scrollbar definitions */
body  {
	scrollbar-face-color:#333333;
	scrollbar-arrow-color:#f7f7f7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-Color:#000000;
	scrollbar-width: 40px;
}

html {
  	scrollbar-face-color:#333333;
	scrollbar-arrow-color:#f7f7f7;
	scrollbar-track-color:#f7f7f7;
	scrollbar-shadow-color:#ffffff;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-darkshadow-Color:#000000;
	scrollbar-width: 40px;
}
li {
	list-style-type:none;
	color:#333333;
	line-height:2em;
	font-size:0.9em;
	padding-left:10px;
}
ul {
	padding:0;
	margin:0;

}