/* Styling for Haining Family Pages */
/* ------------------------------------ */
body {
    background-color: #344069;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12pt;
    color: #000000;
    margin: 0;
    padding: 0;
}
#container {
    background-color: #FFFFFF;
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    border-right: 2px solid #000000;
    border-left: 2px solid #000000;
}
/* ----- styling for navigation bar ----- */
#container #nav {
    background-color: #5770A8;
    overflow: hidden;
    border-top: 2px solid #5770A8;
    border-bottom: 2px solid #5770A8;
}
#container #nav #MenuBar1 {
}
#container #nav ul.MenuBarHorizontal {
	margin: 0;
	padding: 0 0 0 32px;
	list-style-type: none;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}
#container #nav ul.MenuBarHorizontal li {
    margin: 0;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    border-left: 2px solid #5770A8;
    border-right: 2px solid #5770A8;
}
#container #nav ul.MenuBarHorizontal a {
    display: block;
    color: yellow;
    text-decoration: underline;
    padding: 0;
    background-color: #344069;
    padding-bottom: 2px;
    width: 85px;
    text-align: center;
}
#container #nav ul.MenuBarHorizontal a:Hover {
    text-decoration: none;
    color: #DC0556;
}
#container #nav ul.MenuBarHorizontal a.here {
    color: #FFFFFF;
    text-decoration: none;
    cursor: default;
    border: none;
}
/* ----- end nav bar ----- */
#container #header {
    text-align: center;
    background-color: #5770A8;
}
#container #header img {
}
#container #mainWrapper {
	background-color: #FFFFFF;
	background-image: url(../images/HainingBackground2.gif);
	background-repeat: repeat-y;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk, via www.code-sucks.com */
	margin-bottom: 0px;
}
#container #sidebarLt {
    float: left;
    width: 180px;
    padding: 30px 30px;
    overflow: hidden;
}
#container #sidebarLt #scripture,
#container #sidebarLt #sbtext,
#container #sidebarLt #whattheysay {
    border: 2px solid #344069;
    padding: 10px;
}
#container #sidebarLt #sbtext,
#container #sidebarLt #whattheysay {
    color: #344069;
}
#container #sidebarLt #scripture,
#container #sidebarLt #whattheysay {
    margin-top: 30px;
}
#container #sidebarLt #scripture {
    background-color: #9EACD6;
    color: #000000;
}
#container #sidebarLt #sbtext {
    background-color: #FFFFFF;
}
#container #sidebarLt #whattheysay {
    background-color: #FFFFAA;
}
#container #sidebarLt #whattheysay p.quote {
    font-weight: bold;
}
#container #sidebarLt #sbtext h3 {
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
#container #sidebarLt #scripture p,
#container #sidebarLt #sbtext p,
#container #sidebarLt #whattheysay p {
    font-size: 10pt;
    text-align: justify;
}
#container #sidebarRt {
	float: right;
	width: 200px;
	padding: 10px 40px 30px 40px;
	text-align: justify;
}
#container #sidebarRt #rightBox {
    border: 2px solid #344069;
    padding: 0 10px 10px 10px;
}
#container #sidebarRt #rightBox p {
    font-size: 10pt;
}
#container hr {
    color: #344069;
}
#container h2, #container h3, #container h4, #container h5 {
    color: #344069;
    text-align: center;
}
#container #mainWrapper #signupstripe {
	background-color: #F7F718;
	margin-top: 0px;
	margin-left: 240px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#container #mainWrapper #signupstripe p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	margin-top: 0px;
	text-align: center;
	padding: 3px 0 3px 0;
}
#container #mainWrapper #signupstripe a {
	text-decoration: none;
}
#container #mainContent {
	margin-left: 251px;
	padding: 0px 20px 20px 20px;
	font-size: 11pt;
	text-align: justify;
}
#container #mainContent h2 {
    font-size: 24pt;
    padding: 0;
}
#container #mainContent h3 {
    font-size: 12pt;
}
#container #mainContent h4 {
    font-size: 10pt;
}
#container #mainContent h5 {
    margin-top: 0;
    font-size: 9pt;
    padding-left: 50px;
    padding-right: 50px;
}
#container #mainContent p.aside {
    font-size: 8pt;
}
#container .frontporch {
    color: #002424;
    font-weight: bold;
    font-style: italic;
    font-family: "times new roman", roman, ms-serif, serif;
}
#container #mainContent img {
    padding: 5px 10px 5px 0px;
}
#container #mainContent p {
}
#container a {
    color: #344069;
    text-decoration: underline;
}
#container a:hover {
    color: #5770A8;
    text-decoration: none;
}
#container .captionedpic {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    padding: 1px 3px 1px 3px;
    font-size: 8pt;
    font-face: Arial, Helvetica, sans-serif;
}
#container .captionedpic img {
    vertical-align:middle;
    align: center;
    margin-bottom: 3px;
}
#container .picturebox {
    padding: 1px 3px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
#container .picturebox img.left {
    float: left;
    margin-right: 5px;
}
#container .picturebox img.right {
    float: right;
}
#container #mainContent .blessed {
    color: #344069;
}
#container #mainContent .sunset {
    color: #D85441;
}
#container #mainContent #press {
    color: #FF0000;
    font-size: 14pt;
    font-weight: bold;
    font-style: italic;
}
#container #sidebarLt .sbtext p.aside {
    font-size: 8pt;
}
#container .rightimg {
    float: right;
    margin: 3px 0px 3px 5px;
}
#container .leftimg {
    float: left;
    margin: 3px 5px 3px 0px;
}
#container .initial {
    padding: 20px 0 0 0;
}
#container p.intro:first-letter {
    font-weight: bold;
    color: #344069;
    font-size: 36pt;
}
#container .initial img {
    margin: -10px -10px -10px 0;
}
.compress {
    margin-bottom: 5px;
}
.clrflt {
    clear: both;
    line-height: 1px;
    font-size: 1px;
}
#container #footer {
	border-top: 1px solid #344069;
	text-align: center;
	clear: both;
	margin: 0;
}
#container #footer p {
	text-align: center;
	font-size: 8pt;
	color: #666666;
	padding: 0px 0;
	margin: 0;
}
#container #footer p.first {
	padding-top: 10px;
	border-top: 0px;
}
#container #footer p.last {
    padding-bottom: 10px;
}
#container #footer a {
    color: #666666;
    text-decoration: underline;
}
#container #footer a:hover {
    text-decoration: none;
}
/* ------------------------------------ */
td.text {
   padding: 20px;
}