@charset "utf-8";
/* CSS Document */
/* Stylesheet for St. Thomas' Church, Heigham, Norwich */
/* General styles for page body */
body{
font-size:80%;
font-family:Arial, Helvetica, sans-serif;
background-color:#CCCCFF;
}
/* Main Divisions of Page */
#container{
width:840px;
margin: 0 auto;
padding: 2px 10px 5px 10px;
background-color:#fff;
}
#masthead{
width:840px;
margin:0;
padding:0;
height:200px;
}
#location {
background:#fff;
font-size:90%;
color:#000099;
float:left;
}
#contact{
background:#fff;
font-size:90%;
color:#000099;
float:right;
}	
#newsflash{
width:840px;
background:#CCCCFF;
font-size:90%;
color:#000;
float:left;
clear:both;
margin:0 0 10px 0;
}	
#column1{
width:400px;
padding:0;
border:0;
float:left;
}
#column2{
width:400px;
padding:0;
border:0;
float:right;
}
#gallery{
clear:both;
width:840px;
padding:0;
border:0;
}
#footer{
clear:both;
width:840px;
padding:0;
padding-top:2px;
border:0;
font-size:85%;
text-align:center;
color:#333333;
border-top:1px solid #24618E;
}
/* Navigation Menu */
#navigation {
float:left;
width:100%;
background:#fff;
font-size:90%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#navigation ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#navigation li {
display:inline;
margin:0;
padding:0;
}
#navigation a {
float:left;
background:url("images/navleft.gif") no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}
#navigation a span {
float:left;
display:block;
background:url("images/navright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#003366;
}
#navigation a:hover {
background-position:0% -42px;
}
#navigation a:hover span {
background-position:100% -42px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {
color:#FFF;
}
/* General font and links styling */
h1,h2,h3,h4{
color:#000066;
}
h2{
font-size:150%;
clear:left;
padding-top:2px;
}
h2.christmas{
padding-top:5px;
text-align:center;
}
h3{
font-size:130%;
padding-top:2px;
padding-right:2px;
clear:left;
}
h4{
font-size:100%;
}
p{
font-size:100%;
}
.smaller{
font-size:85%;
}
.centre{
text-align:center;
}
a{
color:#000099;
text-decoration:underline;
font-weight:bold;
}
a:visited{
color:#000099;
text-decoration:none;
}
a:hover{
color:#0033FF;
text-decoration:underline;
}
img{
border:0;
}
/* Specific text and picture styles */
img.banner{
padding-bottom:5px;
}
.leftphoto img{
float:left;
margin:0 10px 2px 5px;
}
.box img{
float:right;
margin:5px 5px 5px 5px;
}
.rightphoto img{
float:right;
margin:0 5px 2px 10px;
}
.rightphoto1{
float:right;
padding-top:20px;
}
.centrephoto img{
float:left;
margin:10px 0 10px 75px;
}
.centrephoto1 img{
float:left;
margin:10px 0 10px 45px;
}

.gallery img{
float:left;
margin:5px 10px 2px 10px;
}
.gallery2 img{
float:left;
margin:5px 0 2px 55px;
}
#location strong{
color:#000000;
}
.spacer,.clear{
clear:left;
}
.box{
padding:2px 0 2px 5px;
background-color:#CCCCFF;
}
/* Position of Google Map on Home Page */
small{
padding-left:30px;
}
/* Position of Google Map on Home Page */
iframe{
padding-left:10px;
}

/* Contact Form styling */
fieldset{
background-color:#CCCCFF;
border:0;
}
fieldset dd{
margin:0;
width:600px;
padding:5px;
}
fieldset dt{
float:left;
width:150px;
padding:5px;
border:0;
}