* {
margin: 0;
padding: 0;
}

body {
font-family: Arial, Helvetica, serif;
text-align: center;
background-image: url(../images/ccc-back12.jpg);
background-repeat: repeat;
}

h1 {
font-size: 12pt;
text-align: left;
font-weight: bold;
color: maroon;
}
	
h2 {
font-size: 10pt;
text-align: left;
font-weight: bold;
color: maroon;
}

h3 {
font-size: 8pt;
text-align: left;
font-weight: bold;
color: maroon;
}

p, h1 {
padding-bottom: 15px;
}

ul, ol {
padding-bottom: 5px;
}
		
p, table, blockquote, center, ul, ol, dl, dt, dd {
font-size: 8pt;
color: #000000;
}

ul  {
font-size: 8pt;
text-align: left;
margin-left: 40px;
color: #000000;
}

a {
outline: none;
}

.padtable {
padding-bottom: 15px;
}

.btable {
font-size: 8pt;
/*border: 1px solid maroon;*/
width: 600px;
text-align: left
padding-left:  50px;
}

.leftquote {
color: maroon;
text-align: center;
font-style: italic;
}

.heading {
font-weight: bold;
color: maroon;
}

.underline {
text-decoration: underline;
font-weight: bold;
color: maroon;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.left {
float: left;
margin-right: 8px;
}
		
.right {
float: right;
margin-left: 8px;
}

.center {
text-align: center;
}

.justify {
text-align: justify;
}

div#whopper {
width: 800px;
border: 1px solid black;
margin: 0px auto 0px auto;
text-align: left;
background-image: url(../images/gradient_s.jpg);
background-repeat: repeat-y;
}

div#rightcontent {
font-size: 16pt;
float: right;
text-align: left;
width: 605px;
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

#rightcontent a:link, #rightcontent a:visited  {
font-weight: bold;
text-decoration: none;
color: maroon;
}

#rightcontent a:hover {
color: black;
text-decoration: underline;
}  

div#leftcontent {
font-size: 8pt;
float: left;
width: 155px;
padding-left: 10px;
padding-right: 10px;
}

#leftcontent a:link, #leftcontent a:visited  {
font-weight: bold;
line-height: 20px;
text-decoration: none;
color: maroon;
}

#leftcontent a:hover {
color: black;
text-decoration: underline;
}  

div#footer {
clear: both;
height: 75px;
}

#footer a:link, #ccleft a:visited  {
font-weight: bold;
text-decoration: none;
color: maroon;
}

#footer a:hover {
color: black;
text-decoration: underline;
}  

/* CIRCLE CENTER PAGES */

div#ccheader {
width: 760px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}

div#ccright {
font-size: 16pt;
float: right;
text-align: left;
width: 410px;
background-color: #ffffff;
padding-left: 10px;
padding-right: 20px;
}

#ccright a:link, #ccright a:visited  {
font-weight: bold;
text-decoration: none;
color: maroon;
}

#ccright a:hover {
color: black;
text-decoration: underline;
}  

div#ccleft {
font-size: 8pt;
float: left;
width: 330px;
padding-left: 20px;
padding-right: 10px;
}

#ccleft a:link, #ccleft a:visited  {
font-weight: bold;
text-decoration: none;
color: maroon;
}

#ccleft a:hover {
color: black;
text-decoration: underline;
}  

/* PURPOSE AND VISION & HISPANIC MINISTRIES PAGES */

.displaybox {
padding: 10px;
border: 2px groove maroon;
font-family: "Trebuchet MS", Helvetica, serif;
font-size: 8pt;
font-style: italic;
color: maroon;
width: 400px;
text-align: center;
}

div#doctrine {
padding: 0px;
margin: 0px;
}

#doctrine li {
list-style-type: none;
list-style-image: url("../images/maroon.gif");
line-height: 15px;
font-style: italic;
}


/* FINE ARTS PAGE */
.bodyquote {
color: maroon;
font-weight: bold;
font-style: italic;
text-align: center;
font-size: 8pt;
}

div#rostercontent {
font-size: 8pt;
float: right;
text-align: left;
width: 700px;
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
}

#rostercontent a:link, #rostercontent a:visited  {
font-weight: bold;
text-decoration: none;
color: maroon;
}

#rostercontent a:hover {
color: black;
text-decoration: underline;
}