/*
CSS for SPC Adult Ed site
*/


body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background: #E6E6E6 url(images/SPCFZBorder.jpg) repeat-y;*/
	background: #E6E6E6 url(backgrounds/spc-bg.png) repeat-y center top;
/*	background: #E6E6E6 url(images/page_bg2.png) repeat-y center top;*/
/*  background: #F5F5F5;*/
  line-height: 125%;
  padding: 0;
  margin: 0;
/*  text-align: center;*/
}

#wrapperheader {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	border-top: 8px solid white;
	border-right: 2px solid white;
	border-left: 2px solid white;
/*	background: #FFFFFF url(images/bg_story.png) repeat-y right top;*/
/*	background: #FFFFFF url(images/bg_story.png) repeat-y left top;*/
	text-align: left;
}

#wrapper {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	border-right: 2px solid white;
	border-left: 2px solid white;
	border-top: 4px solid white;
/*	background: #FFFFFF url(images/bg_story.png) repeat-y right top;*/
/*	background: #FFFFFF url(images/bg_story.png) repeat-y left top;*/
	text-align: left;
}

#bodycontent {
  display: inline; /*for IE */
  float: left;
  width: 421px;
  margin-left: 175px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 10px;
  border-left: 2px solid white;
/*  border-right: 1px solid goldenrod;*/
/*  border-top: 2px solid goldenrod;*/
  background: white;

}


#news {
/*  border-top: 2px solid goldenrod;*/
  display: inline;
  float: right;
  width: 185px;
  padding-left: 2px;
  padding-right: 2px;
}


#news h4 {
  text-align: center;
  font-size: 70%;
  font-weight: bold;
  line-height: 100%;
  color: navy;
/*  border-top: 1px solid navy;*/
  border-bottom: 1px solid navy;
  background: #EBECE4;
  background: #EDEDED;
/*  background-color: DarkSlateGray;*/
/*  background-color: #778899;*/
/*  background-color: navy;*/
  margin-top: 0px;
  padding-bottom: 5px;
/*  margin-right: 5px;*/
}

#news h5 {
  text-align: center;
  font-style: italic;
  font-size: 70%;
  font-weight: bold;
  line-height: 100%;
  color: white;
  background-color: Red;
  border-bottom: 1px solid goldenrod;
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
/*  margin-right: 5px;*/
}

#news p {
  padding-left: 5px;
  padding-right: 5px;
}

#borderedblocknews {
  border: 1px solid navy;
/*  padding: 15px;*/
  margin-right: 5px;
  margin-bottom: 10px;
/*  background: #FFE4C4;*/
/*  background: #F5F5F5;*/
/*  background: #FAFAD2;*/
}


#news p {
  font-size: x-small;
  line-height: 100%;
}

#news ul {
  padding-top: 0px;
  margin-top: 0px;
}

#news li {
  font-size: x-small;
  line-height: 100%;
  padding-bottom: 3px;
}

#news p.centered {
  text-align: center;
  font-size: x-small;
}


#navigation {
  float: left;
  width: 175px;
  padding-left: 5px;
  margin-left: -618px;
/*  border-top: 2px solid goldenrod;*/
/*  border-right: 2px solid goldenrod;*/
/*  border-left: 2px solid navy;*/
/*  background: #00008B; */
}

#navigation h2 {
  text-align: center;
  margin-right: 0px;
}

#navigation ul{
  list-style-type: none;
  padding-left: 0;
  padding-top: .05em;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: .05em;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

#navigation a {
  display: block;
  border-top: 3px solid white;
  padding: 0px 5px;
  text-decoration: none;
  background: #EBECE4;
  background: #EDEDED;
}

* html #navigation a {
   height: 1px;
}

#navigation li {
  display: inline;
  color: navy;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: x-small;
  list-style-type: none;
}

#navigation p {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: x-small;
  color: white;
  margin: 0;
  padding: 0;
  padding-left: 5px;
/*  border-bottom: 2px solid white;*/
  background: #00008B;
}

#navigation p.sitemeter {
  border: none;
  background: #F5F5F5;
}

#navigation a.sitemeter {
  display: block;
  padding: 0px 15px;
  text-decoration: none;
  background: #F5F5F5;
  border: none;
}

#navigation a:link {
  color: navy;
}

#navigation a:visited {
  color: navy;
}

#navigation a:hover {
  text-decoration: none;
  color: navy;
  background-color: #EEB422;
/*  background-color: #0000CD;*/

}

#navigation a:active {
  color: cyan;
}


#legal {
	clear: both;
/*	margin-right: 160px;*/
	padding-bottom: 10px;
	border-top: 1px solid goldenrod;
