/* central baptist church website stylesheet */
/* change the A:link color to alter the unvisited link color - and change A:active to the same -
change the A:visited color to alter the visited link color
change the A:hover background color to alter hotlink background color */
A:link {color: #330;}
A:active {color: #330;}
A:visited {color: #630;}
A:hover {background-color: rgb(255,75,255);}
/* "DIV#wrap" defines overall page content width
this div should be opened at the top of every page, and closed at the end of every page
e.g.:
[title]
[header elements]
[page content]
float: left; */
#wrap {width: 800px;
margin: 0px 0px 10px 0px;}
#navi {width: 200px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
padding: 0px 0px 10px 0px;
background-color: #99CCFF;}
#header {width: 800px;
margin: 0px;}
#footer {width: 800px;
text-align: right;
background-color: #99CCFF;
border-top: 0px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 0px solid #000;}
/* change background color below to alter background color of page header
"h1" currently only appears in the "header" and "navi" sections of the template */
H1 {font-size: 16px;
font-weight: 600;
letter-spacing: 4px;
font-stretch: wider;
font-family: verdana, sans-serif;
padding: 2px 2px 2px 5px;
margin: 0px 2px 0px 0px;
background-color: #99CCFF;
border-top: 0;
border-right: 0;
border-left: 1px;
border-bottom: 1px;
border-color: #99CCFF;
border-style: solid;}
/* change background color below to alter background color of content headers
use "h2" for headers within page content */
H2 {font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
font-stretch: wider;
font-family: verdana, sans-serif;
padding: 2px 2px 0px 5px;
margin: 0px 2px 10px 0px;
background-color: #99CCFF;
border-top: 0;
border-right: 0;
border-left: 1px;
border-bottom: 1px;
border-color: #99CCFF;
border-style: solid;}
/* use "h3" for smaller headers, such as are used in the lists */
H3 {font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
font-stretch: wider;
font-family: verdana, sans-serif;
padding: 2px 2px 0px 0px;
margin: 0px 2px 0px 0px;
background-color: #99CCFF;}
BODY {margin-top:0px;
margin-left:3px;}
TABLE.printMe {width:800px;}
/* change font size and face below to alter content fonts */
BODY, TABLE, TD, P, UL {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
vertical-align: top;}
TABLE {border: 0px;
margin: 0px;
padding: 0px;}
P {padding: 5px 5px 0px 5px;
margin: 2px 5px 10px 0px;}
UL {padding: 0px 0px 0px 6px;
margin: 5px;}
OL {padding: 0px 0px 2px 6px;
margin: 5px;}
/* change background color below to alter background color of table headers
not currently used */
TH {font-size: 14px;
font-weight: normal;
letter-spacing: 2px;
padding: 0px 5px 0px 2px;
background-color: #99CCFF;
text-align: left;}
LI {padding: 0px 0px 10px 6px;
margin: 2px 0px 0px 0px;
list-style-type: none;}
/* use for images that need 1px solid black border. These images will float on the right side of the page, and should appear directly below an
header. The black border appears on the right, left, and bottom sides of the image, since the
supplies the top border. Refer to the theotrek homepage for an example. */
IMG.frame {margin: 0px 3px 5px 5px;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
padding: 1px;}
/* adjust the attributes or add as necessary */
BLOCKQUOTE {margin-left: 110px;
width:60%;}
.pullQuote {font-family:helvetica, sans-serif;
font-size:105%;
font-weight:600;
margin-top:20px;
margin-right:0px;
margin-bottom:18px;
margin-left: 98px;
width:60%;
padding-left:6px;
border-left:6px solid #FC6;}
/* use this class for any block element that should display inline, like pictures, that should flow with text, as in a paragraph */
.inline {display: inline;}
/* use this class for any block element that should display as a block, but needs help */
.block {display: block;}
/* use this class for any table or other element for which the width should be half of its parent container */
.half {width: 50%;}
/* use this class for any text element that should be right aligned */
.right {text-align: right;}
.center {text-align:center;}
/* use this class for any text element that should be left aligned */
.left {text-align: left;
align: left;}
/* use this class for any text that should be bold */
.bold {font-weight: bold;}
/* use this class for any text that should be smaller */
.small {font-size: 10px;}
/* use this class for any element that should have a 1 pixel solid black border */
.border {border: 1px solid #000;}
/* use this class for any element that should have a 1 pixel solid black border and a little padding for text */
.borderPad {border: 1px solid #000;
padding:3px;}
/* this style currently only appears within the "header" section of the page */
.url {text-align: right;
letter-spacing: 4px;
font-stretch: wider;
font-family: verdana, sans-serif;
font-size: 14px;
font-weight: normal;
background-color: rgb(10,10,125);
margin-right: 2px;
padding: 0px;
border-left: 1px solid #000;}
.tinyTable {padding-left: 0px;
margin-left: 0px;}
.tinyTable TH, .tinyTable TD {font-size:12px !important;
padding-top:4px;
padding-right:5px;
padding-bottom:4px;
padding-left:5px;}
/*data and dataWide are used in the content area of the page */
.data TABLE {border: 1px solid #000000;
background-color: #99CCFF;
padding:10px;
margin-bottom:3px;
width:590px;}
.dataWide TABLE {border: 1px solid #000000;
background-color: #99CCFF;
padding:10px;
margin-bottom:3px;
width:590px;}
.data TH, .dataWide TH {font-weight:500;}
.dataWide TD {font-size:90% !important;}
/*the following only affect form fields */
INPUT {border: 1px solid #000;
padding: 0;
margin: 0;}
TEXTAREA {border: 1px solid #000;
padding: 0px 10px;
margin: 5px 0px 0px 0px;}
for images that need 1px solid black border. These images will float on the right side of the page, and should appear directly below an