/* basic elements */
html { height: 102%; } /* forces a vertical scroll bar, eliminating jumps in centering when switching between short & long pages */
#header {margin-bottom: 3em;}
/* non-IE */ html>body #header {margin-bottom: 1em;}
div.container { margin: 0 auto; text-align: left; width:800; /*margin-left: 10%; margin-right: 10%;*/ border:1px solid gray; line-height:130%; position:relative; background-color:#EEEEEE; }
div.header { padding:1.5em; color:#EEEEEE; background-color:#008040; clear:left; font-family: sans-serif; font-size:80%; font-weight: normal; text-decoration:none;}
div.footer2 { padding:1.5em; color:#CCCCCC; background-color:#008040; clear:left; font-family: sans-serif; font-size:80%; font-weight: normal; text-decoration:none;}
div.footer3 { padding:0.5em; color:#333333; background-color:#EEEEEE; clear:left; font-family: sans-serif; font-size:70%; font-weight: normal; text-decoration:none;}
h1.header { padding:5px; margin:0; font-family: sans-serif; font-size:250%; font-weight: bold; text-decoration:none; letter-spacing: 8px }
h2.header { font-family: sans-serif; font-size:80%; font-weight: bold; text-decoration: none; padding:0; margin:0; position:relative; center:-50 }
/* shopping basket icon & counter */
h2.pos_abs {position:absolute; left:740px; top:15px;text-align: center; color:#CCCCCC; font-family: sans-serif; font-size:80%; font-weight: normal; text-decoration: none; }
a2:link {color: #CCCCCC; }
a2:visited { color: #CCCCCC; }
a2:hover { color: #FF0000; }
a2:active { color: #CCCCCC; }
/* left menu area */
div.left { float:left; width:170px; margin:0px; padding:0em; background-color:#EEEEEE;}
/* non-IE */ html>body div.left { float:left; width:140px; margin:0; padding:0em; margin-left:16px; position:relative; top:16px; bottom:0px; background-color:#EEEEEE; }
/* left menu area */
div.left2 { float:left; width:170px; margin:0px; padding:0em; background-color:#EEEEEE; position:fixed top:560px;;}
/* non-IE */ html>body div.left2 { float:left; width:140px; margin:0; padding:0em; margin-left:16px; position:fixed; top:560px; bottom:0px; background-color:#EEEEEE; }
/* the menu styles */
#coolmenu{ border: 1px solid black; width: 170px; background-color: #00c060; }
/* non-IE */ html>body #coolmenu{ margin-left:-16px; position:relative; top:-16px; border: 1px solid black; width: 170px; background-color: #00c060; }
#coolmenu a{ color: #524031; padding: 2px; padding-left: 4px; padding-bottom:6px; padding-top:6px; font-family: sans-serif; font-size:80%; font-weight: bold; display: block; width: 100%; text-decoration: none; border-bottom: 1px solid black; }
/* non-IE */ html>body #coolmenu a{ color: #524031; padding-bottom:6px; padding-top:6px; font-family: sans-serif; font-size:80%; font-weight: bold; margin-left:0px; position:relative; top:0px; width: auto; text-decoration: none; border-bottom: 1px solid black; }
#coolmenu a:hover{ background-color: #008040; color: #EEEEEE; }
/* main content area */
div.content { text-align: left;margin-left:170px; padding:2.5em; line-height: 1.4em;}
/* non-IE */ html>body div.content { margin-left:170px; padding:3em; line-height: 1.4em;}
p.content { font-family: sans-serif; font-size:80%; font-weight: normal; text-decoration: none; color: #333333;}
h2.content { font-family: sans-serif; font-size:150%; font-weight: bold; text-decoration: none; color: #333333; }
a.content { font-family: sans-serif; font-size:100%; font-weight: normal; text-decoration: underline;; color: #333333}
/* GALLERY CSS */
* { margin: 0; padding:0; }
body{ text-align: center; margin-left: 8px; /* 9 for IE 8 for mozilla */ margin-top: 8px; /* 15 for IE 8 for mozilla*/ margin-right: 0px; margin-bottom: 30px; word-wrap: break-word; /* IE */ background-image: url('../siteimages/green034.jpg');background-repeat: repeat; }
/* the ie fix doesn't like the html>body bit on the body style so can't do this*/
/* background="../siteimages/brown034.jpg" */
/* html>body body{ margin-left: 8px; /* 9 for IE 8 for mozilla */ margin-top: 8px; /* 15 for IE 8 for mozilla*/ margin-right: 0px; margin-bottom: 30px; word-wrap: break-word; /* IE */ } */
img { border: 0; }
a:link {color: #000000; }
a:visited { color: #000000; }
a:hover { color: #0000FF; }
a:active { color: #000000; }
#sidebar{ position:fixed; top: 38px; left:30px; width: 235px; }
* html div#sidebar{ position:absolute; top: 38px; left:30px;width: 235px; }
#content{ text-align: left; margin-top: 38px; margin-left: 300px; }
#topbar{ margin-top: 30px; margin-left: 30px;}
#content_wide{ text-align: left; margin-top: 30px;margin-left: 30px; }
#content_wide2{ float:left; text-align: left; margin-top: 30px;margin-left: 150px; }
#album_title{ color: #FFFFFF;font-family: "Trebuchet MS", Verdana, Sans-Serif;font-size: 18px; line-height: 150%; }
#album_description{ color: #C0C0C0; font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size: 12px;line-height: 150%; }
.thumbnail{ height: 128px; width: 148px; /* 148 for ie, 128 for mozilla */text-align: center;padding:8px;background-color: #EEEEEE;float: left; margin-right: 15px; margin-bottom: 15px; }
html>body .thumbnail{height: 128px; width: 128px; /* 148 for ie, 128 for mozilla */text-align: center;padding:8px;background-color: #EEEEEE; float: left; margin-right: 15px; margin-bottom: 15px; }
.thumbnail_text{ height: 165px; /* 165 for ie 145 for mozilla*/width: 148px; /* 148 for ie, 128 for mozilla */text-align: center; padding:8px; background-color: #EEEEEE; float: left; margin-right: 15px; margin-bottom: 15px; overflow: hidden; font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size: 11px; }
html>body .thumbnail_text{ height: 145px; /* 165 for ie 145 for mozilla*/ width: 128px; /* 148 for ie, 128 for mozilla */ text-align: center; padding:8px; background-color: #EEEEEE; float: left; margin-right: 15px; margin-bottom: 15px; overflow: hidden; font-family: "Trebuchet MS", Verdana, Sans-Serif; font-size: 11px; }