h1 {
			font-size: 1.1em; 
			vertical-align: top; 
			margin-top: 0px;
			}
.smalltext  {font-size:0.85em;}
.clear-both {clear:both;}
em, li {
						font-size:0.9em; 
						font-family: Verdana,Arial;
					}	

h3 {color: yellow;}

body {
	     -webkit-font-smoothing: antialiased;
    margin: 0px;
    padding: 0px;
    font-size:15px;
    font-family: Verdana,Tahoma,Arial,Universe,sans,sans-serif;
    background-color: #3c5a98;
    color: #232525;
    

/* middle color - blue was 126,121,224 */
background: fixed;
background-size: 100% auto;
background-image: url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'); 
background-repeat: no-repeat;

background-image:  url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'),linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image:  url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'),-o-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image:  url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'),-moz-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image:  url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'),-webkit-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);
background-image:  url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'),-ms-linear-gradient(bottom, rgb(200,200,200) 2%, rgb(127,127,127) 51%, rgb(0,0,0) 92%);

background-image:  url('http://www.broughtybaptist.org/images/backgrounds/back3.gif'),-webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.02, rgb(200,200,200)),
	color-stop(0.51, rgb(127,127,127)),
	color-stop(0.92, rgb(0,0,0))
); 
  
 
}

header {
    position: fixed;
    top:20px;
    height: 50px;
    color:#ffeb0f;
    background-color: #3c5a98;
    padding-top:10px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 0.8em;
    letter-spacing: 0.4em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: solid 1px black;
 
		}

/* Logo and text in banner - header area */
header > img {text-align: left; height: 75%; float:left;padding-left: 20px;}
header > p.header {display:block;margin-top:15px;padding:0px;line-height:1em;font-size:0.8em;letter-spacing:0.3em;}
header > p.header> strong {font-size:0.9em;letter-spacing:0.1em;font-weight: bold;}
h1.banner {text-align: center;}

/* Main layout container */
div#wrapper {
		background-color:#c4cbd9;
		width:100%;
		border: solid 1px none;
							}




article#banner-group {

	width: 100%; 
margin-left: 0px;
position: absolute;
top:120px;
left: 0px;
background-color:#c4cbd9;

background-color: black;
font-size: 0.9em;
z-index: 1;

}

nav#left {display: none;}
section.banner-nav {display: none;}
section.banner-start 
											{
												clear:both;
												background-color:#111111;
												width: 90%;
												height: auto;
												color:white;
												margin-left: 5%;
												margin-right: 5%;
											}




section.banner-footer, section.banner {
clear:both;
background-color:#000000;
width: 90%;
height: auto;
color:white;
margin-left: 5%;
margin-right: 5%;
}

section.banner {background-color: #111111;}



section.banner-start > img {
	   width: 70%;
   height: auto;
   margin-left: 15%; 
   margin-right: 15%;
	}
section.banner > img {
	   width: 70%;
   height: auto;
   margin-left: 15%; 
   margin-right: 15%;
	}





footer {display: none;}


/*
Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
*/
a:link {color:#4444aa; text-decoration:none;}
a:visited {color:#3333aa; text-decoration:none;}
a:hover  {color:red; text-decoration:none;}
a:active {color:#5555aa; text-decoration:none;}


article.banner-wrapper {width: 100% border: solid 1px white;clear: both; margin-top: 20px;background-color: #111111;margin-right: 20px;}

article.banner-wrapper > section {clear: both;}

article.banner-wrapper-start 
{
border: solid 1px white;
float: left; 

margin-top: 20px;
background-color: #111111;
margin-right: 20px;
width:100%;

}

article.banner-wrapper-start > section.banner-start > img {
	   width: 40%;
   height: auto;
   margin-left: 15%; 
   margin-right: 15%;	
	}