/*Designed by Gary Hollands - solriche.co.uk - for Sandrine, Dec 2005 - Updated July 2009.*/

*{
margin: 0;
padding: 0;
}

html,body{
font-family: verdana,arial,sans-serif;
color: rgb(0,0,0);
background-color: rgb(255,255,255);
padding-bottom: 2%;
}

a:link{
color: rgb(51,102,0);
text-decoration: none;
}

a:visited{
color: rgb(51,0,153);
text-decoration: none;
}

a:hover{
color: rgb(153,51,153);
text-decoration: none;
}

#container{
background: url("../images/anemone.png") no-repeat 98% 98%;
width: 80%;
margin: 1em auto 0 auto;
}

#topborder{
background: url("../images/myosotisborder.png") repeat-x;
height: 1.4em;
}

h1,h2,h3,h4,h5,h6{
font-family: georgia, serif;
font-variant: small-caps;
margin: 0 0 1% 0;
color: rgb(10,90,0);
}

#title h1{
float: left;
font-size: 150%;
line-height: 1.5;
}

h2{
font-size: 120%;
}

h3{
font-size: 100%;
}

h4{
font-size: 80%;
}

.links{
clear: both;
width: 100%;
font-size: 90%;
margin: 0 0 1% 0;
color: rgb(10,90,0);
}

.stone{
font-family: dolphin, Arial, sans-serif;
font-weight: bold;
font-size: 175%;
color: rgb(153,51,0);
}

.topmargin{
font-size: 1.1em;
margin: 1em 0em 0.5em 0em;
}

#botanical{
float: right;
margin: 0.2em 0em 0.3em 0em;
}

#botanical p{
font-family: georgia, serif;
text-align: right;
font-size: 90%;
line-height: 1.2;
font-weight: 500;
color: rgb(10,90,0);
}

/****************************Nav************************************/
#navbox{
clear: both;
width: 100%;
border-top: 1px solid rgb(204,204,204);
}
#navu{
text-align: center;/*cos MSIE6 is broken*/
}
#navu ul, #navl ul{
display: table;
margin: 0 auto 0 auto;
font-size: 75%;
list-style-type: none;
white-space: nowrap;
}
#navu li, #navl li{
display: inline;
width: 15%;
border-left: solid 1px rgb(204,204,204);
border-right: solid 1px rgb(204,204,204);
border-bottom: solid 1px rgb(204,204,204);
}
#navu li{
padding: 0em 1.9em 0em 1.9em;
}
#navu li, #navl li{
display: table-cell;
}
#navl{
text-align: center;
margin: 0em 0em 0.3em 0em;
}
#navl li{
padding: 0em 1em 0em 1em;
}

.current{
background-color: rgb(245,245,245);
}

#content{
width: 100%;
margin: 1% auto 0 auto;
}

#content p{
font-size: 80%;
margin: 0 0 1% 0;
line-height: 1.5;
text-indent: 1.4%;
}

.xlinks{
float: left;
margin: 0 2% 2% 0;
}

#content .xlinks p{
float: left;
text-indent: 0;
margin: 0 0 0 0;
}
.sfp{
float: left;
position: relative; top: -0.5em;
margin: 0 0.5em 0 0;
border: 0;
}

#content .sologo p{
float: left;
clear: both;
text-indent: 0;
}
.article_advert{
float: left;
margin: 0 0 1em 0;
}
.article_advert img{
float: left;
}
.shop{
float: left;
width: 240px;
margin: 0 0 0 1em;
}
.shop h3{
float: left;
text-align: center;
font-size: 90%;
}
.shop img{
float: left;
margin: 0.25em 0 0 1em;
border: 0;
}
.text_blurb{
text-indent: 0;
float: left;
width: 15em;
margin: 2.5em 0 0 1em;
}
.strong_green{
	font-weight: bold;
	color: rgb(10,90,0);
}
/****************************Table************************************/
table{
margin: 0 0 2% 0;
border-collapse: collapse;
border-spacing: 0;
border: none;
empty-cells: hide;
width: 100%;
}

th{
color: rgb(10,90,0);
font-size: 85%;
width: auto;
text-align: left;
padding: 0 0 0.25em 1em;
}

td{
font-size: 70%;
padding: 0 0 0.5em 0;
}
/****************************Table Sorter************************************/
table.tablesorter thead tr .header {
	background-image: url("../images/bg.gif");
	background-repeat: no-repeat;
	background-position: -0.45em 50%;/**/
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url("../images/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
	background-image: url("../images/desc.gif");
}
/*used to match awards td to exhibitions td, must be a more elegant way to do it!*/
.award td{
font-size: 70%;
padding: 0 2% 1% 0;
}

#bottomborder{
clear: both;
background: url("../images/myosotisborder.png") repeat-x;
height: 1.4em;
}