/* Top */
body { padding:0; margin:0; font-size:small; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF url(/stwilfrids-harrogate/images/stwilfrids-harrogate/bodybg.gif) top left repeat-y; }

/* Header */
#header { background:#6699CC; padding:0; margin:0; }
#header h1 { padding:10px 0 0 10px; margin:0; letter-spacing:0.05em; font-size:200%; border: none;}
#header h1 a { color:#FFFFFF; text-decoration:none; }
#header h1 a:hover { text-decoration:none; }
#header p { text-align:right; padding:3px; margin:0; }
#header p a { color:#FFFFFF; text-decoration:none; }
#header p a:hover { text-decoration:underline; }

/* Side Bar */
#sidebar { float:left; padding:0; margin:0; width:150px; text-align: center;}
#sidebar img { margin: 20px; }
#sidebar address { background: transparent; margin: 10px 0; padding: 0.5em 0; font-size: 100%;}


/* Navigation */
ul#navigation, ul#navigation ul {margin:0; padding:0; list-style:none; text-align: left;}
ul#navigation { width:150px; list-style:none; border-top:#000000 solid 1px; }
ul#navigation li { width:150px; position:relative; list-style:none; background:#6699CC; border-bottom:1px solid; padding:3px 0; margin:0; }
ul#navigation li ul { position:absolute; left:150px; top:0px; display:none; border:#000000 1px solid; border-bottom:none; }
ul#navigation li ul li { margin:0; }
ul#navigation li a, #navigation a:visited { color:#000000; text-decoration:none; font-weight:bold; font-size:110%; padding:4px 6px; }
ul#navigation li a:hover { color:#FFFFFF; }
#navigation li:hover ul, #navigation li.over ul { display: block; } 


/* Content */
#content { padding:20px; margin:0 0 0 153px; border-right:#6699CC 5px solid;  }

/* Footer */
#footer { padding: 0.5em; margin: 30px 100px; background:#6699CC; clear: left;}


/*General Style*/

h1 { font-size: 200%; letter-spacing: 0.3em; color: #fc6; border-bottom: 3px solid #fc6; margin: 10px 0;}
h2 { font-size: 170%; letter-spacing: 0.1em; color: #69c; }
h3 { font-size: 150%; letter-spacing: 0.1em; color: #000; }

a { color: #69c; }
a:hover { color: #fc6; }
a img { border: none;  }

address { background: #fc6; margin: 0 0 20px 0; padding: 0.5em; font-size: 120%; font-style: normal;}
address a:hover { color: #fff; }

img.img_right { float: right; margin: 0; padding: 0 20px 15px 35px; background: #fff; }
img.img_left { float: left; padding: 0 20px 20px 20px; }

blockquote { margin: 20px 60px; background: #69c; color: #fff; font-size: 110%; padding: 0.5em; clear: right;}

p { margin: 15px 20px 15px 0; clear:none; }

hr { margin: 10px 200px; border: 1px solid #69c; } 

dl { width:400px; float:right; margin:0 0 0 0; }
dt { font-weight:bold; padding:3px 0 5px 0; font-size: 150%; letter-spacing: 0.1em; color: #000; }
dd { margin:0; padding:3px 0 5px 0; }

.clear {clear:right; }
.clearl { clear:left; }
.clear p { float:left; }

td { padding:5px; }