body {
  background: white; 
  font-family:Arial, Helvetica, sans-serif;
  margin: 0 0; 
  text:#333333;
  font-size: 14px;
  text-align: justify;
  }

div.menu {
  font-size: 18px;
  font-color: #339999;
  text-align: center;
  display: block;
  position: relative;
  width: 100%;
  background: white;
  padding-top: 5px;
  padding-bottom: 5px;
   }


div.menu a {
	margin: 50px 7px;
	}

div.movingmenu
 {
  	line-height: 16px;
  	text-align: left;
  	position: relative;
  	top: 35%;
  	left: 1px;
  	width: 16%;
  	background:#F6EcCf;
  	float: left;
  	margin: 0 0;
  	padding: 10px;
  	    }	

div.movingmenu h2 { font-size:18px;  }
div.movingmenu h3 { font-size:14px; }
div.movingmenu p { font-size: 12px;}


div.leftside {
	position: relative;
	float: left;
    padding: 5px;
	align:top;
	width: 18%;
	background:#F6EcCf;
	margin-top: 12px;
	margin-left: 2px;
   }
 
div.donation {
	border:none;
	background-color:white;

		}

div.leftside h2 { font-size:18px;  }
div.leftside h3 { font-size:14px; }
div.leftside a p { font-size: 14px;}
div.leftside img { margin:-10px; padding:0px; border:none; }
  
img {float: left; border-color:blue; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom: 0;}

div.banner h1 {font-size:45px; weight:bold; text-decoration:italic; color:white; text-align: center; margin-top: 10px; }
div.banner h2 {font-size:16px; weight:bold; color:white; text-align: center; margin-top: -15px;  }
div.banner {display: block; position: relative; margin-top: 5px; margin-left:5px; width:97%; 
background-color:green;}
div.banner p {color:#ffffff; text-align:center; }
div.banner img { padding:5px; position:absolute; margin: 5 5;}
div.banner heading { position:relative; }

#993399 violet change banner text to white
#ffcc00 gold 

div.content {
	width: 100%;
	display: block;
	float:left;
   	}
	
div.content img {
	margin:0 0 0 0;
	padding: 7px 7px 7px 7px;	
		}
div.pagecontent {
	width: 90%;
	padding: 15px 15px 15px 15px;
	background:#F6EcCf;
	text-align: justify;
	margin: 25px;
	}
	
div.schoolofgrace {
	width: 70%;
	padding: 15px 15px 15px 15px;
	background:white;
	text-align: justify;
	}	

div.sogbutton {
	border:2px solid;
	border-color:black;
	margin-left:0px;
	text-align:center;
	padding: 2px;
	background-color:#A9F5A9;
	}
	
div.sogbutton img { margin-left:-5px;}

div.sogbutton hr { weight:2px; color:gray; margin-top:-10px; }
	
div.clickimage a img { border:none; }

div.pagecontent img {
	padding: 10px;
	}
	
div.centercontent {
	position: relative;
	float: left;
   	width:650px;
	font-size:16px;
	line-height:22px;
	margin-top:14px;
	margin-right:5px;
	margin-left:15px;
 	}

div.centercontent td {
   	width:650px;
    padding: 5px;
	Margin-top:-10px;
	    }
	

div.centercolumn {
	position: relative;
	float: left;
   	width:550px;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
 	}
 	
div.centercolumnwide {
	position: relative;
	float: left;
   	width:60%;
	margin-top:14px;
	margin-right:15px;
	margin-left:15px;
 	}
 	
div.rss {
	position: relative;
	float: right;
   	padding:0px 10px 0px 0px;
   	margin-top: 12px;
   	margin-left: -10px;
   	align:top;
   }
   
div.rightcolumn {
	padding:10px 10px 10px 10px;
   	margin-top: 12px;
   	margin-left: 0px;
   	align:top;
   	width: 25%;
   	background: #F6EcCf;
   	float:left;
   	position: relative;
   	border: 2px solid black;
   	}   
   
div.news {
   	float: left;
	width: 99%;
	font-size:12px;
			}   

div.news table td {
	border: 1px solid black;
	vertical-align: top;
	text-align: center;
	padding:5px 5px;
	width: 33%;
	background: #A9F5A9;
  	}
div.news table {
	align: center;
	}


div.homepgphoto { display: block; float:left; width:95%; }

div.homepgphoto td { padding: 5px; font-size:14px; }

div.twocolumn  {
	width: 45%;
	margin: 0 0 0 10px;
	padding: 10px 10px;
    float: left;
	}


div.twocolumn  {
	width: 45%;
	margin: 0 0 0 10px;
	padding: 10px 10px;
    float: left;
	}
	
div.twocolumndirect  {
	width: 46%;
	margin: 0 0 0 10px;
	padding: 10px 10px;
    float: left;
	}
		
div.twocolumncolor  {
	width: 45%;
	margin: 0 0 0 10px;
	padding: 10px 10px;
    float: left;
    background:#F6EcCf;
   
	}
	
div.highlightedborder ul {
	width: 90%;
	list-style-image: URL(http://www.gracelutheranraleigh.org/NEW_Website_2010/images/bullet.gif);
	font-size: 16px;
	padding:10px;
	margin:20px;
   	}
	
div.highlightedborder li {
	margin: 10px 10px;
   	}
	
div.highlightedborder ul ul{
	list-style-image: none;
	}
	
div.threecolumn  {
	width: 40%;
	margin: 0 0 0 10px;
	padding: 10px 10px;
    float: left;
	}
	
div.threecolumn p { text-align:center;}
	
div.rightside {
	position: relative;
	float: left;
    padding: 5px;
	align:top;
	width: 10%;
	border:#F6EcCf 3px solid;
	text-align:center;
	top-margin:12px;
   }

div.rightside a { font-size:16px; text-align:center;}

div.rightside img { display:block; align:center;}

div.footer { padding-top:10px; width:99%; text-align:center; display:block;}

h1 {
   font-size:30px;
   text-align:center;
   font-weight:bold;
   margin-top:10px;
	}
	
h2 {
   font-size:24px;
   text-align:center;
   font-weight:bold;
	}
	
h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}
	
h4 {
	font-size:16px;
   	}	
   	
h5 {
	font-size:16px;
	text-align:center;
   	}   	


		
A:hover {color:red; text-decoration:underline;}  
A:link {color:blue;}
A:visited {color:purple;}	
div.news a img { border:black; color:black; }