body{
margin-top: 5px;
text-align:center;
background-color:#E6E6E6;
}

#maindiv {
width: 815px;
text-align:center;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-family: arial, helvetica, sans-serif;
}

#header {
width: 815px;
text-align:left;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-bottom: 8px;
font-family: arial, helvetica, sans-serif;
}

#diary {
width: 815px;
height: 13.75px;
background-color:#FFFFFF;
text-align:left;
border: 0px solid #EBEBEB;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

#menu {
width: 815px;
text-align:left;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

#slidemenu {
width: 815px;
text-align:left;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

#copyright {
width: 815px;
text-align:left;
margin-top: 3px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: arial, helvetica, sans-serif;
}

.pagetext {
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; COLOR: #000000; 
LINE-HEIGHT: 11px; 
FONT-FAMILY: Verdana, Geneva, Arial
}

a:link.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #587FB6; text-decoration: none; text-align: justify}
a:hover.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #000080; text-decoration: none; text-align: justify}
a:visited.link { font-family: Arial, Verdena, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #587FB6; text-decoration: none; text-align: justify}

a:link.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #000080; text-decoration: none; text-align: justify}
a:hover.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #587FB6; text-decoration: none; text-align: justify}
a:visited.subheading { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #000080; text-decoration: none; text-align: justify}

.box {font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; font-weight: normal;color: #000000; border:solid 1px #BFBFBF;}

a .alt { display: none; }

hr {
	color:#BFBFBF;
	border:solid 1px;
	height: 1;
   }

.tablehead {
FONT-SIZE: 12px; 
COLOR: #000080; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.tablecell {
FONT-SIZE: 11px; 
COLOR: #595959; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.subhead2 {
FONT-SIZE: 13px; 
COLOR: #000080; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.subhead {
FONT-SIZE: 12px; 
COLOR: #587FB6; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.heading {
FONT-SIZE: 16px; 
COLOR: #000080; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.subheading {
FONT-SIZE: 10pt; 
COLOR: #7d9bc6; 
font-weight: normal; 
FONT-FAMILY: Arial;
}

.bodytext {
color:#595959; 
font-size:12px; 
font-family:Arial, Helvetica, sans-serif; 
}

.bodytext_lg {
color:#595959; 
font-size:12px; 
font-family:Arial, Helvetica, sans-serif; 
}

.bodytextb {
font-family: Arial, Verdena, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: bold; 
color: #45464A;
text-decoration: none;
}

.copyright {
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: normal; 
color: #5D6055;
text-decoration: none;
}

#memoryticker{
background-color: #EBEBEB;
width:610px;
height:500px;
font: 11px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0)
}

#memoryticker2{
background-color: #E6E6E6;
width:405px;
height:500px;
font: 11px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0)
}

#memoryticker3{
background-color: #EBEBEB;
width:815px;
height:305px;
font: 11px Verdana;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0)
}

#memoryticker5{
background-color: #FFFFFF;
width:610px;
height:506px;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0); font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana
}

#memoryticker4{
background-color: #FFFFFF;
width:610px;
height:506px;
/*Tip: add in height attribute here for multiple line scroller*/
border: 0px solid #666666;
padding: 0px;
/*Change 0.7 below to a different number if desired (0.7=0.7 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.9 Duration=2.0); font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Verdana
}

a#real {
    display: block;
    width: 128px;
    height: 128px;
    text-align: left;
    background-image: url('images/books/real-gardening-sm.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#real {
    background-position: 0 -128px;
}

a#scent {
    display: block;
    width: 128px;
    height: 128px;
    text-align: left;
    background-image: url('images/books/scent-in-your-garden-sm.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#scent {
    background-position: 0 -128px;
}

a#nt {
    display: block;
    width: 128px;
    height: 128px;
    text-align: left;
    background-image: url('images/books/gardens-of-the-NT-sm.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#nt {
    background-position: 0 -128px;
}

a#startling {
    display: block;
    width: 128px;
    height: 128px;
    text-align: left;
    background-image: url('images/books/startling-jungle-sm.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#startling {
    background-position: 0 -128px;
}

a#potm {
    display: block;
    width: 170px;
    height: 170px;
    text-align: left;
    background-image: url('images/plant-of-the-moment.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#potm {
    background-position: 0 -170px;
}

a#gotm {
    display: block;
    width: 170px;
    height: 170px;
    text-align: left;
    background-image: url('images/garden-of-the-moment.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#gotm {
    background-position: 0 -170px;
}
   
a#logo {
    display: block;
    width: 494px;
    height: 34px;
    margin-left: 5px;
    background-image: url('images/logo.gif');
    background-position: 0 0;
    background-repeat: no-repeat;

}
a:hover#logo {
    background-position: 0 -34px;
}

a#about {
    display: block;
    width: 201px;
    height: 18px;
    text-align: left;
    background-image: url('images/about.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#about {
    background-position: 0 -18px;
}

a#contact {
    display: block;
    width: 221px;
    height: 18px;
    text-align: left;
    background-image: url('images/contact.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#contact {
    background-position: 0 -18px;
}

a#ukgardendesign {
    display: block;
    width: 200px;
    height: 55px;
    background-image: url('images/uk-garden-design.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#ukgardendesign {
    background-position: 0 -55px;
}

a#mallorcagardendesign {
    display: block;
    width: 200px;
    height: 55px;
    background-image: url('images/mallorca-garden-design.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#mallorcagardendesign {
    background-position: 0 -55px;
}

a#lectures {
    display: block;
    width: 200px;
    height: 55px;
    background-image: url('images/lectures.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#lectures {
    background-position: 0 -55px;
}

a#books {
    display: block;
    width: 200px;
    height: 55px;
    background-image: url('images/books.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#books {
    background-position: 0 -55px;
}

a#about {
    display: block;
    width: 200px;
    height: 55px;
    background-image: url('images/about.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#about {
    background-position: 0 -55px;
}

a#recentarticles {
    display: block;
    width: 200px;
    height: 55px;
    background-image: url('images/recent-articles.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 0 auto
}
a:hover#recentarticles {
    background-position: 0 -55px;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 5px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 10px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
FONT-SIZE: 9pt; 
COLOR: #587FB6; 
font-weight: bold; 
FONT-FAMILY: Arial;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0px none;
padding: 0
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0px none;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000080;
background-color: #FFFFFF;
}