@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; margin:0; padding:0; }
  
  /* (en) reset monospaced elements to font size 16px in Gecko browsers */
  /* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 75.00%; 
    color: #333333;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-family: Helvetica, Verdana, Arial, sans-serif; 
  	font-weight:bold; 
  	margin: 0.8em 0.25em 0.25em 0; 
  }

/* COLORS: red = #E31A22, dark purple = #56017A, lilac = #9973B1 */
  h1 { font-size: 200%; color: #56017A;  }                        /* 24px */
  h2 { font-size: 166.67%; color:#E31A22;}          /* 20px */
  h3 { font-size: 150%; color:#56017A; }                        /* 18px */
  h4 { font-size: 133.33%; color:#E31A22; }                     /* 16px */
  h5 { font-size: 116.67%; color:#9973B1; }                     /* 16px */
  h5.faq {color:#E31A22}
  h6 { font-size: 116.67%; color:#56017A; font-style:italic;}                     /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; }
 

  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  ul.purple {color:#56017A;}
  ul.purple span {color:#333333;}
  li { margin-left: 1.5em; margin-bottom:1em; line-height: 1.5em }

  dl, dt {margin:0; padding:0;}
  dt { font-weight: bold; color:#56017a; }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold; color:#56017A; }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #8759A2 ; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#56017A;/* medium purple; light purple = #9973B1 */ text-decoration:underline;}
  
/*  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;} 
  
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;} */

  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }
  table.datatable {margin-bottom: 1em;}
  table.datatable td {padding:0.5em; vertical-align:top}

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #56017A;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
  
  
  
  
/* HEADER */

#header {padding-top: 20px;}
#header #homelink, #header #homelink a {margin: 0 0 0 8px; padding-top:0px; width:232px; height:98px;}
#header #homelink a {margin: 0}
#header #homelink a:hover, #header #homelink a:active, #header #homelink a:focus {text-decoration:none; background-position:0 -98px; }
#header #homelink u{
		line-height: 0em;
	font-size: 4pt;
	visibility: hidden;
	} 	
	
#header #homelink, #header #homelink a{ background-image: url(../../images/header_homelink.gif); background-repeat:no-repeat; }
#header div.spc12 {height:12px;}

#header #logo {width:216px; height:98px; float:left; margin-left:24px;}
  
#header ul{
	padding: 0px;
	list-style: none;
	margin: 80px 9px 0 0;
	float:right;
	height:10px;
}

#header li{
	height: 10px;
	float:left;
	margin: 0px;
	padding: 0px; 
	background-position: 0 0;
	line-height:0;
}

#header a{
		display: block;
		height: 10px;
		padding: 0px; 
		background-position: 0px 0px; 
	}
	
	#header a:hover, #header a:active, #header a:focus {
		text-decoration:none;
		background-position: 0 -14px; 
	}
	#header .sel li, #header .sel a{ text-decoration: none; background-position: 0 -14px; }
	
	#header u{
		line-height: 0em;
	font-size: 4pt;
	visibility: hidden;
	} 
	
#header #donate, #header #donate a{ background-image: url(../../images/header_donate.gif); background-repeat:no-repeat; width: 74px; }
#header #volunteer, #header #volunteer a{ background-image: url(../../images/header_volunteer.gif); background-repeat:no-repeat; width: 95px; }
#header #speak, #header #speak a{ background-image: url(../../images/header_speak.gif); background-repeat:no-repeat; width: 86px; }


/* FOOTER */

#footer #curve { height:85px; padding:0; margin:0; }
#footer #curve_home { height:85px; padding:0; margin:0; background-image:url(../../images/footer_home_a.jpg) }

#footer #sponsors {padding:10px; margin:0; vertical-align:middle; background-color:#FFFFFF;}
#footer #sponsors p{ text-align:center; padding:0; margin:0}
#footer #sponsors span {vertical-align: middle; color:#6E2A8D; }
#footer #sponsors img {border:0; vertical-align:middle; margin:0; padding:3px; }

#footer #bottom {
background-color:#E31A22;
color:#FFFFFF;
padding:10px;}
#footer #bottom .osiris {float:right;}
#footer #bottom a{color:#FFFFFF;}




/* LEFTNAV */

#leftnav {margin:0; padding:0;}

#leftnav img {margin: 0 6px 6px 6px; padding:0; border:0; }

#leftnav_home {height: 430px; margin:0; padding:0; background:url(../../images/ln_home_a.jpg) bottom left no-repeat; }

#wwd {
padding:0;
margin:6px;
height:212px;
width:194px;
background: url(../../images/nav_wwd_bg.gif) top left no-repeat;
}


#wwd ul{
	padding: 58px 0 0 17px; /* this keeps the bg in place on Ff; if padding-top=0 and margin-top=45px then the bg slides down to align with the top of ul */
	margin: 0 ;
}

#wwd li{
	height: 10px;
	list-style-type:none;
	margin-bottom: 18px;
	margin-left:0px;
	padding: 0px;
}

#wwd a{
		height: 10px;
		display: block; 
	}
	
	#wwd a:hover, #wwd a:focus, #wwd a:active {
		text-decoration:none;
		background-position: -161px 0;
	}
	
	#wwd .sel li, #wwd .sel a{ background-position: -161px 0; }
	
	#wwd u{
		line-height: 0em;
	font-size: 4pt;
	visibility: hidden;
	} 
	
#wwd #kids a{ background-image: url(../../images/nav_wwd_kids.gif); width: 161px;}
#wwd #parents a{ background-image: url(../../images/nav_wwd_par.gif); width: 161px;}
#wwd #families a{ background-image: url(../../images/nav_wwd_fam.gif); width: 161px;}
#wwd #caregivers a{ background-image: url(../../images/nav_wwd_care.gif); width: 161px;}





