.resourcebox {
	overflow: hidden; margin-right: 1px; margin-bottom: 1px; float:left; width: 140px; height: 198px; position: relative;
}

.resourceboxSub {
	background-image: url(/75tran.png);
	background-repeat: repeat;
	vertical-align: bottom;
	width: 130px;
	padding-left: 10px;
	color: #FFF;
	height: 60px;
	position: absolute;
	bottom: 0px;
	font-size: 10px;
}

.hiddenBlock
{
	display: none;
}

.unhiddenBlock
{
	display: block;
}


.bannertext {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: center top;
}
.buttonNavBox {
	padding-left: 10px;

}

img
{
	border: 0;
}



.h3sim {
	font-family: Arial Black, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
}
.cellstroke {
	border: 1px #BBBBBB solid;
	font-size: 10px;
	padding: 2px;
	margin: 2px;

}

.code {
	border: 1px #BBBBBB solid;
	font-size: 10px;
	padding: 4px;
	font-family: Courier;
	margin: 4px;


}
.smallsize {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	line-height: 14px;

}

.button {
	font-weight: bold;
	color: #000000;
	background-color: #DDDDFF;
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AAAADD;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AAAADD;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #AAAADD;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #AAAADD;
}


.galleryButton {
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #aaaaaa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #aaaaaa;
}



.gallerySelectedButton {
	font-weight: bold;
	color: #000000;
	background-color: #cccccc;
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #999999;
}








.miniHeading {
	font-weight: bold;
	font-size: 14px;
	color: #000033;
	
}



.buttonbg {
	background-color: #ffbbbb;
}
	
.imageBorder { 
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #111111;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #111111;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #111111;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #111111;
}


.elementbox {
	background-color: #eeeeee;
	padding: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cccccc;
}

.spacedBox {
	background-color: #ffffff;
	padding: 10px;
	margin: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cccccc;
}






.gallerybox {
	background-color: #eeeeee;
	padding: 4px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}

.eventbox {
	background-color: #ffffff;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #aaaaaa;
	margin-bottom: 8px;


}

.eventsboxBottom {
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bbbbbb;
}

.errormessage {
	color: #FF0000;
}

.error {
	color: #FF0000;
}

.whitetext {
	color: #FFFFFF;
}

.whitetext a:link, .whitetext a:visited, .whitetext a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.whitetext a:hover {
	color: #bbbbbb;
	text-decoration: none;
}









.success {
	color: #009900;
}

.redbutton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #DD0000;
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #660000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #660000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #660000;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #660000;
}	

.greenbutton {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00DD00;
	padding: 2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #006600;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006600;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006600;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #006600;
}	



.subnavbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	background-color: #ffffff;
}

.subnavboxChild {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}


.subnavselected {
	background-color: #FFDAC1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	
}


.subnavselectedP {
	background-color: #FFEAD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003366;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #003366;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #003366;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}




.bannerblurb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 105px;
}
.subnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	letter-spacing: 0pt;
	text-align: left;
	text-indent: 0pt;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}



.worldshopBG {
	background-color: #D94040;	
}

.worldshop_dark {
	color: #b92020;	
}


.educationBG {
	background-color: #567AA6;	
}
.education_dark {
	color: #365A86;
}


.globalcafeBG {
	background-color: #FF6640;	
}
.globalcafe_dark {
	color: #dF4620;
}


.gardensBG {
	background-color: #408C40;	
}
.gardens_dark {
	color: #206C20;
}



.artsBG {
	background-color: #8C66B3;	
}
.arts_dark {
	color: #6C4693;
}


.roomhireBG {
	background-color: #8C6666;	
}
.roomhire_dark {
	color: #6C4646;
}

.eventsBG {
	background-color: #F5BB40;	
}
.events_dark {
	color: #838310;
}

.volunteersBG {
	background-color: #408C8C;	
}
.volunteers_dark {
	color: #206C6C;	
}

.admin, .about, .contact {
	color: #666666;	
}
.adminBG, .aboutBG, .contactBG {
	background-color: #666666;	
}


.orangeBG {
	background-color: #FFD8B0;	
}

.worldshopTitlebg {
	background-image: url(/images/worldshop_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.homeTitlebg {
	background-image: url(/images/home_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.educationTitlebg {
	background-image: url(/images/education_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.globalcafeTitlebg {
	background-image: url(/images/globalcafe_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.gardensTitlebg {
	background-image: url(/images/gardens_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.artsTitlebg {
	background-image: url(/images/arts_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.roomhireTitlebg {
	background-image: url(/images/roomhire_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.campaignsTitlebg {
	background-image: url(/images/campaigns_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.eventsTitlebg {
	background-image: url(/images/events_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.volunteersTitlebg {
	background-image: url(/images/volunteers_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.adminTitlebg {
	background-image: url(/images/admin_title.jpg);
	background-repeat: repeat-x;
	background-position: left top;

}
.urlTable {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.blueBG {
	background-color: #003399;
	color: #FFFFFF;
}
.blueBGtoday {
	background-color: #000066;
	color: #FFFFCC;
}

.whiteBG {
	background-color: #ffffff;
}

.darkgreyBG {
	background-color: #999999;
}

.homeBG {
	background-color: #003399;
	
}

.lightgreyBG {
	background-color: #cccccc;
}


.bottomWhiteLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}
.paddedCell {
	padding: 4px;
}


ul.autocompleter { padding: 3px; background: #dddddd; width: 150px; border: 1px solid #999; font-family: arial, sans-serif; font-size: 12px;}
ul.autocompleter { list-style-type: none; font-family: arial, sans-serif; font-size: 12px;  margin: 5px 0 0 0}
li.autocompleter { margin: 0 0 5px 0; background: #999999; cursor: default; color: red;}
li.autocompleter:hover { background: #FFD8B0; }
.selected{background-color:#FFD8B0;}

.ACbutton {
	font-weight: bold;
	color: #000000;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}

.noLineHeight {
	line-height: 0px;


}


.boxDeselected {
	font-weight: bold;
	background-color: #eeeeee;
	color: #aaaaaa;
	padding: 10px;
	margin: 4px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #888888;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #aaaaaa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaaaaa;
}

.boxSelected {
	font-weight: bold;
	background-color: #FFD993;
	color: #000000;
	padding: 10px;
	margin: 4px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #888888;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #888888;
}
.bigtable {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	margin: 0px;
	padding: 0px;


}
.panelTopLeft {
	background-image: url(../images/blurflowers.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.innerbannerImage {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}


.sidesBottom {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #757575;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #757575;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #757575;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-top: 15px;
}

.dayRow {
	color: #ffffff;
	align: center;
	background-color: #454545;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
}


.dateRowEvent {
	background-color: #999999;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
}


.dateRowPast {
	background-color: #ffffff;
	color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
}


.dateRow {
	background-color: #dddddd;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}

.dateRowToday{
	border: 1px solid #838310;
	background-color: #F5BB40;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}
body {padding: 0; margin: 0; text-align: center;} 
div#wrapper {width: 836px; margin: 0 auto; text-align: left;}

.infoBoxContents {
	font-size: 10px;
}

.infoBox {
	font-size: 10px;
}