/* bob1.css (bobandgillberry : for divs and centering etc, first layout) Conor 15 july 06 (from campfire) */
/* bob02.css  23 Jul 06  conor second layout */
/* bob03.css  26 Jul 06  tooltip divs, link colours shades of green */

html {height: 100%; margin-bottom: .01em} /* force scroll bar to prevent screen width changing */

body { 
	background-color: #C0C0C0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;  min-width: 950px;  /* to centre in IE5.5 */
}

#wrapper {               /* for centering in IE6 and Moz */
  text-align: left;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}
#outerdiv {position: absolute; width: 950px; height: 600px; top: 5px; background-color: #F4FAE7; z-index: 99; visibility: visible;}
#leftdiv { position: absolute; width: 40px; height: 600px; z-index: 99; left: 0px; top: 0px; visibility: inherit;}
#pagediv { position: absolute; width: 300px; height: 34px; z-index: 99; left: 45px; top: 2px; visibility: inherit }
#titlediv { position: absolute; width: 300px; height: 40px; z-index: 99; left: 45px; top: 62px; visibility: inherit }
#descdiv { position: absolute; width: 550px; height: 28px; z-index: 99; left: 45px; top: 128px; visibility: inherit }
#maindiv { position: absolute; width: 550px; height: 425px; z-index: 96; left: 45px; top: 175px; visibility: inherit;}
#mainhome2div { position: absolute; z-index: 97; left: 210px; top: 120px; visibility: inherit;}
#mainrecord2div { position: absolute; z-index: 97; left: 355px; top: 0px; visibility: inherit;}
#rightdiv { position: absolute; width: 320px; height: 478px; z-index: 96; left: 600px; top: 62px; visibility: inherit;}
#buttondiv { position: absolute; width: 600px; height: 40px; z-index: 98; left: 200px; top: 550px; visibility: inherit }

#leftdiv {
	background-image: url(images/greenleaf.jpg); 
	background-repeat: repeat-y;
}

#buttondiv li {
	height: 40px;
	width: 120px;
	margin: 0px 0px 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-align: center;
	line-height: 40px;
	list-style-type: none;
	background-image: url(images/buttons02.gif);
	background-repeat: no-repeat;
}
#buttondiv li a {
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#buttondiv li a:link {
	font-weight: bold;
    color: #000000;
	background-image: url(images/buttons02.gif);
	background-position: 0px 0px;
}
#buttondiv li a:visited {
	font-weight: bold;
    color: #000000;
	background-image: url(images/buttons02.gif);
	background-position: 0px 0px;
}
#buttondiv li a:hover {
    font-weight: bold;
    color: #000000;
	background-image: url(images/buttons02.gif);
	background-position: 0px -40px;
}
#buttondiv li a:active {
	font-weight: bold;
	color: #000000;
	background-image: url(images/buttons02.gif);
	background-position: 0px -80px;
}
#maindiv h3 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px 8px 8px 4px;
	font-size: 1em;
	font-weight:bold;
	line-height: 1.5em;
	text-align:left;
}
#maindiv p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px 60px 8px 4px;
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.5em;
	text-align:left;
}
#maindiv td {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 0.7em;
	font-weight:normal;
	text-align:left;
}
#maindiv .prelist {
	margin-top: 0em;
	margin-bottom: 0.1em;
	padding: 0px 8px 8px 0px;
	font-size: 18pt;
	font-weight:normal;
	line-height: 28pt;
	text-align:left;
}
#maindiv ol {
	margin-top: 0em;
	margin-bottom: 0.5em;
	font-size: 14pt;
}

a:link, #maindiv a:active {color:#009933; text-decoration:underline;}
a:hover {color:#00BB11; text-decoration:underline;}
a:visited {color:#006666; text-decoration:underline;}

#rightdiv p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	padding: 0px 8px 8px 0px;
	font-size: 0.7em;
	font-weight:normal;
	line-height: 1.0em;
	text-align:left;
}
#myfaint {
	color:   #999999;
}
.tab  {display:none;}  /* tabs initially off */
#tab1 {display:block;} /* but do display tab1 while loading */

/* style for tooltip */
#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS. Only works on IE*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}
/* end of tooltip styles */

#grectboxwrapper {  /* green rectangle in Recordings */
	width: 156px;
	position: absolute;
	top: 0px;
	left: 370px;
	background-image: url(images/greenrectmid.gif); /* was jazz_sidetile3.jpg */
	background-repeat: repeat-y;
}
#grectbox {
	background-image: url(images/greenrectbot.gif); /* was jazz_sidebottom3.jpg */
	background-repeat: no-repeat;
	background-position: left bottom;
}
#grectheader {
	font-size: 12px;  /* note px size for headers */
	font-weight: bold;
	color: #000000;
	background-image: url(images/greenrecttop.gif); /* was jazz_sidetopper3.jpg */
	background-repeat: no-repeat;
	margin: 0;
	padding: 10px 8px 8px 12px;
}
#grectcontent {
	/* font-size: .7em; */
	padding: 0 0px 20px 0px;
}
#grectcontent p {
	margin: 0px 0px 8px 0px;
	padding: 0px 8px 0px 12px;
	font-size: 11px; /* note px size for headers */
	font-weight: normal;
}