/* RIGHT NAV */

#rightnav {margin:0; padding:0;}

#wwa {
padding:0;
margin:6px 6px 0 6px;
height:222px;
width:194px;
background: url(../../images/nav_wwa_bg_2.gif) top left no-repeat;

}


#wwa ul{
	padding: 50px 0 0 15px;
	margin:0;
}

#wwa li{
	height: 10px;
	line-height:10px;
	list-style-type:none;
	margin-bottom: 16px;
	padding: 0px;
	margin-left:0px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#wwa a{
		height: 10px;
		display: block; 
		width:173px;
		background-repeat:no-repeat;
	}
	
#wwa a:hover, #wwa a:focus, #wwa a:active {
		text-decoration:none;
		background-position: -173px 0;
	}
	
#wwa .sel li, #wwa .sel a{text-decoration:none; background-position: -173px 0; }
	
#wwa u{
		line-height: 0em;
	font-size: 4pt;
	visibility: hidden;
	} 
	
#wwa #exist a {background-image:url(../../images/nav_wwa_exist.gif); width: 173px;}
#wwa #about a {background-image:url(../../images/nav_wwa_about.gif); width: 173px;}
#wwa #team a {background-image:url(../../images/nav_wwa_team.gif); width: 173px;}
#wwa #supporters a {background-image:url(../../images/nav_wwa_supp.gif); width: 173px;}
#wwa #natrep a {background-image:url(../../images/nav_wwa_natrep.gif); width: 173px; height:24px; margin-bottom:8px}
	#wwa #natrep { height:24px; margin-bottom:8px;}
#wwa #pittsburgh a {background-image:url(../../images/nav_wwa_pittsburgh.gif); width:173px; height:13px; margin-bottom:4px;}
	#wwa #pittsburgh { height:13px; margin-bottom:4px;}
#wwa #louisville a {background-image:url(../../images/nav_wwa_louisville.gif); width:173px; height:13px; }


#wn {margin:0 6px; padding:0; background:url(../../images/nav_wn_bg.gif) no-repeat top left; width: 194px; height:100px; }

#wn ul {padding: 38px 0 0 30px; margin:0; color: #56017A;}

#wn ul a {display:block; line-height: 14px; color: #56017A;}

#wn ul a:hover, #wn ul a:focus, #wn ul a:active {text-decoration:underline;}

#wn li {margin-left: 0px; margin-bottom:8px; line-height: 14px;}


#rightbot {margin:0 6px; padding:0; background:url(../../images/nav_rightbot_bg.gif) no-repeat top left; width: 194px; height:100px; }

#rightbot ul {	padding: 16px 0 0 15px;
	margin:0;}

#rightbot li {padding:0px; list-style-type:none;  line-height:10px; height:10px; margin-bottom:14px; margin-left: 0px; width:173px; background-position:0 0;}

#rightbot a {display:block; height: 10px; background-position:0 0; width: 170px;}

#rightbot a:hover, #rightbot a:focus, #rightbot a:active, #rightbot .sel li, #rightbot .sel a{text-decoration: none; background-position: -171px 0; width: 175px; }

#rightbot u {line-height: 0em; font-size: 4pt; visibility: hidden;}

#rightbot #news a {background-image:url(../../images/nav_rightbot_news.gif);}
#rightbot #calendar a {background-image:url(../../images/nav_rightbot_cal.gif); }
#rightbot #resources a {background-image:url(../../images/nav_rightbot_resources.gif);}
#rightbot #contact a {background-image:url(../../images/nav_rightbot_contact.gif); }


/* COLUMN 1 CONTENT */

p.hometext {font-size:12px; margin: 1em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#56017a;}

#sub-header, #sub-header img {margin:0 0 0 1px; padding:0 0 4px 0; height:47px; width:385px; border:0; }

#maincontent {margin:0; padding:12px 10px 12px 20px; position:relative;}

#biotitle h6 {padding-top: .8em; font-style:normal;}
#biotitle span {padding-left: 2px; color:#9973B1; font-style:italic; font-weight:normal; font-size:12px;}

#homeflash {margin:0; padding:0 3px auto 3px;}

#faq ul {margin:0; padding-top:6px; padding-bottom:6px; list-style:none; }

#faq li {margin:0; padding:0 0 12px 0;}
#faq li.short {margin:0; padding:0;}

#pagemenu a.sel {color:#E31A22; font-weight:bold; padding-bottom:4px;}


form {margin-left:2em;}
form div.formentry {width:300px; margin: 10px 0;}
form div label {width: 110px; float:left; display:block; margin:3px 0; padding:3px 4px; text-align:right; clear:left;}
form div input {width: 170px; float:right; display:inline; margin:3px 0; padding:1px 3px;}
form div.submit {margin-left:125px;}
form div.submit input {width:100px; float:left; clear:left; margin:2px 0;}

/*JOSH ADD*/
#footer #sponsors img.socialnetworking{
	margin: 0;
	padding: 0;
}

/*JOSH ADD*/
#footer #sponsors #last_socialnetworking{
	margin-right: 10px;
}

/*JOSH ADD*/
#mardigrasbutton{
	width:220px; 
	height:112px; 
	overflow:hidden;
	background-image:url(../../images/mardigras.gif);
	behavior: url(css/patches/iepngfix.htc);
	display:block;
	position:absolute;
	top: 150px;
	left: 70px;
	_left: 50px;
}

a#mardigrasbutton:link, a#mardigrasbutton:visited{
	background-position:0px 0px;
}

a#mardigrasbutton:hover, a#mardigrasbutton:focus, a#mardigrasbutton:active{
	background-position:-220px 0px;
	
}

/* MAKE SURE THIS LAST BRACKET IS HERE! */
 }