/*
Theme Name: SNHW2
Theme URI: http://wordpress.org/
Description: Spelthorne Neighbourhood Watch.
Version: 1.0
Author: Jane Hunt
Author URI: http://lancasterhunt.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets
*/
BODY
{
background: #ffffff;
text-align:center;
margin-top:0px;
}
#wrapper
{
width:960px;
text-align:center;
margin: 0 auto;
border:1px solid #000000;
background-image:url(images/logo1.jpg);
background-repeat:no-repeat;

}
.mainarea
{
width:960px;
background-image:url(images/back1.gif);
background-repeat:repeat-y;

}
.maintext
{
float:left;
width:805px;
text-align:left;
padding-top:0px;
padding-left:10px;
position:relative;
margin-bottom:-100px;
top:-120px;
z-index:1;
}
.minheight
{
min-height:400px;
}
.sidebar
{
float:left;
padding-left:18px;
position:relative;
top:-85px;
text-align:left;
}
.clear
{
clear:both;
}
P,UL,LI
{
font-family:verdana;
font-size:15px;
color:#000000;
}
h1
{
font-family:verdana;
font-size:20px;
font-weight:bold;
color:#000000;
}
H2
{
font-family:verdana;
font-size:20px;
color:#bb9d01;
text-align:left;
}
h3
{
font-family:verdana;
font-size:18px;
font-weight:bold;
color:#000000;
}


