/*
+-------------------------------------------------------------------------+
Title:		Base Styles
Author:		Olivia Blonde, University Marketing Communications
Client:		PFP
Version:	1.5
Copyright:	2008 - University of Pittsburgh
Updated:	Sept, 2008
+-------------------------------------------------------------------------+

+-- CONTENTS -------------------------------------------------------------+
- Body Styles
- Containers
+-------------------------------------------------------------------------+
*/

/* ----------------------------------------------------------------------- */
/* BODY STYLES ----------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

body {
	line-height: 1.7em;
	background: #dbd9cc;
	color: #000;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: center;}
	
.clear {
	clear: both;
	padding: 0; margin: 0;
	height: 1px; width: 100%;
	font-size: 0px;}

.hideme {display: none;}

img.bio-left { float:left; margin-right:15px;}
td.bio { padding-top:10px;padding-left:10px;padding-bottom:10px;}
	
/* --------------------------------------------------------------------------- */
/* CONTAINERS --------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#wrapper	{
	width: 960px;
	font-size: 62.5%;  /*sets a base of 10 */	
	text-align: left;
	margin: 0 auto;
	position: relative;
	background: #FFF;
	color:#666;
	padding-bottom: 30px;}
	
/* ------------------------------------------------------------------------ */
/* PITT HEADER ----------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#pitt-header {
	height: 49px;
	border-bottom: 1px solid #CCCCCC;}
	
	#p-link {
	display: block;	
	width: 2268px;
	height: 49px;
	background: url(../images/shared/pittbar/pitt.gif) top right no-repeat;
	margin-left: -2000px;}

#pitt-links {list-style-type: none;}
#pitt-links li {position: absolute; top:18px; height: 18px; overflow: hidden;}

#p-home {right:73px; width:56px;}
#p-find {right:8px; width:65px;}

#pitt-links a {
	display: block; 
	height: 18px; 
	margin-left: -2000px; 
	background-position: top right; 
	background-repeat:no-repeat;}
	
#p-home a {width:2056px; background-image: url(../images/shared/pittbar/p-home.gif);} 
#p-find a {width:2065px; background-image: url(../images/shared/pittbar/p-find.gif);} 

/* ---------------------------------------------------------------------------- */
/* SITE HEADER --------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* HOME PAGE --------------------------- */
#headerhome {position: relative; width: 960px; height: 350px;}
	.one {background: #FFF  url(../images/home/headers_logoonly.jpg) top left no-repeat;}
	.two {background: #FFF url(../images/home/headers_logoonly.jpg) top left no-repeat;}
	.three {background: #FFF url(../images/home/headers_logoonly.jpg) top left no-repeat;}
	.four {background: #FFF url(../images/home/headers_logoonly.jpg) top left no-repeat;}
	.five {background: #FFF url(../images/home/headers_logoonly.jpg) top left no-repeat;}

#headerhome h1 a{
	position: absolute;
	width: 433px;
	height: 42px;
	top: 55px;
	left: 24px;
	text-indent: -5000px;
	background: #a391c5 url(../images/home/sitename_home.jpg) no-repeat;}
	
#headerhome p#tagline 
{position: absolute; top:100px; left:24px; font-size: 16px; color: #cadbfd; font-weight:800;}

#headerhome p#intro {
	position: absolute; top:156px; left:24px; width:430px; height: 75px; 
	font-size: 14px; color: #FFF; font-weight:300; line-height:17px; font-style:italic;}

/* INTERIOR PAGES ------------------------- */
#header {position: relative; width: 960px; height: 215px;}
	
	.generic, .about, .families, .counslers {height: 215px;}
	.generic {background: #a391c5 url(../images/shared/header/header_logoonly.jpg) top left no-repeat;}
	.about {background: #a391c5 url(../images/shared/header/header_logoonly.jpg) top left no-repeat;}
	.families {background: #a391c5 url(../images/shared/header/header_logoonly.jpg) top left no-repeat;}
	.counslers {background: #a391c5 url(../images/shared/header/header_logoonly.jpg) top left no-repeat;}

#header h1 a{
	position: absolute;
	width: 400px;
	height: 35px;
	top: 55px;
	left: 24px;
	text-indent: -5000px;
	background: #a391c5 url(../images/shared/sitename.jpg);}

#header p#tagline 
{position: absolute; top:90px; left:24px; font-size: 14px; color: #cadbfd; font-weight:800;}

/* ------------------------------------------------------------------------- */
/* MAIN NAV --------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

/* HOME PAGE NAV ---------------------------- */

#mainnavhome 	{
	
	left: 0px;
	width: 936px;
	padding-left: 0px;
	display:inline;}
	
	#mainnavhome .left, #mainnavhome .middle, #mainnavhome .right {
	float:left;
	margin-bottom:20px;
	margin-left:18px;
	width:195px;}
	

#navabout, #navfamilies, #navcounslers
{width: 195px; position:relative; display:block;}
		
		#navabout
		{background: #99e2fb url(../images/home/bottom_home_about.jpg) bottom left no-repeat;
		min-height:300px;}
		#navfamilies
		{background: #daea9b url(../images/home/bottom_home_families.jpg) bottom left no-repeat;
		min-height:300px;}
		#navcounslers {top: 33px; padding-top: 1px;
		background: #f4e989 url(../images/home/bottom_home_counslers.jpg) bottom left no-repeat;
		min-height:269px;}

#navabout h2, #navfamilies h2, #counslerstitle h2
{margin: 0px; padding: 20px 0px 10px 0px;} 
		
		#navabout h2 a:link, #navabout h2 a:visited, #navabout h2 a:hover, #navabout h2 a:active
		{background:url(../images/home/tab_home_about.jpg) top left no-repeat #49c3ed;
		width:195px; height: 33px; position: absolute; left: 0px; top: 0px; text-indent: -5000px;}
		
		#navfamilies h2 a:link, #navfamilies h2 a:visited, #navfamilies h2 a:hover, #navfamilies h2 a:active
		{background:url(../images/home/tab_home_families.jpg) top left no-repeat;
		width:195px; height: 33px; position: absolute; left: 0px; top: 0px; text-indent: -5000px;}
		
		/*(Counsler h2 is treated a little differently. . . .)*/
		#counslerstab h2 a:link, #counslerstab h2 a:visited, #counslerstab h2 a:hover, #counslerstab h2 a:active
		{background:url(../images/home/tab_home_counslers.gif) top left no-repeat;
		width:195px; height: 33px; position: absolute; left: 444px; top: 0px; text-indent: -5000px;}

#navabout ul, #navfamilies ul, #navcounslers ul
{padding: 0px 20px 20px 20px; font-size:1.4em;}
#navabout ul, #navfamilies ul {margin: 10px 0 0 0;}
#navcounslers ul {margin: 6px 0 0 0;}
		
		#navabout ul {color: #295b96;}
			#navabout li {background: url(../images/shared/subnav/arrows_about.jpg) 0px 10px no-repeat;}
			#navabout li a{color: #295b96; text-decoration:none; padding-left:15px;}
			#navabout li a:visited{text-decoration:none;}
			#navabout li a:hover {font-weight:bold;}
			#navabout li a:active{text-decoration:none;}
			
		#navfamilies ul {color: #617219;}
			#navfamilies li {background: url(../images/shared/subnav/arrows_families.jpg) 0px 10px no-repeat;}
			#navfamilies li a{color: #617219; text-decoration:none; padding-left:15px;}
			#navfamilies li a:visited{text-decoration:none;}
			#navfamilies li a:hover {font-weight:bold;}
			#navfamilies li a:active {text-decoration:none;}
		
		#navcounslers ul{color: #8e821c;}
			#navcounslers li {background: url(../images/shared/subnav/arrows_counslers.jpg) 0px 10px no-repeat;}
			#navcounslers li a{color: #8e821c; text-decoration:none; padding-left:15px;}
			#navcounslers li a:visited{text-decoration:none;}
			#navcounslers li a:hover{font-weight:bold;}
			#navcounslers li a:active {text-decoration:none;}
		
/* INTERIOR PAGES NAV ----------------------- */
ul#mainnav 	{
	position:absolute;
	top: 152px; left: 24px;
	display: block;
	width: 552px; height: 63px;
	list-style: none;
	padding-left: 0px; margin-left: 0px;} 

	ul#mainav a {display: block;}
	
	li#home a:link, li#home a:visited, li#home a:hover, li#home a:active
	{background:url(../images/shared/home.jpg) top left no-repeat; 
	width:57px; height: 13px; position: absolute; left: 0px; top: 10px; text-indent: -5000px;}
	
		li#homeinabout a:link, li#homeinabout a:visited, li#homeinabout a:hover, li#homeinabout a:active
		{background:url(../images/shared/home.jpg) top left no-repeat; 
		width:57px; height: 13px; position: absolute; left: 0px; top: 0px; text-indent: -5000px;}
	
	li#about a:link, li#about a:visited, li#about a:hover, li#about a:active
	{background:url(../images/shared/tab_about.jpg) top left no-repeat #49c3ed; 
	width:180px; height: 33px; position: absolute; left: 0px; top: 30px; text-indent: -5000px;}
	
		li#abouton a:link, li#abouton a:visited, li#abouton a:hover, li#abouton a:active
		{background:url(../images/shared/tab_about.jpg) top left no-repeat #49c3ed; 
		width:180px; height: 43px; position: absolute; left: 0px; top: 20px; text-indent: -5000px;}
	
	li#families a:link, li#families a:visited, li#families a:hover, li#families a:active
	{background:url(../images/shared/tab_families.jpg) top left no-repeat; 
	width:180px; height: 33px; position: absolute; left: 187px; top: 30px; text-indent: -5000px;}
	
		li#familieson a:link, li#familieson a:visited, li#familieson a:hover, li#familieson a:active
		{background:url(../images/shared/tab_families.jpg) top left no-repeat #afcc3a; 
		width:180px; height: 43px; position: absolute; left: 187px; top: 20px; text-indent: -5000px;}
	
	li#counslers a:link, li#counslers a:visited, li#counslers a:hover, li#counslers a:active
	{background:url(../images/shared/tab_counslers.jpg) top left no-repeat; 
	width:180px; height: 33px; position: absolute; left: 374px; top: 30px; text-indent: -5000px;}
	
		li#counslerson a:link, li#counslerson a:visited, li#counslerson a:hover, li#counslerson a:active
		{background:url(../images/shared/tab_counslers.jpg) top left no-repeat #e5d236; 
		width:180px; height: 43px; position: absolute; left: 374px; top: 20px; text-indent: -5000px;}
	
/* --------------------------------------------------------------------------- */
/* MAIN AREA ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

/* HOME PAGE ----------------------- */
#mainareahome	{
	width: 960px;
	position: relative;
	top: -33px;}

#homebottom {
	position:relative;
	margin-top: 20px;
	margin-left:24px;
	width: 910px;
	height: 30px;
	background:#FFF;
	margin-top: 15px;}
	
	#pagesbottom {
	position:relative;
	margin-left:24px;
	width: 910px;
	background:#FFF;
	margin-top: 0px;}
	
	#drupalpagesbottom {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 30px;
    margin-left: 24px;
    margin-top: 0;
    position: relative;
    width: 910px;
}

/* INTERIOR PAGES ------------------ */
#mainarea	{
	width: 960px;
	position: relative;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#FFF;
	font-size: 1.4em;
	line-height: normal;
}

/* SIDE COLUMN ------------------------------------ */
/* ----------------------------------------------- */

/* HOME PAGE ----------------------- */

/* Contact Info ------- */

#mainareahome #contactinfo {width: 250px; color: #878787; position: absolute; top: 135px; left:660px; }
#mainareahome #contactinfo h3 {font-size: 22px; font-weight:400; padding-bottom: 10px;}
#mainareahome #contactinfo p {font-size:1.4em; line-height:20px;}
#mainareahome .phonenumber {font-size: 20px;}
#contactinfo .email {color:#3366aa; font-size: 16px;}
	#contactinfo .email a {text-decoration:none;}
	#contactinfo .email a:hover {text-decoration:underline;}
	#contactinfo .email a:visited, #contactinfo .email a:active {text-decoration:none;}

/* E-Newsletter ------- */	

#mainareahome #enews {
	position: absolute; top: 45px; left:660px;
	width: 250px;
	background: #fadba0 url(../images/home/bottom_home_enews.jpg) bottom left no-repeat;}
	
	#mainareahome #enews h3 {
	background: url(../images/home/top_home_enews.jpg) top left no-repeat; 
	color:#c2950b; font-size:16px; 
	margin: 0px; padding: 20px 10px 0px 14px;}

	#mainareahome #enews h3 a {color:#c2950b; text-decoration:none;}
	#mainareahome #enews h3 a:hover {color:#97732f; text-decoration: none;}
	#mainareahome #enews h3 a:visited, #enews h3 a:active {color:#c2950b; text-decoration:none;}



/* INTERIOR PAGES ------------------ */
.sidecolumn	{
	float:right; 
	width: 215px;
	margin-right: 24px;
	padding-bottom: 20px;
	background:#FFF;}

/* Subnav ------------ */	
	#subnavgeneric, #subnavabout, #subnavfamilies, #subnavcounslers {
	width: 215px; min-height: 50px;}
	
	#subnavcounslers {
		margin-bottom:20px;
		margin-top:20px;
	}
	
		#subnavgeneric 
		{background: #d1c2ed url(../images/shared/subnav/bottom_generic.jpg) bottom left no-repeat;}
		#subnavabout 
		{background: #99e2fb url(../images/shared/subnav/bottom_about.jpg) bottom left no-repeat;}
		#subnavfamilies 
		{background: #daea9b url(../images/shared/subnav/bottom_families.jpg) bottom left no-repeat;}
		#subnavcounslers 
		{background: #f4e989 url(../images/shared/subnav/bottom_counslers.jpg) bottom left no-repeat;}
	
	#subnavgeneric h2, #subnavabout h2, #subnavfamilies h2, #subnavcounslers h2 { 
	font-size:1.5em; line-height:1em; margin: 0px; padding: 20px 20px 10px 20px;} 
		
		#subnavgeneric h2
		{color:#655d75; background: #d1c2ed url(../images/shared/subnav/top_generic.jpg) top left no-repeat;}
		#subnavabout h2
		{color: #3597b9; background: #99e2fb url(../images/shared/subnav/top_about.jpg) top left no-repeat;}
		#subnavfamilies h2
		{color: #7f9524; background: #daea9b url(../images/shared/subnav/top_families.jpg) top left no-repeat;}
		#subnavcounslers h2
		{color: #b8a928; background: #f4e989 url(../images/shared/subnav/top_counslers.jpg) top left no-repeat;}
	
	#subnavgeneric ul, #subnavabout ul, #subnavfamilies ul, #subnavcounslers ul 
	{margin-left: 15px; padding: 0px 20px 20px 8px; font-size:1.1em;}
		
		/*#subnavgeneric ul
		{list-style-image: url(../images/shared/subnav/arrows_generic.jpg);}
		#subnavabout ul
		{list-style-image: url(../images/shared/subnav/arrows_about.jpg);}
		#subnavfamilies ul
		{list-style-image: url(../images/shared/subnav/arrows_families.jpg);}
		#subnavcounslers ul
		{background: url(../images/shared/subnav/arrows_counslers.jpg) top left no-repeat;}*/
	
	#subnavgeneric ul li, #subnavabout ul li, #subnavfamilies ul li, #subnavcounslers ul li 
	{margin: 0 0 6px; padding: 0px 0px 0px 0px;}
	
		#subnavgeneric ul li {background: url(../images/shared/subnav/arrows_generic.jpg) 0px 8px no-repeat;}
		#subnavgeneric ul li a {color: #655d75;text-decoration: none; padding-left:15px;}
		#subnavgeneric ul li a:visited {text-decoration: none;}
		#subnavgeneric ul li a:hover {font-weight:bold;}
		#subnavabout ul li a:active {text-decoration: none;}
		
		#subnavabout ul li {background: url(../images/shared/subnav/arrows_about.jpg) 0px 8px no-repeat;}
		#subnavabout ul li a {color: #295b96; text-decoration: none; padding-left:15px;}
		#subnavabout ul li a:visited {text-decoration: none;}
		#subnavabout ul li a:hover {font-weight:bold;}
		#subnavabout ul li a:active {text-decoration: none;}
		
		#subnavfamilies ul li {background: url(../images/shared/subnav/arrows_families.jpg) 0px 8px no-repeat;}
		#subnavfamilies ul li a {color: #617219; text-decoration: none; padding-left:15px;}
		#subnavfamilies ul li a:visited {text-decoration: none;}
		#subnavfamilies ul li a:hover {font-weight:bold;}
		#subnavfamilies ul li a:active {text-decoration: none;}
		
		#subnavcounslers ul li {background: url(../images/shared/subnav/arrows_counslers.jpg) 0px 8px no-repeat;}
		#subnavcounslers ul li a {color: #8e821c; text-decoration: none; padding-left:15px;}
		#subnavcounslers ul li a:visited {text-decoration: none;}
		#subnavcounslers ul li a:hover {font-weight:bold;}
		#subnavcounslers ul li a:active {text-decoration: none;}

/* E-Newsletter ------- */
	
	#enews {
	position: relative; top: 10px;
	width: 215px; min-height: 63px;
	background: #fadba0 url(../images/shared/sidecolumn/bottom_enews.jpg) bottom left no-repeat;}
	
	#enews h3 {
	background: url(../images/shared/sidecolumn/top_enews.jpg) top left no-repeat; 
	color:#c2950b; font-size:1.3em; line-height: 1.2em;
	margin: 0px; padding: 10px 20px 10px 20px;}

	#enews h3 a {color:#c2950b; text-decoration:none;}
	#enews h3 a:hover {color:#97732f; text-decoration: none;}
	#enews h3 a:visited, #enews h3 a:active {color:#c2950b; text-decoration:none;}
	
/* Contact Info ------- */

	#contactinfo {width: 215px; color: #878787; position: relative; top: 10px; margin-bottom:50px; }
	#contactinfo h3 {font-size: 1.5em; font-weight:400; padding: 0px 0px 10px 0px;}
	#contactinfo p {font-size:14px; padding-bottom: 10px; line-height:19px;}
	.phonenumber {font-size: 1.8em;}
	#contactinfo .email {color:#3366aa; font-size: 14px; line-height:1em}
		#contactinfo .email a {text-decoration:none;}
		#contactinfo .email a:hover {text-decoration:underline;}
		#contactinfo .email a:visited, #contactinfo .email a:active {text-decoration:none;}
	
	img.logo {margin-top: 70px;}
	
/* CONTENT AREA (All interior and bottom of home) ------------------------------------ */

#content, #aboutcontent, 
#familiescontent, #counslerscontent {
	float: left;
	width: 650px; 
	margin-left: 24px;
	margin-bottom: 30px;
	background:#f9f9f0;
	min-height:400px;}

    .inner{padding: 35px 35px 30px 35px;}  

	#homebottom h2, #content h2, #aboutcontent h2, #familiescontent h2, #counslerscontent h2 
	{font-size: 2.3em; padding: 0px 0 20px 0;}
		#homebottom h2, #content h2 {color:#a28cc1;} /* purple */
		#aboutcontent h2 {color:#3ba4c8;} /* cyan/blue */
		#familiescontent h2 {color:#9eb931;} /* green */
		#counslerscontent h2{color:#cebd2d;} /* yellow */
		
	#homebottom h3, #content h3, #aboutcontent h3, #familiescontent h3, #counslerscontent h3 
	{color:#a28cc1; font-size: 1.8em; padding:10px 0 15px 0;}
	
	#homebottom h4, #content h4, #aboutcontent h4, #familiescontent h4, #counslerscontent h4 
	{color:#a28cc1; font-size: 1.5em; padding:10px 0 15px 0;}
	
	#homebottom p, #content p, #aboutcontent p, #familiescontent p, #counslerscontent p 
	{padding: 0 0 15px 0px;}
	
	#content ul, #aboutcontent ul, 
	#familiescontent ul, #counslerscontent ul 
	{list-style-type:square; margin-left:25px; margin-bottom: 20px;}
	
	#content table th, #aboutcontent table th, 
	#familiescontent table th, #counslerscontent table th{
	border-top: 2px #a28cc1 solid;
	border-bottom: 2px #a28cc1 solid;
	color: #a28cc1;
	background-color:#F0f0f0;
	font-weight: bold;
	vertical-align:bottom;
	text-align:left;
	padding: 10px 0 10px 0;}
	
	#content table td, #aboutcontent table td, 
	#familiescontent table td, #counslerscontent table td
	{height: 30px;}
	
	#content table tr.alt, #aboutcontent table tr.alt, 
	#familiescontent table tr.alt, #counslerscontent table tr.alt
	{background-color:#F0f0f0;}
	
	strong {font-weight:bold}
	.floatright	{float: right; padding:0px 0px 15px 20px;}
	.floatleft	{float: left; padding:0px 15px 0px 0px;}
	
	a {text-decoration: underline; color:#295b96;}
	a:hover, a:visited, a:active {text-decoration: underline; color:#295b96;}

/* ----------------------------------------------------------------------- */
/* FOOTER ---------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */

#footer {
	color:#333;
	font-size:12px;
	margin:10px auto 0pt;
	text-align:left;
	width:960px;}


/* Contact Footer
----------------------------------------------------------------------- */

.contact{ background: url(../images/shared/partnershipsfooter-trans.png)  no-repeat; height:114px; width:900px;margin-top:0px;margin-left: -5px;}

.contact .contact-email-phone{	
    font-size:12px;
	padding: 20px 0;
	margin:0;
	width:300px;
	float:left;
	clear:none;
    }

.contact .contact-email-phone p{ font-size:13px;margin:0;line-height:16px;color:#666666;padding-bottom:0px; }
.contact .contact-address{
	padding: 20px 20px 20px 235px;
	margin:0;
	width:270px;
	line-height:1.1;
	float:left;
	clear:none; 
  }
.contact  .contact-address p{font-family:Verdana, Geneva, sans-serif; font-size:12px;color:#666666;line-height:16px;}