body {text-align:center}
#shadows {margin:0 auto; margin-top:5px}
#shadows2 {margin:0 auto}
#container {text-align:left}
#menu a, #blogfloat, #blogfloat a {background-color: #10526b; color: #ffffff;}
#menu a:hover, #menu .on, #blogfloat a:hover {background-color: #10526b;color: #ffffff} 
body {background: url(http://s3.spanglefish.com/pb/12.gif)}
#container, #blogfloat, #menu ul ul {background: url(http://s3.spanglefish.com/cb/khaki-yellow.gif)}
/* ================*/
/*Working Styles*/
/*=================*/

/*===================*/
/*COLOURS*/
/*dark blue #10526b*/
/*menu green #93bd14*/
/*lighter green #b5de31*/
/*pink (calendar) #BF1B92*/
/*darker pink #660066*/
/*====================*/

/*===============*/
/*Main Styles*/
/*===============*/

body 
{
margin: 0 auto;
margin-bottom: 15px;
color: #666666;
background:none;
background-color:#10526b;
font-family:Tahoma,Geneva,sans-serif;	
font-size:0.8em;
	line-height: 150%;
}

td 
{
font-size: 100%;
}

/* creates gap between menu and content elements */

table
{
border-spacing: 10px 0;
}

h1
{
font-size:1.4em;
line-height:1.4em;
}

/* page headers */

h2
{
font-size:1.2em;
line-height:1.2em;
}

h3
{
font-size:1em;
line-height:1.2em;
font-weight:bold;
}

/*Feedback form - white background */

form
{
background-color:#ffffff;
color:#666666;
padding: 15px 15px 10px;
}

img.left
{
float:left;
margin:0px 10px 10px 0;
}

img.right
{
float:right;
margin:10px 0 10px 10px;
}

#header
{
background-color:#10526b;
height:150px;
}

/*set background the same as body to "show through" gaps between menu and content */

#container
{
background:none;
background-color:#10526b;
}

#shadows 
{
background:0;
width:764px;
-moz-box-shadow: 3px 3px 5px #10526b;
-webkit-box-shadow: 3px 3px 5px #10526b;
box-shadow: 3px 3px 5px #10526b;
}

/* currently default is as per home page, with other pages made white by classes below. Needs looking at again */

#content
{
padding:0px;
background-color:#ffffff;
color:#666666;
border:2px solid #ffffff;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
}

/* this is an adaptation for IE6 and IE7. The default is padding-right:25px but this creates an unnecessary white right hand margin */
*html #content 
{ 
padding-right: 0px;
}

#content a:link, a:hover 
{
color:#10526b;
}

#content a:visited
{
color:#660066;
}

#content .slideshow
{
z-index:1;
height:240px; /* same as slideshow js */
}

#content .home
{
background-color:#660066;
color:#ffffff;
border:0px solid #10526b;
border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 0px 0px; /* Firefox 3.6 and earlier */
}

/* creates coloured header area on each page, where div class "pageheader" is entered at start of page code */

#content .pageheader
{
padding:0px;
background-color:#660066;
color:#ffffff;
border-radius:15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px; /* Firefox 3.6 and earlier */
}

/*replaces above method to allow easy creation of new pages - should give same results*/

#content h2
{
padding:15px;
background-color:#660066;
color:#ffffff;
border-radius:15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px; /* Firefox 3.6 and earlier */
}


#content p, #content h3, #content li
{
padding:0px 15px;
}

#content a:link, a:hover
{
color:#10526b; 
}

#content a:visited
{
color:#660066;
}

#footertext
{
background-color:#10526b;
color:#ffffff;
border:none;
}


/*===============*/
/*Menus*/
/*===============*/

#menu
{
background-color:#93bd14; /*this can be different from a tag background colour to give lines between items */
width:180px; /*must be set here or Chrome does weird things */
border:2px solid #ffffff;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
}

#menu a
{
background-color:#93bd14;
color:#ffffff;
font-family:Tahoma,Geneva,sans-serif;
font-style:normal;
font-size:1.1em;
text-transform:none;
}

/*changes colour on hover and when selected*/

#menu a:hover, #menu .on
{
background-color:#b5de31;
color:#fffff;
}

#menu ul
{
margin:10px 0px 0px;/*gives gap around menu within element*/
}

/* controls flyout second menu */

#menu ul ul
{
background:none;
background-color:#ffffff;
margin:0px;
z-index:2;
}

/* area beneath main menu */

#menu-bottom #one
{
background-color:#ffffff;
font-size:0.8em;
font-weight:bold;
border:1px solid #10526b;
margin:10px;
border:2px solid;
border-radius:15px 15px 15px 15px;
-moz-border-radius:15px 15px 15px 15px; /* Firefox 3.6 and earlier */
padding:5px;
}


/*===============*/
/*Lists*/
/*===============*/

/* creates well-spaced numbered list */

#numbered li
{
margin-top:0em;
margin-bottom:2em;
}

ol
{
margin-top:0em;
 margin-bottom:2em;
}

/* allows for numbers/letters sub list */

ol .sublist1
{
list-style-type:lower-alpha
}

/* creates larger gap at top of numbered list */

ol: first-child li
{
margin-top:0em;
margin-bottom:2em;
}


#loginbar 
{
/*margin-bottom:-10px;*/
margin-left: 550px; 
height: 18px; 
width: 200px; 
background: none; 
text-align: center;
}

#loginbar a:link, a:hover
{
color:#ffffff;
}

#loginbar a:visited
{
color:#b5de31;
}


/*===============*/
/*Calendar*/
/*===============*/

#p327114 #content
{
margin-left:15px;
background-color:#ffffff;
color:#666666;
}
#p327114 #content table
{
background-color:#ffffff;
border-spacing:0;
}

#p327114 #content .pageheader
{
padding:15px;
background-color:#660066;
color:#ffffff;
border-radius:15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px; /* Firefox 3.6 and earlier */
}

.calhead td 
{
margin-top:0px;
padding:5px;
background-color: #660066;
color:#ffffff;
}

.calhead a:link, a:hover, a:visited
{
color:#ffffff;
}

#daynames 
{
background-color: #93bd14;
color:#ffffff;
}

#cellhed 
{
background-color: #D0D8DB;
color:#666666;
}

#cellhed table
{
background-color:#ffffff;
border-spacing:2px;
}

#cellhed td
{
border-spacing:0px;
}

#cellhedtoday 
{
background-color: #BF1B92;
color:#ffffff;
font-style:normal;
}

.e1
{
color:#666666;
background:none;
padding:2px;
}

.e1 a:link
{
color:#666666;
}

#day a:hover div
{
color:#BF1B92;
}

#day table
{
border-spacing:2px;
}

.cal_set_list
{
color:#666666;
}

.admin_holder {
background:#edeeff;
border:1px solid #777;
padding:8px;
margin-bottom:15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.admin_holder h1 {
background:#5a84ae url(http://s3.spanglefish.com/ah1.gif) repeat-x;
color:white;
font-size:12px;
padding:4px 7px;
margin:0 0 8px 0;
}

.admin_holder .adminbutton {
width:170px;
height:20px;
line-height:2em;
text-align:center;
display:block;
float:left;
margin:0 10px 10px 0;
}




