body {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: Verdana, sans-serif;
    background-color: #FFF;
    background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
}
#page
	{
		margin: 0 auto 0 auto;
		border-top: 8px solid #FFF;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: 25px;
		margin-right: 150px;
		background-color: #FFF;
	}
#header {
		margin: -5px 0 5px 0;
		padding: 5px 0 2px 5px;
		width: auto;
		text-align: left;
		color: #4D1979;
		background-color: #FFF;
		background-position: bottom;
		background-repeat: no-repeat; */
		font-size: .85em;
		/* border-bottom: 1px solid #baa3e2; */
}
#header #title
	{
		padding: 5px 0 0 5px;
		font-weight: bold;
	}
#header #titleimage {
    background-color: #ed7703;
    padding-bottom: 0px;
    margin-left: 150px;
}
#header #titleimage img {
    margin: 0px;
    padding: 0px;
}
#header #subtitle {
    margin-left: 150px;
    background-color: rgb(139, 0, 102);
    color: white;
    font-size: x-small;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    text-align: center;
}
h1 {
    border: 0px;
    padding: 0px;
    margin: 0px;
}
#logo
	{
		margin: 2px 0 0 -10px;
		padding: 0 10px 0 10px;
		background-color: #FFF;
		color: transparent;
		float: left;
		z-index: 1;
		border: 0px;
	}
#menu {
    padding-top: 10px;
    padding-bottom: 8px;
    clear: both;
		border-bottom: 5px solid #4C2177;
}

#menu ul
	{
		list-style: none;
		font-size: 0.9em;
		font-weight: bold;
		margin: 0px;
		padding-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 2px;
		background-color: transparent;
	}


#menu li
	{
		display: inline;
	    margin: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-right: 3px;
		border-right: 1px solid #9D88C0;
	}


#menu ul li a:link, #menu ul li a:visited
	{
	    margin: 0px;
		text-decoration: none;
		color: #4C2177;
		background-color: #FFF;
		padding-top: 0px;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 5px;
		white-space: nowrap;
	}

#menu ul li a:hover, #menu ul li a.active
	{
		color: #FFF;
		background-color: #86A20B;
	}

#leftcolumn {
    float: left;
    width: 70%;  
    font-size: small;
}
#rightcolumn {
    float: right;
    width: 28%;
}
#footer {
    clear: both;
}
#leftcolumn .section {
    clear: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#leftcolumn .section h3
	{
		font-size: small;
		background-color: #8B0066;
		color: #FFF;
		margin: 0px -10px 0px -10px;
		padding: 5px 5px 5px 15px;
		background-image: url(http://static.8thbasingstoke.org.uk/corner.gif);
		background-repeat: no-repeat;
		background-position: top left; 
	}
#leftcolumn .section .image {
    float: left;
    margin-top: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
}
#leftcolumn .section .secadmin { 
	background-color: #DEE4C8;
	margin-left: -10px;
	margin-right: -10px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 5px;
}
#leftcolumn .section .secadmin p {
    padding: 0px;
    margin: 0px;
}
#rightcolumn {
    font-size: small;
}
#rightcolumn .section h3 {
   font-size: small;
}
#rightcolumn .section
	{
	    font-size: x-small;
		padding: 5px 5px 0px 5px;
		margin: 10px 5px 10px 0;
		background-color: #DEE4C8;
		border: 1px solid #86A20B;
}
#rightcolumn .section .secadmin { 
    border-top: solid #86A20B 1px;
    margin-left: -6px;
    margin-right: -5px;
    margin-bottom: -1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #86A20B;
}
#rightcolumn .section .secadmin p {
    padding: 0px;
    margin: 0px;
}
td,tr,th {
    padding: 0px;
    border: 0px;
    margin: 0px;
}
#leftcolumn .hidden {
    background-color: #c0c0c0;
}
#rightcolumn .hidden {
    background-color: #c0c0c0;
}
#rightcolum .section select {
    max-width: 50%;
}
#rightcolumn h3
	{
		font-size: small;
		background-color: #86A20B;
		color: #FFF;
		margin: -6px -5px 10px -6px;
		padding: 5px 5px 5px 15px;
		background-image: url(http://static.8thbasingstoke.org.uk/corner.gif);
		background-repeat: no-repeat;
		background-position: top left; 
	}
#footer {
    font-size: xx-small;
    color: #525252;
    margin-left: 50px;
    margin-right: 300px;
    margin-bottom: 25px;
    text-align: center;
}
#copyright {
}
img {
    border: 0px;
}
.actions {
    text-align: right;
}
p.date {
    text-align: right;
    margin: 0px -10px 5px -10px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 2px;
    font-size: xx-small;
    background-color: #ed7703;
    color: white;
}
p.date a {
    color: white;
}
#leftcolumn .section.hidden {
    background-color: #c0c0c0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
#leftcolumn.hidden {
    padding-top: 5px;
    border-left: dashed red 4px;
    padding-left: 2px;
}
#leftcolumn.hidden:before {
    content:"This page has not been published.";
    margin-top: 5px;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    color: red;
}

.blogentry {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border-top: dashed gray 1px;
    background-color: #eeeedd;
    padding: 3px;
}
.blogcomment {
    background-color: #e0efed;
    margin-left: 25px;
}
.blogcommentin {
    background-color: #c0c0c0;
    margin-left: 25px;
}
.bloguser {
    margin-right: 25px;
}
.blogrole .bloghead {
    margin-top: 0px;
    padding-top: 3px;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.bloguser .bloghead {
    margin-top: 0px;
    padding-top: 3px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.blogcomment .bloghead {
    margin-top: 0px;
    padding-top: 3px;
    font-style: italic;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.blogcommentin .bloghead {
    margin-top: 0px;
    padding-top: 3px;
    font-style: italic;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.blogbody {
    margin-left: 25px;
}
.blogbody p {
    margin-top: 0px;
    margin-bottom: 2px;
}
.photoalbum {
    clear: both;
    margin-bottom: 15px;
}
.albumimg {
    float: left;
    margin-right: 15px;
}
.albuminfo {
    .float: left;
}
.albumtitle {
    font-weight: bold;
    margin-bottom: 0px;
    font-size: larger;
}
.albumdetail {
    margin-top: 0px;
    font-style: italic;
    color: #888888;
}
.blogimage {
    padding-top: 5px;
    padding-right: 5px;
    margin-top: 10px;
    margin-left: 10px;
    clear: left;
    float: left;
}
.blogsummaryimage {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
#leftcolumn .hiddenadmin {
    background-color: #dddddd;
    padding-left: 10px;
    padding-right: 10px;
    border: solid black 1px;
}
#leftcolumn .hiddenadmin p {
    font-style: italic;
    font-size: xx-small;
}
#leftcolumn .hiddenadmin .section p {
    font-style: normal;
    font-size: small;
}
#photoalwrap {
    overflow: auto;
}
.photoal {
    float: left;
    text-align: center;
    padding: 5px;
    width: 100px;
    color: grey;
}
.photoal:hover {
    color: black;
}
.photoal img {
    max-width: 50px;
    height: 50px;
}
.photoal p {
    font-size: xx-small;
}
table.compact {
    border-spacing: 0px;
}
table.compact td {
    padding: 0px;
}
tr.rowborder td, tr.rowborder th {
    border-top: dashed black 1px;
}