/***********************************************/
/* Designed/Developed by Gabe Braddy           */
/* Use with People Matter Ministries           */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; background-image: /*url(../images/newbackground.gif)*/url(../images1/bgPatt.gif); background-repeat:repeat/*-y 50% 0*/; background-color:#00FFCC; text-align:center; padding:0px; }

p { line-height:120%; text-align:justify; font-size:80%; margin-top:0; }

h1 { font-family:"Times New Roman", Times, serif; font-size:175%; font-weight:bold; color:#916701; padding-bottom:10px; margin-bottom:0; }

h2 { font-size:105%; font-weight:bold; color:#916701; margin:0; padding:0;}

ul { list-style:none; }

a:link {text-decoration:none; color:#4B848E; font-weight:bold; font-size:100%;}
a:visited { text-decoration:none; color:gray; font-weight:bold; font-size:100%; }
a:hover { text-decoration:underline; color:#B37F00; font-weight:bold; font-size:100%; }
a:active { }
/***********************************************/
/* IDs			                               */
/***********************************************/ 

#container { width:740px; height:100%; min-height:800px; margin: 0 auto; text-align:left; background-color:#F5EEDD;}

#header { position:relative; top:0px; left:0px; width:740px; height:220px; margin-top:0px;z-index:0; background-repeat:no-repeat;}

#flash { z-index:0; }

#logo {position:relative; z-index:2; top:262px; width:740px; height:50px; background-image: url(../images1/logotype.png); background-repeat:no-repeat; }

#LeftNav {
	float:left;
	width:23%;
	height:100%;
	min-height:500px;
	background-color:#F5EEDD;
	border-left: solid white 5px;
	border-top: solid white 5px;
}
	#LeftNav a:link { text-decoration:none; color:#4B848E; display:block; width:100%; height:30px; border-bottom:solid gray 1px; font-weight:bold; 	
	font-size:70%; padding-left:8px; }
	#LeftNav a:visited { text-decoration:none; color:gray; display:block; width:100%; height:30px; border-bottom:solid gray 1px; font-weight:bold; 	
	font-size:70%; padding-left:5px; }
	#LeftNav a:hover {color:#B37F00; background-image:url(../images1/hoverGraphic.gif); background-repeat:no-repeat; }
	#leftNav a:active {}
	#LeftNav ul { padding:3px; margin:3px; line-height:35px; } /*this sets the LeftNav flush left*/
	#LeftNav li.indent { padding-left:8px; margin-left:8px;  } /*this sets the LeftNav submenus to the right some*/
	#LeftNav li.indent a{ border:none; font-weight:400; } /*removes the line separaters between submenu items*/
	#LeftNav li.subHead a { border:none;}
	#LeftNav li.subHead a:hover { background-image:url(../images1/hoverGraphic.gif); background-repeat:no-repeat; }

#main { position:relative; float:left; height:100%; min-height:500px; width:70%; background-color:#F5EEDD; border:solid white 5px; border-bottom:none;
padding:10px;}

/***********************************************/
/* Classes			                           */
/***********************************************/ 

.break { position:relative; width:85%; height:1px; background-color:#916701; margin:auto; margin-bottom:15px; margin-top:15px; clear:both; } 

div.clearer {clear: left; line-height: 0; height: 0;}

.pictureLeft { position:relative; float:left; margin:10px; margin-bottom:15px; margin-left:0; }
.pictureRight { position:relative; float:right; margin:10px; margin-bottom:15px; margin-right:0; }

.leftColumn { position:relative; float:left; width:45%; margin-bottom:20px; }

.leftIMG {positon:relative; float:left; margin:5px; margin-bottom:15px; width:200px; height:200px; overflow:hidden; background-color:gray;}

.rightColumn { position:relative; float:right; width:45%; margin-bottom:20px;}

.rightIMG {positon:relative; float:right; margin:5px; margin-bottom:15px; width:200px; height:200px; overflow:hidden; background-color:gray;}


.bigIMG { positon:relative; float:left; margin:5px; margin-bottom:15px; width:500px; height:200px; overflow:hidden; background-color:gray; }

.leftColumn p, .rightColumn p { line-height:115%; text-align:left;}

.leftColumn a, .rightColumn a {font-size:75% }
