/* CSS Document */

#container
{
width:980px;
margin:0 auto;
border: 4px solid #3b56a3;
font-family:Trebuchet, Helvetica, sans-serif;
}

#status
{
padding: 0.3em;
background-color: #fff;
}

#banner
{
height: 115px;
padding:0;
margin:0px;
background-color:#3b56a3;
}

#top-left
{
width: 100px;
height:110px;
float:left;
background-color:#3b56a3;
padding: 1px;
margin: 0;
color: #ffffff;
}
#top
{
width: 720px;
height: 110px;
float:left;
background-color:#3b56a3;
padding:1px;
margin:0px;
color: #ffffff;
}
#top-right
{
width: 100px;
height: 110px;
float:left;
background-color:#3b56a3;
padding:1px;
margin:0px;
color: #ffffff;
}
#content1
{
margin-top:10px;
margin-left:30px;
padding:5px;
width: 850px;
background-color: #ffffff;
}

#content1 p
{
text-align:justify;
color:#000000;
}
#content2
{
height:auto;
background-color: #3b56a3;
width: 400px;
float:left;
}
#tablecontent
{
margin-left:10%;
margin-right:10%;
/*border-left: 2px solid gray;*/
padding: 0.5em;
max-width: 50em;
}
#footer
{
clear: both;
margin: 0;
padding: .1em;
color: #ffffff;
background-color:#3b56a3;
font: Verdana, Arial, Helvetica, sans-serif;
}
#navlist
{
margin-left: 0px;
margin-top:20px;
padding: 0px;
padding-top:10px;
height: 40px;
background-color:#3b56a3;
border: 3px solid #3b56a3;
}
#navlist ul
{
margin-left:0px;
padding-left:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
} 
#navlist li
{
float:left;
display:inline;
list-style:none;
}
#navlist a 
{
display:block;
width: 107.5px;
font-weight: bold;
border: 2px solid #ffffff;
color: #ffffff; 
padding: 5px;
text-decoration:none;
font-style: normal;
text-align: center;
font-size:12px;
}
#navlist a:hover 
{
background-color:#ffffff;
color: #3b56a3;
}

#navlist ul li ul {
display: none;
}

#navlist ul li:hover ul {
display: block;
position: absolute;
}


#content h2 { margin: 0 0 .5em 0; }

#content1 h3 { 
color:#3b56a3;
}


.style1 {color: #FF0000}

img
{
margin:0px;
padding:2px;
border: 2px solid #3b56a3;
}

#counter object
{
margin:2px;
padding:2px;
height: 150px;
border: 2px solid #ffffff
}

#counter
{
float:right;
}


/* CSS for the rounded boxes */
.rbroundbox {
color:#ffffff;
background: url("http://www.newlearn.co.uk/gallop2010/images/round_box/nt.gif") repeat; 
}



.rbtop div { background: url("http://www.newlearn.co.uk/gallop2010/images/round_box/tl.gif") no-repeat top left; }
.rbtop { background: url("http://www.newlearn.co.uk/gallop2010/images/round_box/tr.gif") no-repeat top right; }
.rbbot div { background: url("http://www.newlearn.co.uk/gallop2010/images/round_box/bl.gif") no-repeat bottom left; }
.rbbot { background: url("http://www.newlearn.co.uk/gallop2010/images/round_box/br.gif") no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }

.rbcontent {
padding: 20px;

}
.rbroundbox { width: 50%; margin: 1em auto; }