body {
	background: #F0F0D6;
	}

p {
	font-size: 11pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #013763;
	padding: 5px;
	margin: 0;
	text-align: justify;
	}

img {
	border: none;
	}

/* the main div tag surrounding everything. */
.center {
	text-align: center;
	}

/* this catches all extra tables, notably the one in the text column */
table {
	border: none;
	empty-cells: show;
	padding: 0;
	margin: 0;
	}

tr {
	padding: 0;
	margin: 0;
	}

td {
	border: none;
	padding: 0;
/* to remove the bottom padding from the text table, comment out the
   following line: */
	padding-bottom: 10px;
	}

/* the main table holding the template together */
table.container {
	background: #F0F0D6;
	width: 700px;
	empty-cells: show;
	border-collapse: collapse;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

tr.containertr {
	padding: 0;
	margin: 0;
	}

td.containertd {
	border: 1px solid #000;
	padding: 10px;
	height: auto;
	}

/* default divs */
div {
	border: none;
	padding: 0;
	margin: 0;
	}

/* outline a group of text and give it an off-white background */
#outlined {
	border: 1px solid black;
	background:#DDDDDD;
	}

/* the div holding the header and main navigation links */
#header {
        background: #fff;
	padding: 10px;
	}

.title {
	font-size: 16pt;
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 10px;
	}

/* the div holding the blue link box */
#bannerleft {
	background: #003664;
	height: 220px;
	width: 220px;
	}

#bannerleft p {
	color: #fff;
        font-size: 14pt;
	font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
	padding: 20px 10px 0px 15px;
	}

/* links within the blue box. */
#bannerleft a {
        color: #80C1C3;
        font-size: 9pt;
	display: block;
        padding-bottom: 5px;
	}

/* the div usually containing an image.  defaults to white */
#bannermiddle {
	background: #fff;
	height: 220px;
	width: 220px;
	}

#bannermiddle img {
        width: 220px;
        height: 220px;
	}

/* the green div holding flashy text */
#bannerright {
	background: #005826;
	height: 220px;
	width: 350px;
	}

#bannerright p {
        color: #fff;
        font-size: 12pt;
        padding: 20px;
        vertical-align: middle;
	}

/* the body of the template. 
   if you use id="text", everything will be given a 230 pixel
   left margin */
#text {
	background: #fff;
	border: none;
	padding: 5px 5px 5px 230px;
	}

/* using id="fullpadding" will leave a 115 pixel margin on the left */
#halfpadding {
	background: #fff;
	border: none;
	padding: 5px 5px 5px 113px;
	}

/* using id="nopadding" will align everything left */
#nopadding {
	background: #fff;
	border: none;
	padding: 5px;
	}

#text p {
	padding-bottom: 20px;
	display: run-in;
	}

#halfpadding p {
	padding-bottom: 20px;
	display: run-in;
	}

#halfpadding p {
	padding-bottom: 20px;
	display: run-in;
	}

/* end #text divs */

/* giving class="subtitle" to a p tag will increase the size and
   weight of the font  */
.subtitle {
	font-size: 14pt;
	font-weight: bold;
	}

/* give a div containing images an id of "floating" to separate it
   from the flow of text.  You can give it a class of "alignright"
   to put it on the right of the screen and make the text flow around
   the left side.  Conversely, you can give it a clas of "alignleft"  */
/* a similar div containing text can be given an id of "floatingtext" */

#floating {
	width: auto;
	}

#floatingtext {
	width: 200px;
	overflow: hidden;
	}

.alignright {
	float: right;
	padding-left: 20px;
	}

.alignleft {
	float: left;
	padding-right: 20px;
	}

#floatingtext p {
	font-weight: bold;
	text-align: left;
	}

/* end floating divs in text */

/* default links */
a {
	color: #0D542A;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

.links {
	font-size: 9pt;
	font-weight: bold;
        text-align: right;
	}

/* the following block makes the header link blue when
   body id is equal to link class */
#home .home {
	color: #003664;
	}

#teaching .teaching {
	color: #003664;
	}

#sheet .sheet {
	color: #003664;
	}

#epistles .epistles {
	color: #003664;
	}

#bio .bio {
	color: #003664;
	}

#cal .cal {
	color: #003664;
	}

#school .school {
	color: #003664;
	}

#contact .contact {
	color: #003664;
	}

form {
	display: inline
}

input {
	display: inline
}