@media print{
body {
	background-color: #ffffff;
}
#screen {
display:none;
}

}
@media screen{
body {
	background-color: #C1C1C1;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bodybg.gif);
	background-repeat: repeat-y;
	background-position: center top;

}
#print {
display:none;
}


}


.BGColorBlack {
	background-color:#8C0028;
}

.TitleContainer {
	width:100%;
	height:42px;
	background-color:#8C0028;
	border-top:solid 1px #FFFFFF;
}
.Date {
	color:#8C0028;
}



.WideTable {width:780px;}

.ContainerTable {
	border-right:solid 1px #8E8E8E;
	width:780px;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004A7D;
	background-color: #FFFFFF;
	padding: 10px;
	height: 30px;
}

.topnavbevel {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BB667E;
}
.topnavbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;

}
.topnavbuttonover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg_over.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;

}
.sectiontitlepanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E6CCD3;
	background-image: url(images/sectiontitle_panelbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.sectiontitlepanel a{
	font-size: 11px;
	color: #E6CCD3;
	text-decoration:none;
}
.sectiontitlepanel a:hover{
	color: #E6CCD3;
	text-decoration:underline;
}

strong {
	font-weight: normal;
}

.contentarea strong {
	font-weight: bold;
}

.featuresectiondivide {
	background-image: url(images/featuresection_divide.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.featurearea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 7px 5px;
}
.feature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8E0028;
}
.feature a{
	color: #8E0028;
	text-decoration:none;
	font-size: 11px;

}
.feature a:hover{
	color: #8E0028;
	text-decoration:underline;
}
.footerarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #8E8E8E;
	background-color: #F4F3F3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E8E8E;

}
.footerarea a{
	color: #8E8E8E;
	text-decoration:none;
	font-size: 11px;
}
.footerarea a:hover{
	color: #8E8E8E;
	text-decoration:underline;
}


.pageheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/headingband_tile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;


}
.contentarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-image: url(images/contentbevel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px 20px 20px;
}
.searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #8E0028;
	height: 20px;
	width: 120px;
}
.searchbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 21px;
	width: 50px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8E0028;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8E0028;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #8E0028;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.picdescr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C0028;
	padding-left:5px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8E0028;
}
li {
	list-style-type: circle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

.greymenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #BFBFBF;
	height: 21px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #A5A5A5;
	padding-right: 5px;
	padding-left: 10px;
	cursor: hand;

}
.greymenuover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B2B2B2;
	height: 21px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #A5A5A5;
	padding-right: 5px;
	padding-left: 10px;
	cursor: hand;
}

.MenuMainTable {
	cursor: hand;
	width: 152px;
	background-color: #FFFFFF;
}
.MenuSubTable {
	width: 152px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;	
	border-top-color: #BFBFBF;
	border-left-color: #BFBFBF;
	border-right-color: #BFBFBF;
	position: absolute;
	visibility: hidden;
	cursor: hand;
	z-index: 99;
}
.MenuMain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8E0028;
	background-color: #FFFFFF;
	height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBFBF;
	padding-right: 5px;
	padding-left: 10px;
	cursor: hand;
}
.MenuMainOver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8E0028;
	background-color: #F6F6F6;
	height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBFBF;
	padding-right: 5px;
	padding-left: 10px;
	cursor: hand;
}
.MenuSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8E0028;
	background-color: #FFFFFF;
	height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBFBF;
	padding-right: 5px;
	padding-left: 10px;
	cursor: hand;
}
.MenuSubOver {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8E0028;
	background-color: #F6F6F6;
	height: 21px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBFBF;
	padding-right: 5px;
	padding-left: 10px;
	cursor: hand;
}




.MenuMainTableTop {
	cursor: hand;
	height: 30px;
	width: 100%;	
	background-color: #AE0031;
}
.MenuSubTableTop {
	height: 30px;
	text-align:center;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;	
	border-top-color: #BFBFBF;
	border-left-color: #BFBFBF;
	border-right-color: #BFBFBF;
	position: absolute;
	visibility: hidden;
	cursor: hand;
	z-index: 99;
}
.MenuMainTop {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;
	background-color: #AE0031;
}
.MenuMainOverTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;	
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg_over.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;
	background-color: #AE0031;
}
.MenuSubTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;	
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;
}
.MenuSubOverTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;	
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg_over.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;
}


.topnavbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;

}
.topnavbuttonover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-color: #BB667E;
	border-right-color: #4B0015;
	background-image: url(images/topnav_buttonbg_over.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: hand;

}
.pagesearchtables {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C0028;
	background-color: #F0F0F0;
	margin-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C9C9C9;
	border-bottom-color: #C9C9C9;
}
.pagesearchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C0028;
	height: 22px;
	width: 190px;
}
.listrows {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	height: 22px;



}
.contentbuttons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height: 22px;
	margin-top: 10px;

}
.cataloguepiccell {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.pageon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-image: url(images/page_on.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
}
.pageoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #727272;
	background-image: url(images/page_off.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 30px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
	cursor: default;



/*
classes for the calender START here
*/
}.calenderheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7A7A7A;
	background-color: #E6E6E6;
	height: 22px;
}
.calendarbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #7A7A7A;
	width:161px;
}
.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
.monthdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 22px;
}
.monthdate a{
	color: #FFFFFF;
	text-decoration:none;
}
.calenderdays {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 16px;
	width: 14%;
}

.nodays {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AFAFAF;
	text-align: center;
	height: 16px;

}
.selectedevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #8C0028;
	text-align: center;
	height: 16px;
	cursor: default;
}
.yesevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border: 1px solid #8C0028;
	text-align: center;
	height: 16px;
}
.noevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #E6E6E6;
	text-align: center;
	height: 16px;
}

/*
classes for the calender END here
*/
.pageheadings {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8E0028;
}
.textfield {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C0028;
	height: 150px;
	width: 190px;
}
.searchdayyear {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C0028;
	height: 22px;
	width: 60px;
}
.searchmonth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8C0028;
	height: 22px;
	width: 100px;
}
.categoryname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8C0028;
	height: 30px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #8C0028;
	text-transform: uppercase;

}
.buttons {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height: 22px;
}
.afrikaansstatement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #971439;
	padding-left: 95px;
	padding-top: 15px;
	padding-bottom: 30px;
	height: 196px;
}
.afrikaansstatement a{
	font-size: 18px;
	color: #971439;
	text-decoration:none;
}
.afrikaansstatement a:hover{
	text-decoration:underline;
}
.classifiedpopup {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #8E0028;
	border-bottom-color: #8E0028;
}
.classifiedpopup td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 22px;
}
.TitleBanner {
	background-image: url(images/TitleBanner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 196px;


}
.bullets {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

