/*
The following portion copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* END YUI FONTS */

body {
  background: #fffce4 url(/mcfh/_media/images/layout/body_back.png) 0 0 repeat-x;
  margin: 0;
  padding: 0 0 50px;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: #82b56b;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

#frame {
  width: 784px;
  margin: 0 auto;
  padding: 0 49px 0 50px;
}

#global_header {
  height: 62px;
}

#header {
  height:  91px;
  padding: 30px 6px 0 8px;
  position: relative;
}

#page {
  background: url(/mcfh/_media/images/layout/page_back.png) 0 0 repeat-y;
  padding: 0 6px 0 8px;
  clear: both;
}

* html #page {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/mcfh/_media/images/layout/page_back.png,sizingMethod=scale);
	zoom: 1;
}

#feature {
  background: #7A0F2A;
}

#sidebar {
  width: 228px;
  float: left;
}

#content {
  width: 507px;
  float: right;
  margin-right: 35px;
  display: inline;
  padding-top: 50px;
}

h1, h2, h3 {
  color: #464646;
}

h2 {
  font-size: 108%;
  margin: 0;
  margin-left: 13px;
  text-transform: uppercase;
  color: #000;
}

.bold {
  font-weight: bold;
}

/* @group Global Header */
#global_header {
  position: relative;
  padding: 0 6px 0 8px;
}

#global_logo {
  width: 255px;
  height: 53px;
  display: block;
  float: left;
  outline: none;
  text-indent: -999em;
  background: url(/mcfh/_media/images/layout/global_logo.png) 0 0 no-repeat;
}

#global_header .nav {
  position: absolute;
  right: 6px;
  bottom: 0;
}

#global_header .nav ul {
  float: right;
  margin: 0;
  padding: 0;
  border-right: 1px solid #fff;
  list-style: none;
}

#global_header .nav ul li {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  border-left: 1px solid #fff;
  list-style: none;
}

#global_header .nav ul li a {
  padding: 0 13px;
  text-decoration: none;
  color: #fff;
  line-height: 28px;
  height: 28px;
  display: block;
  text-transform: uppercase;
  font-size: 77%;
  float: left;
}

#global_header .nav ul li a:hover {
  background: #275E85;
}

#global_header .nav select {
  float: right;
  margin: 4px 0 0 6px;
  font-size: 77%;
}

/* @end */

/* @group Header */
#logo {
  position: relative;
  top:  25px;
  width: 395px;
  height: 57px;
  display: block;
  float: left;
  margin-bottom: 10px;
  text-indent: -999em;
  outline: none;
  background:transparent url(/mcfh/_media/images/layout/logo.png) no-repeat scroll 0 0;
}

#subline {
  float: right;
  text-indent: -999em;
  display: block;
  width: 298px;
  height: 37px;
  background: url(/mcfh/_media/images/layout/subline.png) 0 0 no-repeat;
  margin: 0 0 15px;
}

#search {
  position: absolute;
  right: 13px;
  bottom: 17px;
}

/* The following two rules need to be separate for IE6's sake */

* html #search form {
  margin: 0;
  width: 200px;
  position: relative;
}

body[className^=body] #search form {
  margin: 0;
  width: 200px;
  position: relative;
}

#search .text {
  line-height: 17px;
  height: 17px;
  border: 1px solid #b2b290;
  width: 150px;
  float: left;
  display: block;
  padding: 2px;
}

#search .submit {
  margin: 1px 0 0 4px;
  width: 33px;
  height: 21px;
  display: block;
  background: url(/mcfh/_media/images/layout/search_button.png) 0 0 no-repeat;
  border: none;
  float: right;
  text-indent: -999em;
  outline: none;
  cursor: pointer;
}

/* The following two rules need to be separate for IE6's sake */

* html #search .submit {
  padding-left: 35px;
}

#search input[className=submit] {
  padding-left: 35px;
}

/* @end */

/* @group Homepage Feature */

#feature {
  position: relative;
}

#photo {
  width: 395px;
  height: 265px;
  position: absolute;
  top: -4px;
  background: url(/mcfh/_media/images/layout/photo_back.png) 0 0 no-repeat;
  left: 0px;
}

#photo img {
  height:222px;
  left:41px;
  position:absolute;
  top:20px;
  width:321px;
}

#story {
  background: #649dcb;
  height: 250px;
  width: 375px;
  margin-left: 395px;
  background: url(/mcfh/_media/images/layout/feature_back.png) 0 0 no-repeat;
  position: relative;
}

* html #photo {
  left: -395px;
}

#story .text {
  width: 310px;
  height: 160px;
  padding: 30px 0 0 40px;
  overflow: hidden;
}

