/* Text Formatting */
H1, H2, H3, H4, H5, H6 {
    font-family: Nunito, Arial;
}

H1 {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 34px;
    font-weight: bold;
}

H2 {
    font-size: 26px;
    margin-top: 10px;
}

H3 {
    font-size: 22px;
}

H4 {
    font-size: 20px;
}

H5 {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

P {
    margin-bottom: 5px;
}

/* Background images for coloured bubble bullets */
.bubbleBlue { background-image: url("../images/layout/bullet_blue.png"); }
.bubbleGreen { background-image: url("../images/layout/bullet_green.png"); }
.bubbleOrange { background-image: url("../images/layout/bullet_orange.png"); }
.bubblePink { background-image: url("../images/layout/bullet_pink.png"); }
.bubblePurple { background-image: url("../images/layout/bullet_purple.png"); }
.bubbleRed { background-image: url("../images/layout/bullet_red.png"); }

/* Content Items are used to format Umbraco WYSIWYG editor */
.contentItem {
    font-size: 0.69em;
}
.contentItem UL {
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
.contentItem UL LI {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    list-style: none;
    padding-left: 15px;
    line-height: 1.38em;
    background-position: 0px 3px;
    background-repeat: no-repeat;
}
.contentItem UL.noBullets LI {
    background-image: url("") !important;
}
.contentItem OL {
    margin: 0px;
    padding: 0px 0px 10px 37px;
}
.contentItem A {
    color: #bb01a8; /* 8C017E */
    text-decoration : none;
}
.contentItem A:hover {
    color: #000;
}
.contentItem a img {
    border: 0px; 
}
.contentItem img {
    margin-bottom: 10px;
}
.contentItem p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    line-height: 1.4em;
    color: #000000;
}

/* Event Items are used to format What's On Events */
.eventItem {
    font-size: 0.69em;
}
.eventItem UL {
    margin: 0px;
    padding: 0px;
}
.eventItem LI {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.eventItem A {
    color: #bb01a8;
    text-decoration: none;
}
.eventItem a.hasArrow {
    padding-left: 10px;
    background-image: url("../images/layout/arrow_purple.gif");
    background-position: 0px 2px;
    background-repeat: no-repeat;	
}
.eventItem a:hover {
    color: #000;
}
.eventItem a img {
    border: 0px; 
}
.eventItem img {
    margin-bottom: 10px;
}
.eventItem p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    color: #000000;
}

/* Coloured buttons */
.sectionItem A, .searchItem A {
    padding-left: 15px;
    background-position: 0px 3px;
    background-repeat: no-repeat;	
    color: #bb01a8;
    text-decoration: none;	
    display: block;
}
.sectionItem a:hover, .searchItem a:hover {
    color: #000;
}
.sectionItem {
    font-size: 0.69em;
}
.searchItem {
    width: auto;
    display: block;
    font-size: 0.69em;
    border-bottom: 20px solid #fff;
}
.sectionItem P,.searchItem P {
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 10px 15px;
    color: #000000;
}

/* Date item */
.dateItem {
    width: auto;
    font-size: 0.69em;
    color: #c7c1b1;
    font-family: Verdana;
}

/* Event Detail Summary */
.eventImage {
    width: 156px;
    overflow: hidden;
    display: block;
    float: left;
    padding: 12px 0px 0px 0px;
    margin-right: 10px;
}
.eventDetail {
    width: 294px;
    display: block;
    float: left;
    padding: 6px 0px 0px 0px;	
}
.eventDetail ul {
    margin: 10px 0px 10px 0px !important;  
}
.eventDetail ul li {
    padding-left: 15px;
    display: block;
    clear: both;
}
.eventDetail ul li span {
    display: block;
    float: left;
}
.eventDetail ul li span.label {
    width: 83px;
}
.eventDetail ul li span.data {
    width: 195px;
    clear: right;
}
.eventDetail .eventDetailLinks {
    width: 100%;
    display: block;
    padding: 0px 0px 20px 0px;
}
.eventDetail .eventDetailLinks a {
    padding-left: 10px;	
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
.eventDetail .eventDetailLinks a.floatLeft {
    float: left;
    background-image : url("../images/layout/bullet_blue.gif");
}
.eventDetail .eventDetailLinks a.floatRight {
    float: right;
    background-image: url("../images/layout/bullet_pink.gif"); 
}

/* Donation item */
.donationItem {
    display: block;
    background-image: url("../images/layout/bg_donation.gif");
    background-position: top right;
    background-repeat: no-repeat;
    padding: 10px 110px 30px 0px;
    width: 370px;	
}
.donationPrice {
    width: 222px;
    overflow: hidden;
    display: block;
    float: left;
    background-color: #bed730;
    margin: 10px 4px 0px 0px;
}
.donationPrice h3 {
    padding: 3px 0px 0px 3px !important;
}
.donationButton {
    width: 144px;
    display: block;
    float: left;
    margin: 10px 0px 0px 0px;	
}
.donationButton A {
    width: 144px;
    height: 30px;
    display: block;
    background-image: url("../images/layout/btn_donate_orange.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    text-decoration: none;	
}
.donationButton a span {
    visibility: hidden;
}

/* Video item */
.videoItem {
    width: 135px;
    float: left;
    display: block;
}
.videoItem .videoItemList {
    width: 100%;
    height: 225px;
    display: block;
    overflow: hidden;
}
.videoItem .videoItemList ul li {
    margin: 0px 0px 5px 0px !important;
}
.videoItem .videoItemList ul li a {
    display: block;
}
.videoItem .videoItemLinks {
    width: 135px;
    display: block;
    overflow: hidden;	
}
.commentItem {
    display: block;
}
.commentItem P {
    display: block;
    font-size: 12px;
}
.commentItem p span {
    display: block;
    color: #777777;
    font-size: 11px;	
}

/* Lists */
ul.arrowList li a {
    padding-left: 10px;
    background-image: url("../images/layout/arrow_purple.gif");	
    background-position: 0px 1px;
    background-repeat: no-repeat;	
}

ul.arrowLinks {
    margin-top: 8px;
}
ul.arrowLinks li { 
    float: left;
    margin-right: 7px;
}
ul.arrowLinks li a {
    display: block;
    background-position: 0px 2px;
    background-repeat: no-repeat;
}
ul.arrowLinks li a.selected {
    font-weight: bold;	
}
ul.arrowLinks li a.previousArrow {
    overflow: hidden;
    width: 5px;
    height: 12px;
    background-image: url("../images/layout/arrow_purple_left.gif");
}
ul.arrowLinks li a.nextArrow {
    overflow: hidden;
    width: 5px;
    height: 12px;
    background-image: url("../images/layout/arrow_purple.gif");
}
ul.arrowLinks li a span {
    visibility: hidden;
}

ul.eventLinks {
    display: block;
}
ul.eventLinks li {
    float: left;
    width: 45%;
    margin-bottom: 12px;
}
.videoDisplay {
    width: 320px;
    float: right;
    display: block;
}

/* Buttons */
.backButton {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 0.69em;
    margin-top: -12px;
    padding: 0px 0px 10px 0px;	
}
.backButton A {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 1.38em;
    padding: 0px 0px 0px 10px;
    color: #bb01a8;
    text-decoration: none;
    background: #fff url("../images/layout/arrow_purple_left.gif") 0px 50% no-repeat !important;
}

.backButton a:hover {
    color: #000;
}

.itemBorder {
    display: block;
    padding-top: 7px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;	
    margin-bottom: 7px;
}

/* Get Adobe Acrobat */
.contentBodyWrapper .itemGetAcrobat {
    width: auto;
    display: block;
    margin: 10px 0px 5px 0px;
}
.contentBodyWrapper .itemGetAcrobat p {
    margin: 0px;
    padding: 0px 10px 0px 0px;
    font-size: 0.69em;
    color: #000000;
    width: 150px;
    display: block;
    float: left;
}
.contentBodyWrapper .itemGetAcrobat a {
    display: block;
    float: left;
}