/* This is the style sheet for the Joan Beddoe website */

/* Definition and placement of panels and divisions */

html, body {height:100%;}

table {border-collapse:collapse;}

#main {background-color:#EBE2C5; margin:0px; padding:0px; font-size: 11pt; font-family: "arial", "verdana", "times new roman"; line-height: 13pt; height:100%;}

#main2 {background-color:#EBE2C5; margin:0px; padding:0px; font-size: 11pt; font-family: "arial", "verdana", "times new roman"; line-height: 13pt; height:600px; background-image: url(sidetile.jpg);}

#main3 {width:720px; height:500px; margin-right:auto; margin-left:auto; margin-top:20px; margin-bottom:0px; padding:0px; z-index:1;}

#title {width:720px; position:relative; left:0px; top:-240px; margin:0px; padding:0px; z-index:2; text-align:center;}



#leftpanel {width:155px; margin-left:0px; margin-top:0px; margin-bottom:0px; margin-right:40px; padding:0px; z-index:1; background-color:#FFFFFF; vertical-align:top; background-image: url(sidetile.jpg);}

#leftmenu {padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px;}

#rightpanel {background-color:#FFFFFF; width:155px; margin-right:0px; margin-top:0px; margin-bottom:0px; margin-left:40px; padding:0px; vertical-align:top; background-image: url(sidetile.jpg);}

#centrepanel {padding-left:40px; padding-right:40px; padding-top;0px; padding-bottom;0px; vertical-align:top; }

#popuppanel {padding-left:40px; padding-right:40px; padding-top;0px; padding-bottom;0px; background-image: url(sidetile.jpg)}

#toppanel {width:100%; height:75px; background-image: url(toptile2.jpg); background-color:#F6E1A4; margin:0px; padding:0px; text-align:center; z-index:6;}



#filler1  {height:50px; width:100%}

#menupanel  {width:908px; height:24px; margin-right:auto; margin-left:auto;}

#menupanel2  {width:100%; height:24px; background-image: url(menutile.jpg); margin:0px; padding:0px; text-align:center;}

#movie {width:320px; height:240px; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto; }

/* Indented Paragraphs */
#indent {margin-left:40px; }


/* Heading  Styles */

h1 {font-weight:bolder;font-size: 14pt; font-family:"copperplate", "arial", "verdana", "times new roman"; line-height: 16pt; color:#633415;}

h1.homepage {font-weight:bold;font-size: 14pt; font-family:"arial", "verdana", "times new roman"; line-height: 16pt; color:#452008;}

p.home {font-size: 10pt; font-family:"arial", "verdana", "times new roman"; line-height: 14pt; color:#452008; text-align:center; }



h2 {font-weight:bolder;font-size: 11pt; font-family: "arial", "verdana", "times new roman"; line-height: 13pt;}

/* Properties of Images*/

img {margin:0px;}

img.whiteborder {border-width:2px; border-style:solid; color:#FFFFFF;}



/* Containing Blocks for Images including Captions*/


div.thumbnail{float:right; width:155px; margin:0px; padding-left:0px; padding-right:0px;padding-top:0px; padding-bottom:0px; text-align:center; font-size: 8pt; font-family: "arial", "verdana", "times new roman"; line-height: 10pt; font-weight:bolder; color:#633415;}

div.floatright{float:right; margin-left:10px; margin-right:0px; margin-top:10px; margin-bottom:10px; padding-left:0px; padding-right:0px;padding-top:0px; padding-bottom:0px; text-align:center; font-size: 8pt; font-family: "arial", "verdana", "times new roman"; line-height: 10pt; font-weight:bolder; color:#633415;}

div.image {float:left; align:center; margin-left:0px; margin-right:20px; margin-top:10px; margin-bottom:10px; padding-left:0px; padding-right:0px;padding-top:0px; padding-bottom:0px; text-align:center; font-size: 8pt; font-family: "arial", "verdana", "times new roman"; line-height: 10pt; font-weight:bolder; color:#633415;}

/* Links */

a:link {color: #000000; text-decoration:underline;}
a:visited {color: #000000; text-decoration:underline;}
a:hover {color: #633415; text-decoration:underline;}
a:active {color: #633415; text-decoration:underline;}

/* Paragraphs */

p {text-align:justify;}
#left {text-align:left;}