/*templated adapted from CSS Mastery book*/

/*Purple - color: #9900FF;
White - color: #fff;
Green - color: #
Red - color:#
*/
* {
margin:0;
padding:0;
}

body {
font:.9em/1.4 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
background-color:#E8F2FF;
text-align:center;
min-width:760px;
}

/*#content a:link, #content-1 a:link, #leftCol a:link, #topinfo a:link, #footer a:link, #content-2 a:link {
color: #9900FF;
text-decoration: none;
border-bottom: 1px dotted #9900FF;
}*/

#content a:visited, #content-1 a:visited, #leftCol a:visited, #topinfo a:visited, #footer a:visited, #content-2 a:visited {
color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}

#content a:active, #content-1 a:active, #leftCol a:active, #topinfo a:active, #footer a:active, #content-2 a:active {
  color: #666;
text-decoration: none;
border-bottom: 1px dotted #666;
}

/*#content a:hover, #content-1 a:hover, #leftCol a:hover, #topinfo a:hover, #footer a:hover, #content-2 a:hover {
border-bottom:2px solid #9900FF;
color:#9900FF;
}*/

h2 {
font-size:2em;
font-weight:bold;
}

h3 {
font-size:1.6em;
font-weight:bold;
}

h4 {
font-size:1.2em;
font-weight:bold;
}

li {
font-size:100%;
}

h1,h2,h3,h4 {
margin:.3em 0;
}

#branding h1 {
margin:0;
color:#fff;
margin-left:-999em;
}

#branding {
height:110px;
background: url(img/reflection.jpg) center center;
clear:both;
position:relative;
z-index:1;
}

#leftCol {
list-style:none;
width:165px;
float:left;
margin:5px;
font-size:.9em;
}

#leftCol li {
margin-left:2em;
}

#leftCol h4 {
margin:.5em 0;
}

#footer {
background-color:#b0b0b0;
clear:both;
padding:1px 20px;
font-size:.8em;
}

#wrapper {
width:720px;
text-align:left;
background: #fff url(img/pca.gif) center center fixed no-repeat;
margin:0 auto;
border:1px solid #ccc;
clear:both;
}

#content {
width:530px;
float:right;
padding:0 1em 1em 0;
}

#content-1 {
width:675px;
float:right;
padding:0 1em 1em 0;
}

#content p, #content-2 p {
margin:.7em 0;
align:left;
}

#content ul li, #content-1 ul li {
margin:.3em 3em;
}

#content-2 {
width:655px;
margin:0 auto;
}
blockquote {
margin:.5em 2em;
}

#topinfo {
width:720px;
margin:5px auto;
background-color:transparent;
}

#topinfo ul li {
float:right;
list-style:none;
padding-left:30px;
}

h3 {
margin:0;
padding-top:10px;
}

h4 {
margin:0;
}

p {
margin:0 10px;
}

table {
width:30em;
}
.title {
padding:0 5px;
text-align:right;
border:1px solid #ccc;
width:15%;
}
.data {
padding:0 5px;
text-align:left;
border:1px solid #ccc;
width:85%;
}
.imgrt {
float:right;
display:block;
border:3px double black;
margin:10px 0 0 10px;
}

.imgcenter {
margin:0 auto;
text-align:center;
display:block;
border:3px double black;
}

.newpage {
background-image:url(img/newpage.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:14px;
}

.rightbox {
float:right;
width:180px;
border: 1px solid #ccc;
font-size:.9em;
margin:0 -12px 5px 5px;
}

.rightbox h3 {
padding:0 5px;
font-size:1.2em;
background-color:#666;
border-top:1px solid #fff;
color:#fff;
font-weight:bold;
}

.rightbox p {
padding:5px;
}

.box {
border:1px solid #ccc;
margin:10px 0;
}

.box h3 {
font-size:1.4em;
border-bottom:1px solid #ccc;
background-color:#666;
color:#fff;
font-weight:bold;
padding:0 5px;
}

.smtext {
font-size:.8em;
color:#444;
}

#javaoff {
text-align:center;
width:750px;
color:#FFCC33;
margin:0 0 0 200px;
border-bottom:1px solid
}

#logo {
margin:-20px;
position:relative;
z-index:10;
}

#colors {
margin:10px 0 0 -15px;
width:140px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#webproper {
float:right;
}

/* Added by Dave Fry */
.churchname {
color: #990000;
}