/*	font-weight: bold;*/
	color: #666666;
        text-align: center;
/*        background-color: navy;*/
}

#legal p {
        color: navy;
        line-height: 100%;
        font-size: x-small;
        padding-bottom: 10px;
}

* html #bodycontent {
	width: 443px;
	w\idth: 421px;
}


p.bordered {
  border: 1px solid goldenrod;
  padding: 10px;
}


p.centered {
  text-align: center;
  color: navy;
}

p.centered1 {
  width: 417px;
/*  font-size: x-small;*/
  text-align: center;
  color: red;
  background-color: whitesmoke;
}

p.centered2 {
  width: 417px;
/*  font-size: x-small;*/
  text-align: center;
  color: blue;
  background-color: whitesmoke;
}

p.centeredsmall {
  text-align: center;
  font-size: x-small;
  line-height: 100%;
  color: navy;
}

p.small {
  font-size: x-small;
  line-height: 100%;
}

p.italic {
  font-style: italic;
}

p.verticalspace {
   color: white;
}

p.red {
  color: red;
}


h1 {
  font-family: Georgia, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-style: italic;
}

h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: x-large;
/*  white-space: nowrap;*/
  color: white;
  padding-top: 1.5em;
  padding-bottom: .7em;
  padding-left: 3.8em;
  padding-right: 1.5em;
  margin: 0;
/*  background: #228B22 url(images/IHSsymbol5.jpg) no-repeat 1.9% 100%;*/
  background: #00008B url(images/IHSsymbol5.jpg) no-repeat 1.9% 100%;
/*  background: #006400 url(images/IHSsymbol5.jpg) no-repeat 1.9% 100%;*/
/*  background: navy url(images/ihs4.gif) no-repeat right bottom;*/
/*  background: navy;*/
/*  background: #000000 url(images/IHSsymbol5.jpg) no-repeat 1.9% 100%;*/
}

h2 {
  text-align: center;
  color: darkblue;
  background-color: #EEB422;
  font-size: 120%;
  font-weight: bold;
  padding-top: 9px;
  padding-bottom: 6px;
  padding-left: 0px;
  margin-right: 5px;
}


h2.a {
  font-family: "Lucida Calligraphy", LithographLight, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: darkblue;
  background-color: #EEB422;
  font-size: 130%;
  font-weight: bold;
  padding-top: 9px;
  padding-bottom: 6px;
  padding-left: 12px;
  margin-right: 10px;
}


h3 {
  color: navy;
  font-size: 115%;
/*  border-bottom: 1px solid goldenrod;*/
  font-weight: bold;
  padding-top: 15px;
}

h4 {
  color: navy;
  font-size: 115%;
  font-weight: bold;
  font-style: italic;
  padding-top: 5px;
}

h5 {
  color: navy;
  font-size: 100%;
  font-weight: bold;
  font-style: italic;
  padding-top: 5px;
}


li {
  color: navy;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: small;
/*  list-style-type: none;*/
}

li.spcfaq {
  color: navy;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: small;
  margin-bottom: .9em;
/*  list-style-type: none;*/
}

.post-body div, p {
  font-size: small;
  color: navy;
/*  padding-right: 15px;*/
}

#tagline p {
  font-style: italic;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  font-family: Georgia, Times, serif;*/
  border-top: 4px solid #7da5d8;
/*  border-top: 4px solid #DAA520;*/
/*  border-bottom: 6px solid #DAA520;*/
  border-bottom: 6px solid darkblue;
/*  border-bottom: 3px solid #7da5d8;*/
/*  text-align: center;*/
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .4em;
  margin: 0;
  background: #bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right;
/*  background: #bed8f3;*/
}



em {
/*  text-transform: uppercase;*/
/*  text-decoration: underline;*/
  font-style: italic;
}


body a{
  font-weight: normal;
}


a:link {
  color: navy;
}

a:visited {
  color: navy;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: white;
  background-color: navy;
}

.fun {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.fun {
  font-style: italic;
}







h2, ul {
  margin-top: 15px;
}

#PictureHdr {
  border-top: 4px solid #7da5d8;
  padding-top: 5px;
  background: #00008B;
  padding-left: 13px;
}

#header {
  border-top: 4px solid #7da5d8;
/*  border-right: 2px solid #7da5d8;*/
/*  border-left: 2px solid #7da5d8;*/
/*  border-top: 3px solid navy;*/
}

img.feature {
  border: none;
  float: right;
  margin: 10px;
}

img.featureleft {
  border: none;
  float: left;
  margin: 10px;
}

img.featurecenter {
  border: none;
  float: middle;
  margin: 5px;
}

