/* Colors, fonts and other basic stuff */

body {
  background: white;
  color: #333;
  line-height: 1.2;
  text-align: justify;
  font-family: Times, Arial, Helvetica, sans-serif; 
  position: relative;		/* Make containing block for the menus */
  max-width: 800px;
  padding: 79px 5px 5px 210px;  /* top, right, bottom, left */
  margin: 0; }

body>div.map { position: fixed }
body>div.top { position: fixed }
body>div.vtop { position: fixed }
body>div.btop { position: fixed }

a:link {color: #333; text-decoration: underline; }
a:active {color: #333; text-decoration: underline; }
a:visited {color: #333; text-decoration: underline; }
a:hover {color: #ff0000; text-decoration: none; }


html {
  margin: 0 }

h1 {
  line-height: 1.25;
  text-align: left;
  font-size: 16px;
  vertical-align: top;
  font-variant: small-caps;
  border-bottom: thin solid;
  padding: 0 0 0.2em 0;
  font-weight: normal }
h1:first-line { 
  margin-bottom: 10px;
  border-bottom: none;		/* bug in Konqueror 3.1 */
  font-style: italic }
h1 {
  color: #000 }

p {
  margin-top: 0.5em;
  font-size: 14px;
  margin-bottom: 0 }

/* Logo box at top fixed to top of page */

div.vtop { 
  position: absolute;
  width: auto; 
  max-width:770px;
  height: 5px;
  top: 0px; right: 0px; bottom: 0px; left: 5px;   
  background: #000000 url(../images/fill.gif) top left no-repeat }

div.btop { 
  position: absolute;
  width: auto; 
  max-width:770px;
  height: 5px;
  top: 74px; right: 0px; bottom: 0px; left: 200px;   
  background: #000000 url(../images/fill.gif) top left no-repeat }

div.top { 
  position: absolute;
  width: auto; 
  max-width:770px;
  height: 69px;
  top: 5px; right: 5px; bottom: 5px; left: 5px;   
  background: #d9d9d9 url(../images/logo.gif) top left no-repeat }


/* Local navigation menu, along the left side */

div.map { 
  position: absolute;
  width: 200px; height: auto;
  top: 74px; right: auto; bottom: 5px; left: 5px;
  background: #d9d9d9 url(../images/dogsear.png) bottom right no-repeat }

div.map p {
  display: block;
  font-size: medium;
  margin: 0.55em 1em 0.44em -0.9em; /* top, right, bottom, left */
  padding: 0.38em 1em;
  text-indent: 0;
  text-align: left;
  background: #bdbdbd url(../images/sandydogsear.png) bottom right no-repeat;
  color: white;
  border-bottom: none;		/* Remove rule under H2 */
  list-style: none }		/* Remove triangle from H2 */

div.map a:link, div.map a:visited {
  font-style: italic;
  text-decoration: none;
  color: #344175 } /*menu font colour*/

div.map a:hover {
  background: #bdbdbd;
  color: #344175;
  text-decoration: underline;
}

div.map:after {
  content: " ";
  display: block;
  margin-top: 2em;
  padding: 0.1em 0.5em;
  color: #344175;
  font-size: medium;
  font-style: italic;
  text-align: left;
  letter-spacing: 0.25em }

#maincontent {
	width:565px;
    margin: -10px 15px 0px 0px;  /* top, right, bottom, left */
	padding: 0px 15px 0px 15px;  /* top, right, bottom, left */
	float:left;
	background:url(../images/maincontent_background.gif) repeat-y;
 }
#widecol {
	float:left;
	width:533px; }

/***********************************************/
/*              Footer Styling                 */
/***********************************************/

.footer {
	color: #333333;
	font: 6px;
	padding-top: 5px;
	padding-left: 10px;
}

.footer a {
	color: #333333;
	text-decoration: none;
	font:6px ; 
	padding-top: 5px;
}

.footer a:hover {
	text-decoration: underline;
	font: 6px;
	padding-top: 5px;
}


/*
Local variables:
mode: css
cssm-indent-level: 2
End:
*/