/* modify native html tags */
body {
	text-align:center; /* Centers body in IE*/
	font-size:75%; /* Resets 1em */
	font-family:Verdana, Arial, Sans-Serif;
	color:#333;
	background-image:url("images/css/bodybg.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#d7d8ea;
	margin:0;
}

img {
	border:0;
}

small {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:0.9em;
	color:#777;
}

a {
	color:#39C;
	text-decoration:none;
}

a:hover {
	color:#147;
	text-decoration:underline;
}

h1 {
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.8em;
	margin:.5em 0 .5em 0;
	color:#666;
}
	
h2 {
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.4em;
	margin:.5em 0 .5em 0;
	color:#666;
}

h3 {
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	color:#666;
}

/* create site-wide classes using class="" */
.block {
	text-align:justify;
	line-height:1.4em;
}

.submenu {
	font-size:.9em;
	margin-left:1em;
}

/* set properties for divs identified by id="" */
#page {
	text-align:left; /*without this, it inherits the text-align from the body above.*/
	background-image:url("images/css/pagebg.jpg");
	width:950px;
	margin:auto; /*required to center page in Firefox*/
}
	
#header {
	height:190px;
	background-image:url("images/css/header.jpg");
}

#marquee {
	float:left;
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	text-align:left;
	width:505px;
	height:14px;
	margin-top:8px;
	margin-left:100px;
	margin-bottom:2px;
}

#signstatus {
	float:right;
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	text-align:right;
	margin-top:8px;
	margin-right:35px;
}

#title {
	clear:left;
	float:left;
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	margin-top:20px;
	margin-left:181px;
	background-image:url("images/css/salisburychurch.jpg");
}

#purpose {
	float:left;
	margin-top:10px;
	margin-left:84px;
}

#slideshowsection {
	float:right;
	clear:right;
	width:200px;
	height:150px;
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	margin-right:35px;
}

#mainmenu {
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	float:left;
	clear:left;
	width:520px;
	margin-left:190px;
	margin-top:35px;
	font-size:1.5em;
	color:#CCCCCC;
}

#mainmenu a {
	color:#FFF;
}
	
#mainmenu a:hover {
	color:#CCCCCC;
}

#menu {
	float:left;
	clear:both;
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	width:185px;
	margin-left:35px;
	margin-right:5px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1em;
}

#menu h1 {
	font-family:Verdana, Sans-Serif;
	font-size:1.5em;
	margin-top:0px;
	margin-bottom:10px;
}
	
#menu h2 {
	font-family:Verdana, Sans-Serif;
	font-size:1.2em;
	margin-top:0px;
	margin-bottom:5px;
}

#mainsection {
	width:675px;
	font-size:1.2em;
	float:right;
	display:inline; /*prevents ie6 from doubling margin when margin is on the same side as float*/
	margin-left:5px;
	margin-right:35px;
}
	
#footer {
	background:url("images/css/footer.jpg") no-repeat bottom center;
	text-align:center;
	padding-top:15px;
	padding-bottom:35px;
	clear:both;
}

/* for toggleblocks javascript function */
.collapseblock { display:none; }
.expandblock { display:inline; }


/*---------- bubble tooltip from here down -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{
	display: none;
}
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{
	z-index:25; color: #aaaaff; background:;
}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/css/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/css/bubblefiller.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/css/bubble.gif) no-repeat bottom;
}