/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*FUUN CSS - Basics*/
body {
line-height:1;
background: #60a3da url(images/bkgr.jpg) repeat-x left top;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
text-align: center;

}
p {
margin: 0;
padding: 5px 0;
font-size: 1.1em;
line-height: 1.6;
}
p.startpara {
padding-top: 0;
}
ol, ul {
margin: 0;
padding: 0;
font-size: 1em; 
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0;
color: #534B48; 
}
h1, h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
a:link {
color: #1e4e9e;
text-decoration: underline;
}
a:visited {
color: #6855A9;
text-decoration: underline;
}
a:hover, a:active {
color: #900;
text-decoration: underline;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
hr.divider {
clear: both;
height: 20px;
border: none;
}

/* ~Layout
Set left nav background here
 */
#wrapper {
width: 912px;
margin: 15px auto 0 auto;
text-align: left;
}
#header {
height: 108px;
margin: 0;
padding: 0;
}
#ffr-border {
height: 40px;
margin: 0;
}
#middle {
width: 912px;
margin: 0;
padding: 0;
}
#content {
float: right;
width: 620px;
margin: 0px 0 0 0;
padding: 10px 50px 0 0;
text-align: left;
}
#footer {
clear: both;
margin: 0;
padding: 5px 20px 5px 10px;
border-top: 5px solid #4581c2;
}

/* ~Header */
#header {
background: url(images/bkgr-header.gif) no-repeat top left;
}
#flourishing-families-logo {
position: absolute;
margin-top: -17px;
margin-left: -5px;
padding: 0;
}
#ffr-title {
margin: 0;
padding: 0px 10px 0px 240px;
}
#ffr-title h1 {
display: inline;
text-align: left;
}
#ffr-title a:link, #ffr-title a:visited, #ffr-title a:hover, #ffr-title a:active {
border: none;
text-decoration: none;
}
.fuuntext {
display:none;
}
#fuun {
margin: 0;
padding: 22px 10px 0px 240px;
}
#fuun a:link, #fuun a:visited, #fuun a:hover, #fuun a:active {
border: none;
text-decoration: none;
}

/* ffr-border */
#ffr-border {
background: #1e4e9e url(images/border.gif) repeat-x right top;
}

/* Middle - Left Nav and content*/
#middle {
background: #fff  url(images/bkgr-nav.jpg) repeat-y left top;
}
#content {
background: #fff;
}
#content h2 {
margin: 0px;
padding: 10px 0px 10px 0px;
border: none;
color: #900;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.2;
}
#content h3 {
margin: 0px;
padding: 10px 0px 10px 0px;
color: #900;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
letter-spacing: 1px;
}
#content h3.subtitle {
margin-top: -5px;
padding: 0 0 15px 0;
color: #164497;
}
#content ul {
	font-size: 1.1em;
	margin-top: 5px;
}
#content ul li {
	margin-left: 20px;
  line-height: 1.4;
	list-style: none;
	list-style-image: url(images/bullet-circle-yellow.gif);
	padding: 0 0 7px 0;
}
#content ul a:link {
	color: #002688;
	border-bottom: 1px solid #999;
}
#content ul a:visited {
	color: #639;
	border-bottom: 1px solid #999;
}
#content ul a:hover, #content ul a:active {
	color: #b00;
	border-bottom: 1px solid #b00;
}
#content ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
#content ol {
	font-size: 1.1em;
	margin-top: 5px;
}
#content ol li {
	margin-left: 20px;
  line-height: 1.4;
	padding: 0 0 7px 0;
}


/* Sidebar */
#sidebar {
clear: left;
float: left;
width: 200px;
}
#sidebar ul {
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}
#sidebar a {
display: block;
padding: 10px 15px 10px 25px;
width: 160px;
background-color: #D8ECD8;
border-bottom: 1px solid #95c1e4;
font-size: 1.1em;
line-height: 1.4;
}
#sidebar a:link, #sidebar a:visited {
background: #a9cbe7  url(images/nav-arrow-dkblue.gif) no-repeat 12px 14px;
color: #0a2e70;
text-decoration: none;
}
#sidebar a:hover, #sidebar a:active {
background: #164497  url(images/nav-arrow-blue.gif) no-repeat 12px 14px;
color: #fff;
}
#sidebar a#youarehere {
background: #cde0ef  url(images/nav-arrow-dkblue.gif) no-repeat 185px 14px;
color: #0a2e70;
}
#sidebar a.mainlink:link, #sidebar a.mainlink:visited {
background: transparent  url(images/nav-arrow-dkblue.gif) no-repeat 12px 14px;
color: #0a2e70;
}


/* Footer */
#footer {
background: #164497 url(images/footer-border.gif) repeat-x 5px bottom;
color: #fff;
font-size: .8em;
font-weight: bold;
padding-bottom: 40px;
}
p.address {
text-align: right;
}
#footer a:link, #footer a:visited {
color: #a9cbe7;
text-decoration: none;
border-bottom: 1px solid #a9cbe7;
}
#footer a:hover, a:active {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}