/* CSS Document from Attik Designs http://www.attikdesigns.ie for the notice board	*/
div#noticeBoard {
		position: relative;
		display: block;
		width: 530px;
		height: 500px;
}

div#noticeBoard * {
1		border: 1px solid #ccc;
		margin: 0;
		padding: 0;
		1background: #ddd;
}

div#noticeBoard div#top, 
div#noticeBoard div#mid, 
div#noticeBoard div#bottom {
		display: block;
		clear: both;
		float: left;
		width: 530px;
		padding: 0 15px;
		}

div#noticeBoard div#top {
		height: 14px;
		background: url(mainpics/bg_noticeboard_top.jpg) 0 0 no-repeat;		
		}

div#noticeBoard div#mid {
		background: url(mainpics/bg_noticeboard_mid.jpg) 0 25px repeat-y;		
		}

div#noticeBoard div#midScroll {
		display: block;
		clear: both;
		float: left;
		width: 520px;
		height: 450px;
		padding-right: 10px;
		overflow: auto;
		scrollbar-base-color: #fff;
		scrollbar-track-color: #fff;
		scrollbar-face-color: #e63794;
		scrollbar-highlight-color: #fff;
		scrollbar-3dlight-color: #fff;
		scrollbar-darkshadow-color: #fff;
		scrollbar-shadow-color: #fff;
		scrollbar-arrow-color: #fff;
		}

div#noticeBoard div#bottom {
		background: url(mainpics/bg_noticeboard_bottom.jpg) 0 0 no-repeat;		
		}

div#noticeBoard div.item {
		clear: both;
		display: block;
		border-bottom: 2px solid #705a22;
		padding-bottom: 0;
		margin-bottom: 0.5em;
1		border: 1px solid #000;
		}

div#noticeBoard h2 {
		margin-bottom: 0.3em;
		1font-family: "Trebuchet MS", Arial, sans-serif;
		font-family: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		color: #b50ea7;
		background: #feb7f0;
		text-align: center;
		}

div#noticeBoard h3 {
		margin: 0.5em 0 0 0;
		font-family: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif;
		font-weight: normal;
		font-size: 0.7em;
		color: #e63794;
		}

div#noticeBoard h3#top {
		margin-top: 0;
		}

div#noticeBoard h4 {
		font-family: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif;
		font-size: 0.5em;
		color: #078132;
		}

div#noticeBoard p {
		font-family: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif;
		font-size: 0.5em;
		color: #1e2d6b;
		line-height: 1.6em;
		}

div#noticeBoard p.cost {
		margin-top: 0.4em;
		color: #b50ea7;
		}

div#noticeBoard img {
		float: right;
		background: #dedede;
		padding: 5px;
		margin: 0 0 3px 3px;
		}
div#noticeBoard p.imgCaption {
		clear: right;
		float: right;
		padding: 5px;
		width: 150px;
		text-align: center;
		font-size: 12px;
		}

div#noticeBoard a {
		color: #b50ea7;
		font-family: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif;
		}

div#noticeBoard a:hover {
		color: #e63794;
		}

div#noticeBoard a#email {
		text-decoration: none;
		display: block;
		width: 75px;
		text-align: center;
		padding: 2px 5px;
		background: #feb7f0;
		font-size: 0.7em;
		font-weight: bold;
		border: 1px solid #b50ea7;
		color: #b50ea7;
		margin-top: 5px;
		}

div#noticeBoard a#email:hover {
		background: #b50ea7;
		color: #feb7f0;
		}
div#noticeBoard span.clearSpan {
		clear: both;
		display: block;
		height: 10px;
		}