﻿/*******************************************************
TITLE: The United Methodist Senior Services Foundation | layout
AUTHOR: Nick Pierson
*******************************************************/
body {
	margin: .5em;
	padding: 0;
	height: 100%;
	background: url(images/msff_background1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #444444;
	text-align: left;
	font-family: Verdana, sans-serif, serif;
	font-size: .9em;
}
a {}
a:hover {
	color: #616161;
	text-decoration: none;
}
blockquote {
	margin: 1.0em;
	padding: .6em .6em .6em 20px;
	background-color: #D7ECF8;
}
.quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3em;
	padding: 1px;
}
blockquote p {
	margin: .2em;
	color: #000000;
}
form {
	padding: 0px;
	white-space: pre-wrap;
	margin-top: 8px;
	margin: 4px 0px 0px 0px;
	text-align: left;
}
hr {
	margin-bottom: 10px;
	border: none;
	width: 99%;
	color: #aa9a6f;
	background-color: #aa9a6f;
	height: 3px;
	clear: both;
	border-right-width: 3px;
}
#postHeader {
	margin: 0 auto;
	padding: 0 .2em .3em .2em;
	width: 720px;
	height: 95px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-transform: ;
	font-variant: small-caps;
}
#postHeader img {
	border: 0;
}

#centerColumn {
	margin:  0em auto ;
	padding: 1em;
	width: 750px;
	text-align: left;
	vertical-align: middle;
}
#centerColumn h2 {
	margin: 0 0 -.5em 0;
	padding: .75em 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
}
#centerColumn h3 {
	margin: 0 0 -.5em 0;
	padding: .75em 0 0 0;
	font-size: .8em;
	font-weight: lighter;
	letter-spacing: .1em;
}
/* ---- Removes border on brochure links------*/
#box_3 img {

border-style: none;
	border-color: inherit;
	border-width: medium;
	margin-left: 5px;
}
/* ---------------------- nav ---------------------- */
#dolphincontainer {
	position: relative;
	height: 56px;
	color: #E0E0E0;
	background: #143D55;
	width: 100%;
	font-family: Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav {
	position: relative;
	height: 33px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	background: #f1f2f7 url(images/dolphin_bg.gif) repeat-x bottom left;
	padding: 0 0 0 20px;
}
#dolphinnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	float: left;
}
#dolphinnav ul li {
	display: block;
	float: left;
	margin: 0 1px;
}
#dolphinnav ul li a {
	display: block;
	float: left;
	color: #EAF3F8;
	text-decoration: none;
	padding: 0 0 0 20px;
	height: 33px;
}
#dolphinnav ul li a span {
	padding: 12px 20px 0 0;
	height: 21px;
	float: left;
}
#dolphinnav ul li a:hover {
	color: #fff;
	background: transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;
}
#dolphinnav ul li a:hover span {
	display: block;
	width: auto;
	cursor: pointer;
}
#dolphinnav ul li a.current:hover {
	color: #fff;
	background: #1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
	line-height: 275%;
}
#dolphinnav ul li a.current {
	color: #fff;
	background: #1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;
	line-height: 275%;
}
#dolphinnav ul li a.current span {
	display: block;
	padding: 0 20px 0 0;
	width: auto;
	background: #1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;
	height: 33px;
}
/* ---------------------- END nav ---------------------- */
#header {
	margin: 0;
	padding: 0;
	height: 155px;
	background-color: #FFF7ED;
	border-top: 1px solid #ffffff;
	font-family: "Trebuchet MS", sans-serif, serif;
	border-bottom-color: #3D7292;
	border-bottom-style: solid;
	border-left-color: #3D7292;
	border-left-style: solid;
	border-right-color: #3D7292;
	border-right-style: solid;
	float: right;
}
#header h1 {
	margin: 0 0 -4px 10px;
	padding: 5px 0 0 .5em;
	font-family: Georgia;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: .1em;
	color: #0070af;
	font-variant: small-caps;
}
#header h2 {
	margin: 0 0 0 0;
	padding: 1.0em 0 0 20px;
	font-size: 1.2em;
	font-weight: 300;
	letter-spacing: 0em;
	color: #444;
}