#story .text h1 {
  color: #fff;
  font-size: 138.5%;
  font-family: Georgia, 'Times New Roman', serif;
  margin: 0 0 .5em;
  line-height: 1;
  font-weight: normal;
}

#story .text p {
  color: #fff;
  margin: .5em 0;
  font-size:  93%;
}

#story .buttons {
  height: 21px;
  position: absolute;
  bottom: 21px;
  left:  40px;
}

#story .buttons a {
  font-size: 10%;
  text-indent: -999em;
  height: 21px;
  display: block;
  float: left;
}

#story .buttons .read_more {
  width: 91px;
  background: url(/mcfh/_media/images/layout/read_more_button.png) 0 0 no-repeat;
  margin-right: 4px;
}

#story .buttons .submit_your_story {
  width: 136px;
  background: url(/mcfh/_media/images/layout/submit_your_story_button.png) 0 0 no-repeat;
}

/* @end */


/* @group Sidebar */

#sidebar .nav, #sidebar .nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 193px;
}

#sidebar .nav li {
  display: block;
}

* html #sidebar .nav li {
  float: left;
}

#sidebar ul[className=nav] li {
  float: left;
}

#sidebar h2 {
	height: 20px;
	color: #fff;
}

#sidebar h2 {
	background: #fff;
	margin-left: 0;
    padding-top: 30px;
	padding-left: 13px;
}

#sidebar .nav a {
  display: block;
  padding: 9px 9px 9px 11px;
  margin-left:  13px;
  background: url(/mcfh/_media/images/layout/nav_indicator.png) 1px center no-repeat;
  color: #835a41;
  text-transform: uppercase;
  text-decoration: none;
  width: 148px;
  border-bottom: 1px dotted #fff;
  font-weight: bold;
}

#sidebar .nav a:hover {
  /* background-image: url(/mcfh/_media/images/layout/nav_indicator_hover.png); */
  color: #fff;
}

#sidebar .nav .last {
  padding-bottom: 6px;
  background: none;
  border-bottom: none;
}

#crisis_services {
  margin: 10px 0 10px 6px;
  width: 187px;
  height: 45px;
  display: block;
  text-indent: -999em;
  background: url(/mcfh/_media/images/layout/crisis_services_button.png) 0 0 no-repeat;
}

#wireless_philly {
  margin: 10px 0 10px 6px;
  width: 187px;
  height: 112px;
  display: block;
  text-indent: -999em;
  background: url(/mcfh/_media/images/layout/wireless_philly_button.png) 0 0 no-repeat;  
}

#college_of_physicians {
  margin: 30px 0 20px 16px;
  width: 167px;
}

#college_of_physicians strong {
  display: block;
  margin-bottom: .5em;
}

#college_of_physicians img {
  float: right;
  margin-top: -1em;
}

#college_of_physicians a {
  display: block;
  margin-top: .25em;
  font-weight: bold;
}

/* @end */

/* @group Main */

#content h1, #content h3, #content h4, #content p, #content blockquote {
  margin: 0;
}

#content li {
  color: #4e4e4e;
}

#content h1 {
  font-size: 138.5%;
  color: #464646;
  margin-bottom: .2em;
}

#content h3 {
  font-size: 123.1%;
}

#content h3 {
  font-size: 116%;
}

#content h4 {
  font-size: 93%;
}

#content p {
  margin-bottom: 1.5em;
  line-height: 1.5;
  font-size: 93%;
}

#content blockquote {
  float: right;
  width: 196px;
  border: solid #9e9e9e;
  border-width: 4px 0;
  padding: 15px 7px;
  font-size: 108%;
  margin: .4em 0 1em 2.5em;
  color: #979797;
}

#content blockquote p {
  margin-bottom: .5em;
  font-size: 100%;
  color: #979797;
  font-style: italic;
}

#content blockquote cite {
  text-transform: uppercase;
  font-style: normal;
  font-size: 78.7%;
}

#content blockquote cite span.subtitle {
  text-transform: none;
  display: block;
}

#main {
  padding-bottom: 20px;
  background: transparent url(/mcfh/_media/images/layout/main_back.png) repeat-y 0 0;
}

* html #main {
	position: relative;
}

.box {
  width: 500px;
  padding-bottom: 5px;
  margin-bottom: 60px;
}

.box .cols {
  padding-top: 5px;
  clear: both;
}

.box .wrapper {
  border: solid #e4e4e4;	
  border-width: 0 1px;
}

.box h3 {
  margin: 0;
}

.box h2 {
  padding-bottom: 3px;
  float: left;
}

.box .all {
  float: right;
  font-size: 77%;
  line-height: 162.9%;
  color: #82b56b;
  font-weight: bold;
}

