@charset "utf-8";
/* CSS Document */

body {
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	color: #333333;
}

.clear
{
	clear:both;
}

a
{
	text-decoration: none;
	color: #0000FF;
}

a:hover
{
	text-decoration: underline;
	color: #0000FF;
}

#subheadingText
{
	color: #0c1f78;
	font-weight: bold;
	margin:10px 0px 0px 0px;
	font-size:0.85em;
}



.subarticleHeading
{
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 0.9em;
	color: #003366;
}

#subarticleHeadingBlue
{
	font-size: .95em;
	color: #616998;
}

#subarticleHeadingRed
{
	font-size: 0.95em;
	color: #990000;
}


.generaltext
{
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 0.9em;
}

.generalDate
{
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 0.7em;
	color: #616998;
}

.mainArticleHeading
{
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 1.2em;
}

#page_container
{
	width:855px;
	margin-left:auto;
	margin-right:auto;	
}

#navcontainer
{
	width: 100%;
}

#navcontainer ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
	text-decoration: none;
	font-size: 0.9em;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	height: 28px;
	width: 116px;
	color: #000000;
}

#navcontainer li a:hover
{
	color: #FFFFFF;
	background-image: url(../images/buttons/topnav_btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


/*  SERVICES TABS */

#servicescontainer
{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 120px;
}

#servicescontainer ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-align: center;
}

#servicescontainer ul li
{ 
	float: left;
}

#servicescontainer ul li a
{
	text-decoration: none;
	font-size: 0.9em;
	float: left;
	margin: 0px 0px 0px 0px;
	height: 28px;
	width: 116px;
	padding: 8px 4px 5px 1px;
	font-family: "Lucida Sans Unicode";
	color: #000000;
	background-image: url(../images/tabs/services_tab.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}

#servicescontainer li a:hover
{
	color: #FFFFFF;
	background-image: url(../images/tabs/services_tab_active.gif);
	background-repeat: no-repeat;
	background-position: center top;
}



/* CLEAR */

#clear
{
	clear:both;

}

/* MAST HEAD CONTENT */

#masthead 
{
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0c1f78;
}

#flashleft
{
	float: left;
	width: 450px;
	height: 200px;
}

#logocontent
{
	float: left;
	width: 200px;
	height: 200px;
	background-color: #616998;
	text-align: center;

}

#logocontent #logo
{
	padding: 30px 0px 0px 0px;
}

#flashright
{
	float: left;
	width: 205;
	height: 200px;
}

/* CONTENT AREA */

#contentarea
{
	margin: 15px 0px 15px 0px;
}

#leftcontent
{
	width: 457px;
	float: left;
}

#rightcontent 
{
	width: 398px;
	float: left;
	margin: 25px 0px 0px 0px;	
	background-image: url(images/content_divider.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#articleright
{
	margin: 0px 0px 0px 15px;
}

#articleleft
{
	margin: 0px 15px 0px 0px;
}

/* FOOTER */

#footer
{
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #0c1f78;
}


#footernav
{
	margin: 0px 0px 0px 120px;
}

#footernav ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
text-align: center;
}

#footernav ul li { float: left; }

#footernav ul li a
{
	font-family: "Lucida Sans Unicode";
	text-decoration: none;
	font-size: 0.7em;
	color: #000000;	
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;	
	width: 80px;
}

#footernav li a:hover
{
	color: #0000FF;
	text-decoration: underline;
}

.picleft {
	float: left;
	padding: 0px 10px 5px 0px;
	text-align: center;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: .8em;
	color: #000099;
}


.picright {
	float: right;
	padding: 0px 0px 5px 10px;
	text-align: center;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: .8em;
	color: #000099;
}

#leftnavlinks {
	list-style-image: url(images/bullet_blue.gif);
}

#leftnav
{
	width: 200px;
	float: left;
}

#generalcontent 
{
	float: left;
	width: 605px;
	/*background-image: url(images/content_divider.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}

#articleContent {
	margin: 0px 0px 10px 0px;
	color: #333;
	font-size: 0.8em;
}

#articleContentWithDivider {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #616998;
	margin: 10px 0px 0px 0px;
	font-size: 0.8em;
}

#articleHeadersWithDivider {
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #616998;
	padding: 0px 0px 5px 0px;
	color: #000000;
}

#adoptionQuote {
	font-size: 1.1em;
	padding: 10px 10px 10px 10px;
	color: #000066;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}


#articleSubHeadersWithDivider {
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #616998;
	padding: 0px 0px 5px 0px;
	color: #0C1F78;
}

.leftnavHeading
{
	font-size: .9em;
	color: #ffffff;
	background-color:#616998; 
	padding:5px 5px 5px 5px;
}

.leftnavHeadingGrey
{
	font-size: .9em;
	color: #000;
	background-color:#eeeff0; 
	padding:5px 5px 5px 5px;
}

/*

QUOTE BLOCK - Used to create a rounded corner box around
the quotes

*/

.quoteBlock{display:block}

.quoteBlock *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#616998}
  
.quoteBlock1{
  margin: 0px 3px 0px 3px;
  padding: 0px 1px 0px 1px;
  border-left:1px solid #bbbed2;
  border-right:1px solid #bbbed2;
  background:#888eb1}
  
.quoteBlock2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eff0f4;
  border-right:1px solid #eff0f4;
  background:#7f85ab}
  
.quoteBlock3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #7f85ab;
  border-right:1px solid #7f85ab;}
  
.quoteBlock4{
  border-left:1px solid #bbbed2;
  border-right:1px solid #bbbed2}
  
.quoteBlock5{
  border-left:1px solid #888eb1;
  border-right:1px solid #888eb1}
  
.quoteBlockfg{
	background:#616998;
	font-size: 1.5em;
	font-style: italic;
	color: #FFFFFF;
	padding: 15px;
}


/*  
	TOP LEVEL NAVIGATION
	The CSS Below handles the highlighing of the
	Top Level Navigation.  The CSS uses the Body ID 
	to determine what link is active.
*/

body#home ul#navlist li#home_btn a,
/* ACTIVE: Who We Are */
body#who ul#navlist li#who_btn a,
/* ACTIVE: Volunteer */
body#volunteer ul#navlist li#vol_btn a,
/* ACTIVE: Services Active */
body#services ul#navlist li#services_btn a,
body#services_adoption ul#navlist li#services_btn a,
body#services_senior ul#navlist li#services_btn a,
body#services_counseling ul#navlist li#services_btn a,
body#services_children ul#navlist li#services_btn a,
body#services_community ul#navlist li#services_btn a,
body#services_holiday ul#navlist li#services_btn a,
/* ACTIVE: News */
body#news ul#navlist li#news_btn a,
body#vol ul#navlist li#vol_btn a,
body#contact ul#navlist li#contact_btn a{
	color: #FFFFFF;
	background-image: url(../images/buttons/topnav_btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/*  
	SERVICES TABS  
	The CSS below controls the tab state and what tab is active.
	It's based on the body tag ID.  Depending on what the ID is
	the tab will become active.
*/

body#services_adoption ul#serviceslist li#adoption_tab a,
body#services_senior ul#serviceslist li#senior_tab a,
body#services_resettlement ul#serviceslist li#resettlement_tab a,
body#services_holiday ul#serviceslist li#more_tab a,
body#services_children ul#serviceslist li#children_tab a,
body#services_counseling ul#serviceslist li#counseling_tab a
{
	color: #ffffff;
	background-image: url(../images/tabs/services_tab_active.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.staffTitles {
	padding: 4px 0px 4px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
}

.calContainer {
	background-image:url(../images/calendar.gif);
	width: 128px;
	height:128px;
}

#calPad {
	height:28px;
}

.calMonth {
	font-size: 1em;
	color: #FFFFFF;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.calDate {
	font-size: 3.5em;
	color: #000000;
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.eventTitle {
	font-size: 1.2em;
	color: #0C1F78;
	font-weight: bold;
}

.eventDate {
	font-weight: normal;
	color: #FF0000;
	font-size: .9em;
}

/*

ADOPTION QUOTE - 

Forms the rounded rectangle around the quote.

*/

.adoptQuote{display:block}

.adoptQuote *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eeeff0}
  
.adoptQuote1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f8f8;
  border-right:1px solid #f7f8f8;
  background:#f2f3f3}
  
.adoptQuote2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f2f2}
  
.adoptQuote3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f2f2;
  border-right:1px solid #f1f2f2;}
  
.adoptQuote4{
  border-left:1px solid #f7f8f8;
  border-right:1px solid #f7f8f8}
  
.adoptQuote5{
  border-left:1px solid #f2f3f3;
  border-right:1px solid #f2f3f3}
  
.adoptQuotefg{
  background:#eeeff0}

.textOver {
	padding-left: 130px;
}

.donationLeft {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	font-style: italic;
	padding: 5px 5px 5px 5px;
}