body { background-color: gray; font-family: arial, helvetica, sans-serif; color: white; margin-left: 20%; margin-right: 20%}

div {clear:both}/* So that a new division eg a quilt in the Gallery, won't start until both the left (image) and right (text) sides are free, ie until past the longest image or text */
hr {color: silver}
h1 {margin-top: 30px; margin-bottom: 0; font-size: 22px}
h2 {margin: 0; font-size: 18px; color: silver}

p  {margin-top: 0; margin-bottom: 14px; font-size: 15px; line-height: 1.2; }

p.quilt_desc {width: 300px;}
p.quilt_size {font-size: 12px; font-style: italic;}

img {padding-right: 10px;} /* float: left Makes all images float to left of the text in next division. Padding keep text away from right of image 


.journal_window {text-align: left;} 


table,td {text-align: center;}  */

.gallery_thumb {text-align: center; }
.header {width: 755px;}
.month_caption {font-size: 12px; text-align: center;}

#footer {position: fixed; bottom :0px; width: 755px; background-color:gray;}
p.copyright {font-size: 10px; padding-top:1px}

a.linkout {font-size: 13px; padding:0; width:0; margin:0; font-family: arial, sans-serif; background-color:gray; border:0; text-decoration:underline; font-weight:bolder;}
/* Set the format and font of external links. (otherwise they look like nav buttons. */

a:link.linkout, a:visited.linkout {color:#F9C7C2}
a:focus.linkout, a:hover.linkout {text-decoration:none; color:blue; font-weight:bolder;} 
a:active.linkout {color:#F9C7C2}
  
/* Set the style of external links. (otherwise they act like nav buttons. */


a.nav_bar {padding:5px; text-decoration:none; width:5em; margin:2px 4px 2px 0;  line-height:2.2; font-family: Verdana, sans-serif} /* format of each link used as a nav button, plus font of the name eg HOME */
 

a:link.nav_bar, a:visited.nav_bar {background: silver; border: 3px outset silver; color:black}
a:focus.nav_bar, a:hover.nav_bar, a:active.nav_bar {background: #555555; border: 3px outset silver; color:white}
 /* setting the colour of the nav button background and font colour depending on state of link */

a:visited#current, a:hover#current, a:focus#current, a:active#current {cursor: default; color: black; background: silver;}
/* Force the CURRENT nav button to look as if no action is taken if it is pointed to */