/*----Cell commonality / things they have in common to reduced code----*/

#cell_3{
padding: 7px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
border: 4px solid #3D7292;
background-color: #fff7ed;
text-indent: 1em;
color: #444;
font-weight: 400;
}


#cell_2{
padding: 7px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
border: 4px solid #3D7292;
background-color: #fff7ed;
text-indent: 1em;
color: #444;
font-weight: 400;
}


#cell_1{
padding: 7px; 
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
border: 4px solid #3D7292;
background-color: #fff7ed;
text-indent: 1em;
color: #444;
font-weight: 400;
}


#cell_3 p{
	margin-left: 15px;
	width: 221px;
}



#cell_2 p{
	margin-left: 15px;

}



#cell_1 p{
	margin-left: 10px;
}



#cell_3 h2 {
	margin: 0 0 -20px 0;
	padding: 4px 0 10px 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #004191;
	text-transform: uppercase;
	font-style: italic;
	text-align:center; 
}


	

#cell_2 h2 {
	margin: 0 0 -4px 0 !important;
	margin: 0 0 -20px 0;
	padding: 4px 0 10px 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #004191;
	text-transform: uppercase;
	font-style: italic;
	text-align:left; 
}


	

#cell_1 h2 {
	margin: 0 0 -4px 0 !important;
	margin: 0 0 -20px 0;
	padding: 4px 0 10px 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #004191;
	text-transform: uppercase;
	font-style: italic;
	text-align:left; 
}


	

#cell_3 {
	width: 240px;
	height: 160px;
	float: left;
	clear: both;
}


#cell_2 {
	width: 340px;
	height: 100%;
	margin-bottom: 0px;
	overflow: hidden;
}
#cell_1 {
	width: 340px;
	height: 100%;
	float: left;
	margin-right: 20px;
	
}



#cell_lead{
	list-style: lower-roman;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	background-color: #fff7ed;
	text-indent: 1em;
	color: #444;
	font-weight: 400;
	width: auto;
	height: 100%;
}
	
#cell_lead li{
	list-style:none inside;
	
}

#cell_lead p{
	margin-left: 0px;
}


.name {
	font-weight: 700;
}	

.title{
	font-style: italic;
}

#cell_lead h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #004191;
	text-transform: uppercase;
	font-style: italic;
	text-align:left; 
}

#cell_2 img {
	padding: 0.2em;
	margin-left: 1.7em;
}
.barepic {
	border: none;
}
.content {
	padding: 0 0 0px 0;
	margin: -20px;
	height: 41px;
	width: 126px;
	float: left;
}

i.right {
	float: right;
	margin: 5px;
	padding: 2px;
}
.left {
	float: left;
	margin: 5px;
	padding: 2px;
}
.center {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#boxs {
	border: 0;
	margin: 0 40px 0 70px;
	height: 100%;
	padding-top: 10px;
}
#box_2 {
	border: 0;
	border-right: 1px #b2b2ad solid;
	margin: 0;
	width: 200px;
	float: right;
	height: 105px;
	padding-right: 15px;
}
#box_3 {
	border: 0;
	border-right: 1px #b2b2ad solid;
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	height: 105px;
}
#box_4 {
	border: 0;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	float: right;
	width: 200px;
	height: 105px;
}
#box_4 p {
	margin:3px 0 0 0;
	font-size: .75em;
}
#box_3 p {
	font-size: .75em;
	color: #000000;
}
#box_2 p {
	font-size: .75em;
	color: #000000;
}
#box_4 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: .8em;
	margin-bottom:5px;
}
#box_3 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: .8em;
	float: left;
}
#box_2 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	font-size: .8em;
	font-style: italic;
}
#footer {
	position: relative;
	clear: both;
	
	margin: 5em 0 0 0;
	padding: 0;
	height: 4em;
	line-height: 4em;
	text-align: center;
	font-size: .7em;
	
	left: -44px;
}
