body {
font-family:"Times New Roman",Georgia,Serif;
padding: 0;
background-color:maroon;
}

a {text-decoration:none;}
#style1 { font-size: small;}
#style2 { color: #999999;}
#boxoutline { border: thin dashed #999; }
#RedButton{font-weight:normal; color:#ffffaa; background-image:url(http://www.theath.org.uk/EventsLister/images/button2.gif)}

hr.lightgrey {
    border: 0;
    height: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/*MENU-NAV*/
#navigation ul, #navigation ul li {
list-style: none;
margin: 0;
padding: 0;}

#navigation ul {
padding: 6px 0 5px;
text-align: center;}

#navigation ul li {
display: inline;
margin-right: 0px;}

#navigation ul li a {
background: url("http://www.theath.org.uk/EventsLister/images/button.gif") no-repeat 100% 0;
color: #FFFFaa;
padding: 3px .1em;
text-decoration: none;}

#navigation ul li a:hover span {
color: #ffff00;
text-decoration: none;}


/*MEDIA-QUERIES*/
@media only screen and (max-width:480px)
{
font-size:xx-small;
padding: 0;
}

/*- Main Content---------------------------
div.container
{
width:98%;
margin:1%;
border:1px solid gray;
line-height:150%;
}

div.containerNews
{
width:70%;
margin:1%;
border:1px solid gray;
line-height:150%;
}*/