/* klare01.css  29 nov 06  Conor , for divs etc [from familia fam9.css] */
/*                         note that margin left and margin-right in outer div force centralising */
/*                         text-align : center in body forces centering in IE5, :left in outerdiv corrects it */
/* klare10.css  10 jan 08  for new bigger website, home page */
/* klare.css    15 jan 08  for all pages */
/*              17 jan 08  reduce ht from 600 to 580px, lift logo and buttons by 10px, rest by 20px */
/*              25 sep 09  make image div 6000 wide (was 3500) because max gallery pics is now 19 (otherproj) */
/*                         and also pagetextdiv 900 wide (was 800) for text in eventdecor page */

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

#outerdiv { position:relative; width: 950px; height: 580px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; z-index: 99; visibility: visible; text-align:left}

#logodiv { position: absolute; width: 211px; height: 24px; z-index: 99; left: 25px; top: 23px;}
#telephonediv { position: absolute; width: 128px; height: 20px; z-index: 95; left: 800px; top: 63px;}
#emaildiv { position: absolute; width: 205px; height: 20px; z-index: 95; left: 724px; top: 82px;}
#artscouncildiv { position: absolute; width: 48px; height: 47px; z-index: 95; left: 877px; top: 518px;}

#button1div { position: absolute; width: 46px; height: 21px; z-index: 95; left: 270px; top: 32px;}
#button2div { position: absolute; width: 138px; height: 21px; z-index: 95; left: 345px; top: 32px;}
#button3div { position: absolute; width: 182px; height: 21px; z-index: 95; left: 518px; top: 32px;}
#button4div { position: absolute; width: 109px; height: 21px; z-index: 95; left: 724px; top: 32px;}
#button5div { position: absolute; width: 76px; height: 21px; z-index: 95; left: 853px; top: 32px;}

/* for main pages */
#pagetitlediv { position: absolute; width: 225px; height: 28px; z-index: 95; left: 23px; top: 58px;}
#pagecol1div { position: absolute; width: 300px; height: 300px; z-index: 95; left: 0px; top: 255px;}
#pagecol2div { position: relative; width: 300px; height: 300px; z-index: 95; left: 325px; top: 255px;}
#pagecol3div { position: absolute; width: 300px; height: 300px; z-index: 95; left: 647px; top: 255px;}

/* for gallery pages */
/* imagediv must be wide enough to take max no of pics, currently 19 */
#pagetextdiv { position: absolute; width: 900px; height: 105px; z-index: 95; left: 25px; top: 97px;}
#imagediv { position: absolute; width: 6000px; height: 325px; z-index: 95; left: 0px; top: 255px; clip: rect(0 950 325 0);}
#arrowleftdiv { position: absolute; width: 15px; height: 25px; z-index: 95; left: 25px; top: 225px; visibility: hidden }
#arrowrightdiv { position: absolute; width: 15px; height: 25px; z-index: 95; left: 902px; top: 225px; visibility: hidden }

.maintext {
	margin : 0px 0px 20px 0px;
	padding : 0px;
	line-height: 18px;
}

.listhdr {
	margin : 0px 0px 0px 0px;
	padding : 0px;
	line-height: 15px;
	font-weight: bold;
}
.listtext {
	font-size: 12px;
	margin : 0px 0px 5px 0px;
	padding : 0px;
}


body { 
	background-color: #CCCCCC;
	text-align: center;  /* for centering in IE5 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0px auto 0px auto;  /* new 16jan08 */
}