body{
/*background: url('http://www.uksport.gov.uk/images/bg.jpg') #FFF no-repeat; --Union Jack Background*/
background-position:top center;
background-attachment:fixed;
}

#header{background: url('http://www.staffsunion.com/stylesheet/Sandpit/newactivities1.jpg') #FFF no-repeat; height:97px;}
#header #logo a {height:97px;}

#actnav{
	font-family: Lucida sans, Helvetica, sans-serif;
	margin: 0 0 0 5px;
	padding:0;
	font-size: 12px;
	float:left;
	width:200px;
}


#content, #content_inner {width:600px; } /* 700px without right nav */

#content a:link, #content a:active, #content a:visited {  color:#58F; }
#content h1, #content h2 { font-size:22px; text-transform:uppercase; font-family:arial; color: #E00; }

#content_inner {border:none; background-color:#000; padding:0; margin:0 0 0 20px;}
#container, #wrapper, #content {border:none; background-color:#000; padding:0; margin:0;}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* Left Navigation */
	
#actnav {
	width: 200px;
	margin-top: 10px;
	}
	
#actnav li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}
		
	
#actnav li a:link, #actnav li a:visited {
	color: #FFF;
	display: block;
	background: url(/stylesheet/Sandpit/actnav1.gif);
	padding: 8px 0 0 10px;
	}

#actnav li a:hover {
	color: #F00;
	background: url(/stylesheet/Sandpit/actnav1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#actnav li a:active {
	color: #fff;
	background: url(/stylesheet/Sandpit/actnav1.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}

/*CURVED CORNER ON TOP ITEM*/
#actnav li a.topitem:link, #actnav li a.topitem:visited {background: url(/stylesheet/Sandpit/menu9a.gif);}
#actnav li a.topitem:hover {background: url(/stylesheet/Sandpit/menu9a.gif) 0 -32px;}
#actnav li a.topitem:active {background: url(/stylesheet/Sandpit/menu9a.gif) 0 -64px;}

#actnav .level_1 {
margin:0 0 0 20px;
width:180px;
}

#actnav .level_1 a, #actnav .level_1 a:link, #actnav .level_1 a:active, #actnav .level_1 a:visited{
font-size:10px;
background:none;
padding:0;
}

#actnav .level_1 a:active {color:red;}


/* This completely hides the navigation in the sidebar, because it is too confusing having so many navs */
#nav3 {display:none}


/* This changes the colours on the main horizontal top navigation */
#navcontainer li a#navhome:hover, #navcontainer li a#navunion:hover, #navcontainer li a#navactivities:hover, #navcontainer li a#navadvice:hover, #navcontainer li a#navents:hover, #navcontainer li a#navjobs:hover, #navcontainer li a#navshop:hover, #navcontainer li a#navforums:hover, #navcontainer li a#navmedia:hover, #navcontainer li a#navelections:hover { background:#4477EE; color:#FFF;}


/* This changes all the colours in the sidebar */
.sidepanel h3{
background-color: #F8F8FF;
font-size: 150%;
font-weight:bold;
color: 	#4477EE;
padding: 0 5px 5px 5px;
}
.sidepanel, #footer{
background-color: #F8F8FF;
color:#333;
border:none;
}
.sidepanel a, .sidepanel a:link, .sidepanel a:visited { color:#4477EE; text-decoration:none; }
.sidepanel a:hover { color:#03c; text-decoration:none; }
.sidepanel p, .sidepanel li{  padding:2px; colour:#1e90ff; }

#content_inner a.linkbox, a.linkbox:link, a.linkbox:active, a.linkbox:visited{
display:block;
padding:5px;
width:400px;
margin:0 10px 10px 50px;
border:3px solid #33A;
background: #237BC5;
color: #FFF;
font-size:24px;
font-weight:bold;
text-decoration:none;
font-family:arial, sans-serif;
text-transform:uppercase;
}

#content_inner a.linkbox:hover{
background: url('http://www.staffsunion.com/stylesheet/Sandpit/bluetexture1.jpg') repeat top left #58E;
color: #FFF;
text-decoration:none;
}

#content_inner div {margin:0; padding:0;}

h3 {color:#237BC5}

/* square boxes */
#content_inner a.activitiesbox, #content_inner a.activitiesbox:link, #content_inner a.activitiesbox:active, #content_inner a.activitiesbox:visited {
display:block;
width:100px;
height:100px;
padding:5px;
margin: 10px 0 30px 27px;
border:3px solid #33A;
background: #237BC5;
color: #FFF;
font-size:16px;
font-weight:bold;
text-decoration:none;
font-family:arial, sans-serif;
text-transform:uppercase;
text-align:center
vertical-align: middle;
float:left;
text-align:center;
}

#content_inner a.activitiesbox:hover{
background: #FFF;
color: #58E;
text-decoration:none;
}

.activitiesboxes{
margin-left:50px;
clear:both;
}

h2 {clear:left;}

#content_inner h1{
background-color:#F10000;
height:auto;
padding:3px;
color:#FFF;
}

#content_inner .news_item {
margin-bottom:20px;
}


/*this next section lays out the products with more space around*/
#organisation .button {padding-bottom:2px;padding-top:2px; float:right;}
#organisation  li {padding-bottom:10px;padding-left: 20px;list-style-type:none}
#organisation .join_list li ul {padding-bottom:10px;padding-left:10px;list-style-type:none}
ul.join_list {margin: 0em;}
ul.join_list li {list-style-type:circle; margin:1em 0;
}