TD
{
font-family:verdana;
font-size:15px;
color:#000000;
padding-right:5px;
}
.button
{
padding-bottom:6px;
}
A.buttonlink:link{color:#ffffff;font-family:arial; font-size:16px;font-weight:bold;text-decoration:none;}
A.buttonlink:visited{color:#ffffff;font-family:arial; font-size:16px;font-weight:bold;text-decoration:none;}
A.buttonlink:hover{color:#ff0000;font-family:arial; font-size:16px;font-weight:bold;text-decoration:none;}
A.buttonlink:active{color:#ffffff;font-family:arial; font-size:16px;font-weight:bold;text-decoration:none;}

A.smalllinks:link{color:#ffffff;font-family:arial; font-size:12px;font-weight:bold;text-decoration:none;}
A.smalllinks:visited{color:#ffffff;font-family:arial; font-size:12px;font-weight:bold;text-decoration:none;}
A.smalllinks:hover{color:#ff0000;font-family:arial; font-size:12px;font-weight:bold;text-decoration:none;}
A.smalllinks:active{color:#ffffff;font-family:arial; font-size:12px;font-weight:bold;text-decoration:none;}

A:link{color:#bb9d01;font-family:arial; font-size:15px;font-weight:bold;}
A:visited{color:#bb9d01;font-family:arial; font-size:15px;font-weight:bold;}
A:hover{color:#ff0000;font-family:arial; font-size:15px;font-weight:bold;}
A:active{color:#bb9d01;font-family:arial; font-size:15px;font-weight:bold;}

.smallbutton
{
padding-top:25px;
}
.fontsizer
{
padding-top:12px;

}
.picleft
{
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
div.logobar
{
clear:right;
text-align:center;
position:relative;
top:0px;
width:810px;
padding-top:14px;
}
div.logos
{
padding-left:10px;
}
div.sponsorlogo
{
float:left;
padding-right:75px;
}
div.sponsorlogo2
{
float:left;
padding-right:75px;
}
div.sponsorlogo3
{
float:left;
padding-right:65px;
padding-top:15px;
}
div.sponsorlogo4
{
float:left;
padding-right:65px;
padding-top:15px;
}
div.sponsorlogolast
{
float:left;
padding-right:0px;
}
.sponsorwords
{
clear:both;
padding-top:5px;
font-size:11px;
font-family:verdana;
color:#000000;
}

a.blind:link{color:#ffffff;font-size:0px;text-decoration:none;border:0px;background:#ffffff;}
a.blind:visited{color:#ffffff;font-size:0px;text-decoration:none;border:0px;background:#ffffff;}
a.blind:hover{color:#ffffff;font-size:0px;text-decoration:none;border:0px;background:#ffffff;}
a.blind:active{color:#ffffff;font-size:0px;text-decoration:none;border:0px;background:#ffffff;}

.copyrightbox
{
text-align:center;
margin: 0 auto;
width:960px;
}
.copyrightinner
{
text-align:right;
width:960px;
}
a.copyright:link{font-size:10px;color:#bb9d01;font-family:arial;text-decoration:none;}
a.copyright:visited{font-size:10px;color:#bb9d01;font-family:arial;text-decoration:none;}
a.copyright:hover{font-size:10px;color:#000000;font-family:arial;text-decoration:none;}
a.copyright:active{font-size:10px;color:#bb9d01;font-family:arial;text-decoration:none;}

div.boxesContainer
{
padding-top:60px;
padding-left:40px;
}
.boxblue2
{
float:left;
width:200px;
height:65px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
background:url(images/blue2.gif) no-repeat;
padding-top:40px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.boxblue
{
float:left;
width:200px;
height:65px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
background:url(images/blue.gif) no-repeat;
padding-top:40px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.boxyellow
{
float:left;
width:200px;
height:65px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
background:url(images/yellow.gif) no-repeat;
padding-top:40px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.boxpink
{
float:left;
width:200px;
height:65px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
background:url(images/pink.gif) no-repeat;
padding-top:40px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
div.boxpinkup
{
float:left;
width:200px;
height:85px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
background:url(images/pink.gif) no-repeat;
padding-top:20px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.boxgreen
{
float:left;
width:200px;
height:65px;
margin-right:10px;
margin-bottom:10px;
text-align:center;
background:url(images/green.gif) no-repeat;
padding-top:40px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
a.boxlink:link{font-family:verdana;font-size:18px;color:#000000;text-decoration:none;font-weight:bold;}
a.boxlink:visited{font-family:verdana;font-size:18px;color:#000000;text-decoration:none;font-weight:bold;}
a.boxlink:hover{font-family:verdana;font-size:18px;color:#999999;text-decoration:none;font-weight:bold;}
a.boxlink:active{font-family:verdana;font-size:18px;color:#000000;text-decoration:none;font-weight:bold;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

h3 a:link{color:#000000;font-size:18px;font-weight:bold;}
h3 a:visited{color:#000000;font-size:18px;font-weight:bold;}
h3 a:hover{color:#000000;font-size:18px;font-weight:bold;}
h3 a:active{color:#000000;font-size:18px;font-weight:bold;}





div.tickerheading
{
float:left;
position:relative;
top:105px;
left:0px;
background-color:#ff0000;
padding-left:10px;
padding-right:10px;
height:20px;
z-index:2;
}

a.tickerheadinglink:link {color:#ffffff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
a.tickerheadinglink:visited {color:#ffffff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
a.tickerheadinglink:hover {color:#000000;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
a.tickerheadinglink:active {color:#ffffff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}

div.tickerheadinggreen
{
float:left;
position:relative;
top:105px;
left:0px;
background-color:#000080;
padding-left:10px;
padding-right:10px;
height:20px;
z-index:2;
color:#ffffff;
font-weight:bold;
font-family:verdana;
font-size:15px;
text-decoration:none;
}

a.tickerheadinggreenlink:link {color:#ffffff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
a.tickerheadinggreenlink:visited {color:#ffffff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
a.tickerheadinggreenlink:hover {color:#0000ff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
a.tickerheadinggreenlink:active {color:#ffffff;font-weight:bold;font-family:verdana;font-size:15px;text-decoration:none;}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
border-top:1px solid #cccccc; 
border-bottom:1px solid #cccccc;
background: #ffffff; 
width: 575px; 
height: 18px; 
margin: 0; 
padding: 0;
overflow: hidden; 
float:left;
position:relative;
top:105px;
left:0px;
z-index:2;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 0px;
width: 658px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 690px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #444444;
font: bold 14px Verdana;
margin-top: 0px;
margin-right: 50px;
margin-bottom: 0px;
margin-left: 0px;
text-decoration:none;
} 
ul.newsticker span {
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
} 
#search
{
margin-top:10px;
}
input.searchbox
{
width:90px;
}
input.searchbutton
{
color:#ffffff;
background:#000000;
border:1px solid #000000;
font: bold 13px Verdana;
padding:1px;
height:22px;
width:26px;
}