/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/
/*
	Color palette - http://www.colorsontheweb.com/colorwizard.asp, #354A99 starting color, tetradic scheme
	
	Base colors
	blue - #354A99
	green - #359952
	plum - #99357C
	brown - #998335
	
	Light colors
	blue - #B4BEE5
	green - #B4E5C2
	plum - #E5B4D7
	brown - #E5DAB4
	
	Medium colors
	blue - #687DCB
	green - #68CB85
*/
* { padding: 0; margin: 0; }

body {
 font-family: Georgia,serif;
 font-size: 14px;
 background-image: url(stripe.gif);
}
img
{
   behavior: url(/css/iepngfix.htc);
}
a img
{
	border: 0px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#faux, #fauxLeft
{
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#faux
{
 background: url(faux-2-3-col.gif);
}
#fauxLeft
{
 background: url(faux-2-3-left.gif);
}
#header {
 position: relative;
 color: #333;
 width: 822px;
 padding: 10px;
 height: 100px;
 margin: 40px 0px 0px 80px;
 background: #687DCB;
}
#header h1
{
   width: 60%;
   float: left;
}
#header img.logo
{
   float: left;
   margin-top: -40px;
   margin-left: -92px;
}
#headerImages
{
   /*width: 40%;*/
   height: 100px;
   float: right;
   margin-right: -10px;
}
#headerImages img
{
   border: 0px;
   height: 100px;
   width: 100px;
   padding-right: 10px;
}
#subheader {
 color: #354a99;
 width: 902px;
 padding: 10px;
 height: 15px;
 margin: 0px;
 border-top: 3px solid #998335;
 border-bottom: 3px solid #998335;
 background: #E5DAB4;
 text-align: center;
 font-weight: bold;
 font-size: 125%;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 125px;
 float: left;
}
#maincontent { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 550px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 10px 10px 10px 0px;
 padding: 0px;
 width: 150px;
 float: right;
}
#content { 
 float: left;
 color: #333;
 margin: 10px 13px;
 padding: 0px;
 width: 720px;
 display: inline;
 position: relative;
}
#content ul {
 margin-left: 30px;
}
#footer { 
 width: 902px;
 clear: both;
 color: #eee;
 background: #99357C;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
.clear { clear: both; background: none; }

#maincontent a img,
#content a img
{
 border: 0px;
}

ul.menu
{
   list-style: none;
   margin: 0px;
   padding: 0px;
   border: 0px;
   width: 100%;
}

ul.menu li
{
   margin: 0px;
   font-weight: bold;
}

ul.menu li a:link,
ul.menu li a:visited,
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li.active
{
   display: block;
   width: 100%;
   padding: 5px 2px 5px 5px;
   text-decoration: none;
}

#Menu ul.menu li.active
{
   color: #ccc;
   background-color: #359952;
}

#Menu ul.menu li a:link,
#Menu ul.menu li a:visited,
#Menu ul.menu li a:hover,
#Menu ul.menu li a:active
{
   color: #354a99;
}

#Menu ul.menu li a:hover,
#Menu ul.menu li a:active
{
   background-color: #99357C;
   color: #ccc;
}

#Right ul.menu li
{
   padding-right: 10px;
}

#Right ul.menu li a:link,
#Right ul.menu li a:visited,
#Right ul.menu li a:hover,
#Right ul.menu li a:active
{
   margin-right: 5px;
   color: #000;
}

#Right ul.menu li a:hover,
#Right ul.menu li a:active
{
   background-color: #354A99;
   color: #ccc;
}

#Right ul.menu li.nohighlight
{
	padding: 5px 0px;
}

#Right ul.menu li.nohighlight a:link,
#Right ul.menu li.nohighlight a:visited,
#Right ul.menu li.nohighlight a:hover,
#Right ul.menu li.nohighlight a:active
{
	padding: 0px;
	margin: 0px;
}

#Right ul.menu li.nohighlight a:hover,
#Right ul.menu li.nohighlight a:active
{
   background-color: transparent;
   color: #000;
}

#maincontent p,
#content p
{
   margin-bottom: .75em;
}

#staffList
{
   border: none;
   width: 100%;
   margin-bottom: 1em;
}

#staffList th,
#staffList td
{
   text-align: left;
   padding: .5em 1em .5em 0em;
}

#staffList tr.alt,
#staffList tr.alt td
{
   background-color: #ccc;
}

.info
{
   display: block;
   color: #000;
   font-weight: bold;
   background-color: #D9DEF2;
   border: 2px solid #000;
   padding: 5px;
   margin: 10px;
}

.callout
{
   display: block;
   color: #000;
   background-color: #F2FFF4;
   border: 1px solid #68CB85;
   padding: 5px;
   margin: 10px;
}

.callout h4
{
   background-color: #D9F2DE;
   border-bottom: 1px solid #68CB85;
   margin: -5px -5px .5em -5px;
   padding: 5px;
}

.callout ul
{
	padding-left: 1.5em;
}

.callout dl
{
	padding-left: .5em;
}

.callout dt
{
	margin-top: .25em;
	font-weight: bold;
}

.callout dd
{
	padding-left: 1em;
}

.callout dd p
{
	padding-left: .75em;
}

#ministries
{
   padding-left: 25px;
}

#ministries h3
{
   margin-left: -20px;
}

#ministries h4
{
   font-style: italic;
}

#ministries ul
{
   margin: 0em 0em 1em 0em;
   padding-left: 1em;
}

/*
#ministries h4,
#ministries p
#ministries 
{
   margin-left: 15px;
}

#ministries p p
{
   margin-left: 15px;
}
*/

form .formFields label
{
   display: block;
   float: left;
   clear: left;
   width: 11em;
   margin-bottom: 1em;
}

form .formFields input,
form .formFields textarea,
form .formFields select,
form .formFields div.inputGroup
{
   float: left;
   margin-bottom: 1em;
   width: 15em;
}

form .formFields div.inputGroup
{
   position: relative;
}

form .formFields div.timeInput select,
form .formFields div.timeInput input
{
   float: none;
   display: inline;
   width: 3.5em;
   margin-bottom: 0em;
}

form .formFields textarea
{
   height: 6em;
}

form .formDetail
{
   /* This is based on 1 / font-size * 11em */
   margin-left: 15.7em;
   clear: left;
   font-size: 70%;
   width: 35em;
}

form fieldset .formDetail
{
   margin-left: 0px;
}

form .formButtons
{
   padding-top: 2em;
   clear: left;
}

form fieldset
{
   float: left;
   padding: 0.5em;
   clear: left;
   margin-bottom: 1em;
}

form fieldset label
{
   white-space: nowrap;
   margin-right: 0.25em;
}

form fieldset input,
form fieldset textarea,
form fieldset select,
form fieldset div.inputGroup
{
   margin-bottom: 0.5em;
}

form fieldset input
{
   margin-right: 0.5em;
}