/* Start For Clergy Photo Gallery */

#gallery .figure p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 1.1em;*/
	text-align: center;
	line-height: normal;
	margin: 0;
}

#borderedblock {
  border: 1px solid white;
/*  padding: 15px;*/
  margin-right: 5px;
  margin-bottom: 10px;
/*  background-color: ivory;*/
/*  background: #F5F5F5;*/
/*  background: #F5DEB3;*/
}


#borderedblock h4 {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  line-height: 100%;
  color: darkblue;
  border-top: 2px solid #7da5d8;
  border-bottom: 2px solid darkblue;
  border-left: 2px solid #7da5d8;
  border-right: 2px solid darkblue;
/*  background-color: DarkSlateGray;*/
/*  background-color: #778899;*/
/*  background-color: darkblue;*/
/*  background-color: #FFFAF0;*/
  background-color: #EBECE4;
  background-color: #EDEDED;
  margin-top: 0px;
  padding-bottom: 5px;
/*  margin-right: 5px;*/
}

#borderedblock p {
  padding-left: 10px;
  padding-right: 10px;
}


#borderedblock2 {
  border-top: 2px solid #D3D3D3;
  padding: 15px;
  padding-right: 2px;
  margin-bottom: 10px;
/*  background: #F5DEB3;*/
}

/* End For Clergy Photo Gallery */

/*
  div.figure {
  float: left;
  width: 200px;
  margin 15px 10px 5 px 10px;
}


img.figure {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  padding: 10px;
}



.figure p {
  color: #333;
  text-align: center;
  width: 142px;
  background-color: #e6f3ff;
  border: 1px dashed #666;
  padding: 9px;
  margin: 5px 0 20px 0;
}

.figure img {
  border: 2px solid #666;
  padding 10px;
}
*/

td {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  background-color: white;
  line-height: 125%;
  vertical-align: top;
  padding-left: 0;
  padding-right: 1.0em;
  padding-top: .5em;
  padding-bottom: 0;
  margin: 0;
}

.tdxsmall {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: x-small;
  background-color: white;
  line-height: 125%;
  vertical-align: top;
  padding-left: 0;
  padding-right: 1.0em;
  padding-top: .5em;
  padding-bottom: .2em;
  margin: 0;
}

.tdxsmall2 {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: x-small;
  background-color: white;
  line-height: 125%;
  vertical-align: top;
  padding-left: 0;
  padding-right: 1.0em;
  padding-top: 2.00em;
  padding-bottom: .2em;
  margin: 0;
}


.tdtall {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  vertical-align: top;
  background-color: white;
  line-height: 125%;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: 2.00em;
  padding-bottom: 0;
  margin: 0;
}

.tdtallvalignmid {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  vertical-align: middle;
  background-color: white;
  line-height: 125%;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: 2.00em;
  padding-bottom: 0;
  margin: 0;
}


.tdmedium {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  vertical-align: top;
  background-color: white;
  line-height: 125%;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: 1.00em;
  padding-bottom: 0;
  margin: 0;
}

.tdmediumvalignmid {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  vertical-align: middle;
  background-color: white;
  line-height: 125%;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: 1.00em;
  padding-bottom: 0;
  margin: 0;
}

.tdtallshort {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  vertical-align: top;
  background-color: white;
  line-height: 125%;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}


.tdshort {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  background-color: white;
  line-height: 125%;
  vertical-align: top;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: .2em;
  padding-bottom: 0;
  margin: 0;
}

.tdmid {
  font-family: Verdana, Helvetica, Arial, sans-serif;
/*  background-color: #e2edff;*/
  color: navy;
  font-size: small;
  background-color: white;
  line-height: 125%;
  vertical-align: top;
  padding-left: 0;
  padding-right: 1.00em;
  padding-top: 1.4em;
  padding-bottom: .4em;
  margin: 0;
}


table.events {
  border-collapse: collapse;
}

table.events th, table.events td {
  padding: 4px;
  border: 1px solid #000066;
}

table.events th {
  font-size: x-small;
  text-align: left;
/*  background: #241374 url(backgrounds/header-bg.jpg);*/
  background: #241374;
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.events td {
  font-size: small;
/*  background: #e2edff url(backgrounds/td.jpg) repeat-x bottom;*/
  background: #e2edff;
}

table.events caption {
  color: #000066;   
  font-size: small;   
  font-weight: bold;   
  text-align: left;
  padding-bottom: 5px;
}

@media print
{
p.test {font-family:times,serif; font-size:10px}
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/
/*
#header {
  position: absolute;
  width: 100%;
}
*/
/*
#navigation, #bodycontent {
  top: 7.09em;
}
*/