@charset "utf-8";
/* CSS Document grace-primary.css */
/* J T Fuqua for Grace Episcopal Church 2013*/

@font-face {
	font-family: 'JI-phonal';
	src: url ('css/ji-phonal.ttf');
	format('truetype');
}

#outerbox {
	margin-left:10px auto;
	width: 99%;
	text-align: center;
	background-color:#4455FF;;
	display:block; 
}

#mainheader {
	display:block;
	clear: both;
	padding: 5px;
	background-color:#78F;
	text-align:center;
	font: 12px Uncial Antiqua, Book Arial, Helvetica, sans-serif, cursive;
	text-shadow: rbg(150,50,0) 3px 3px 5px;
		
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius:  20px 20px 20px 20px;
	-ms-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
	
	-moz-box-shadow: #FFFF00 5px 5px;
	-webkit-box-shadow: #FFFF00 5px 5px;
	-ms-box-shadow: #FFFF00 5px 5px;
	box-shadow: #FFFF00 5px 5px;
	
}

#mainheader H1 {	
	color:#FFFF55;
}
#nav {
	clear: both;
	color:AC7777;
	display:block-inline;
	background-color:#555;
	margin-left:250px;	
	width:100%;
}

#mainmenu {	
	text-align:left;
	
    margin-left:380px;
	width:100%;
	Height: 20;
	}
	
OL {
	display: inline-block;
	height:20;
	list-style: none;
	font: bold 15px;
	color:#FFF;	
}
P {
	text-align: left;
	font-size: 14;
	text-indent: 0px;
}
.P1 {
	padding-left: 300px;
	text-align: left;
	font-size: 14;
}

h1 { 
color:#C62;
font-family:JI-phonal, Uncial Antiqua;
}

h3  {color:#000
}

h5 {
	font-size: 6;
}

h6 {font-family:JI-phonal, Uncial Antiqua;						
	margin-left:20px;
	font-size:18px;
}

ul li {
	color:#CCC;
}
	
#left-sidebar {
    display:block;  
	width: 175px;		
	float:left;
	margin-right:10px;
	margin-left: 50px;
	margin-top: 2px;
	text-align="center";
	padding:30px;
	color:#FFF;
	background-color:#4455FF;
}
	
#mainsection {
	display:block-inline;
	padding: 35px;
	margin: 50px;
    float:left;
	font-family: Calibri, "Comic Sans MS", cursive, Book Arial, Helvetica, sans-serif;
	font-size: 18px;
	display:block;
	text-align: left;
	width: 960px;
	margin: 0px auto;
	border: 2px solid #998877;
	background: #FFFFFF;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: rgb(50,50,150) 5px 5px;
	-webkit-box-shadow: rgb(50,50,150) 5px 5px;
	box-shadow: rgb(50,50,150) 5px 5px;
	
	background: linear-gradient(top, #CCCCCC, #00AADD);
	background: -webkit-linear-gradient(top, #CCCCCC, #00AADD);
	background: -ms-linear-gradient(top, #CCCCCC, #00AADD);
	background: -moz-linear-gradient(top, #CCCCCC, #00AADD);
}
.blacktype {
	color:#000;
}
.redtype{
  color:#F00;	
}
	
#canvasbox {
	padding:0px;
	margin: 0px;	
	}
	
#right-sidebar {
	display:block;
    float:left;
	width: 180px;
	margin-right:0px;
	margin-left: 30px;
	margin-top: 40px;
	text-align="right";
	padding:0px;
	color:#FF0;
	background-color:#4455FF;;
}
	
#main_footer {
	display:block;
	clear: both;
	padding:5px;
	font-size: 10px;
	left-margin: 5px;
	background-color:#D73
	border: 1px solid #06F;
	text-align: "center";
	color: #CF0;
	font: 10px Verdana, Geneva, sans-serif, "Comic Sans MS", cursive;
	
	-moz-border-radius: 20px 20px 10px 10px;
	-ms-border-radius: 20px 20px 10px 10px;
	-webkit-border-radius:  20px 20px 10px 10px;
	border-radius: 20px 20px 10px 10px;
}	
	
section,  footer, aside, nav, div, article, figure, left-sidebar, right-sidebar, figcaption, hgroup {
	display:block;
}	
	

a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #B88;
}
a:active {
	text-decoration: none;
	color: #FFF;
}

#shield: {
	padding:20;
	display: block-inline;
}
#icon-group {
	display:block;
	float:right;
	margin-left:60;
}

#ss_controls: {
	color:#000;
	background-color:#06F;
}