/* ---------------------------------------------------------------------------------Edit the tabs colours----------------------------- */
.modernbricksmenu2 a.tab1 {
    background-color: #8c8c8c;/*----------------------------------------- Edit the color code for tab1 */
color:white; /*---------------------------color of the text--------------*/
}

.modernbricksmenu2 a.tab2 {
    background-color: #838383;/*----------------------------------------- Edit the color code for tab2 */
color:white;/*---------------------------color of the text--------------*/
}

.modernbricksmenu2 a.tab3 {
    background-color: #4f4f4f;/*----------------------------------------- Edit the color code for tab3 */
color:white;/*---------------------------color of the text--------------*/
}

.modernbricksmenu2 a.tab4 {
    background-color: #000000;/*----------------------------------------- Edit the color code for tab4 */
color:white;/*---------------------------color of the text--------------*/
}

/* -------------------------------------------------------------------------------------------------------------------------------------- */

#iframecontainer {height: 250px; } /*--------------------------------Modify the height--------------------------------------*/


#box{width: 965px;margin-top:10px; margin-left:1px;} /*border: 2px solid gray; -------------------Modify the width---------------------*/


.modernbricksmenu2 ul {
    margin: 0;
    margin-right: 0; /*margin-left: 1px; *//*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
}

.modernbricksmenu2 li {
    display: inline;
    margin: 0 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

.modernbricksmenu2 a {
    float: left;
    display: block;
    font: bold 11px Arial;
    color: white;
    text-decoration: none;
    margin: 0 0 0 0; /*Margin between each menu item*/
    padding-top: 5px;
    padding-bottom: 10px;
    text-align: center;
    /* border-bottom: 2px solid gray;  Thin border at the bottom of the tabs. if you CHANGE the color, don't forget to change to border color of the divcontainer*/
}

.modernbricksmenu2 a:hover{
text-decoration:none;
background-color:#EB148B;

}

.modernbricksmenu2 a.tabs {
    width: 25%; /* The width percentage for the tabs  */
}



/*set the heading colour for the events list*/
#upcoming h2{color:#000000;}
#upcoming a{display:block;}
#upcoming img{display:block;}



/*set the heading colour and image size for the photo galleries*/
#pics h2{color:#000000;}
#pics img{width:240px; height:160px;}

/*set the heading colour for the news feed*/
#news h2 {color:#000000;}

/*uncomment below to change hyperlink colours*/
/*a { color:#ffffff;}*/

A {text-decoration: none;}
A:hover {text-decoration:underline;}