#events {
  background: url(/mcfh/_media/images/layout/rounded_grey_bottom.png) left bottom no-repeat;
}

#events .cols {
  background: url(/mcfh/_media/images/layout/rounded_aquamarine_top.png) left top no-repeat;
}

#events .single-col h3 {
  background: #e2f8f5;
}

#events h3 {
  font-size: 100%;
  line-height: 1.23;
  padding-bottom: .36em;
  padding-left: 13px;
  background: #e2f8f5;
  margin: 0 0 3px;
  font-weight: bold;
  color: #507a74;
}

#events h3 a {
  color: #507a74;
  text-decoration: none;
}

#events h3 a:hover {
  text-decoration: underline;
}

#events ul, #events li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#events ul {
  padding: 0 13px;
}

#events li {
  padding: 14px 0 8px;
  border-top: 1px solid #e4e4e4;
  font-size: 93%;
}

#events li.first {
  border-top: none;
}

#events li img {
  float: right;
  display: block;
  border: 1px solid #e4e4e4;
  margin: 0 5px;
  
}

#events li h4 {
  margin: 0;
  font-weight: normal;
  font-size: 100%;
}

#events li span.date {
  font-weight: bold;
}

#events li a {
  display: block;
  margin-top: .2em;
}

#support {
  background: url(/mcfh/_media/images/layout/rounded_grey_bottom.png) left bottom no-repeat;
}

#support .cols {
  background: url(/mcfh/_media/images/layout/rounded_grey_thin_top.png) left top no-repeat;
}

#support .col-1, #support .col-2 {
  float: left;
  width: 136px;
  border: solid #e4e4e4;
  border-width: 0 1px 0 0;
  padding: 10px 15px 6px;
  display: inline;
}

#support .col-3 {
  float: left;
  width: 134px;
  padding: 10px 15px 6px;
  display: inline;
}

#support h3 {
  font-size: 85%;
  text-transform: uppercase;
  color: #333;
}

#support .cols a {
	color: #82b56b;
	font-size: 93%;
	font-weight: bold;
}

#featured_stories {
  background: url(/mcfh/_media/images/layout/rounded_grey_bottom.png) left bottom no-repeat;
}

#featured_stories .cols {
  background: url(/mcfh/_media/images/layout/rounded_grey_thin_top.png) left top no-repeat;
}

#featured_stories .wrapper {
	padding-top: 5px;
}

#featured_stories .col-1 {
  width: 222px;
  float: left;
  padding: 0 13px 10px;
}

#featured_stories .col-2 {
  width: 222px;
  float: right;
  padding: 0 13px 10px;
}

#featured_stories h3 {
  font-size: 100%;
  line-height: 1.23;
  padding: 0;
  margin: 0 0 3px;
}

#featured_stories p {
  margin: 0 10px .2em 0;
}

#featured_stories img {
  float: right;
  margin: 0 15px 5px 5px;
  border: 1px solid #e4e4e4;
}

#sponsors {
  width: 500px;
}

#sponsors h4 {
  color: #acacac;
  font-size: 77%;
  margin: 0 0 .5em;
  border-bottom: 1px solid #acacac;
}

#sponsors ul, #sponsors li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#sponsors li {
  float: left;
  margin-left: 33px;
}

#sponsors li.first {
  margin-left: 0;
}

#sponsors li img {
  border: none;
}

#partnerships {
	border-top: 1px solid #e5eef7;
	padding-top:  10px;
}

#partnerships .cols {
	background: url(../images/layout/partnerships_back.png) repeat-y 0 0;
}

#partnerships .col-1,
#partnerships .col-2,
#partnerships .col-3 {
	float: left;
	width: 152px;
	padding-left: 8px;	
}

#partnerships .col-2,
#partnerships .col-3 {
	margin-left: 10px;
}

#partnerships h3 {
	font-size: 93%;
}

#partnerships .cols img {
	float: right;
	margin: 0 10px;
}

#partnerships p {
	margin-bottom: .5em;
}

#partnerships .cols a {
	font-size:  85%;
	font-weight: bold;
}

.interior img {
	float: right;
	margin-left: 10px;	
}

/* @end */

/* @group Footer */
#footer {
  padding: 13px 6px 0 21px;
  font-size: 85%;
}

#footer p {
  margin: 0 0 3px;
  color: #666;
}

#footer p a {
  color: #666;
  text-decoration: none;
}

#footer p a:hover {
  text-decoration: underline;
}

#footer .nav {
	width: 100%;
}

#footer .nav, #footer .nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer .nav li {
  float: left;
  padding: 0 .5em;
  border-left: 1px solid #949468;
}

#footer .nav li.first {
  border: none;
  padding-left: 0;
}

/* @end */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */