/*
 * Colors:
 *  Foreground: #d0cb90;
 *  Background: #e2e0bd;
 */

a		{color: #222; text-decoration: none;}
a:hover, a:active {color: #444;}
body		{text-align: center; padding: 0px; margin: 0px;}
div		{margin: 0px; padding: 0px;}
h3		{padding: 0px; margin: 0px;}
img		{padding: 0px; margin: 0px; border: none;}
table		{margin: 0px; padding: 0px;}
#column		{margin: 0.5em auto; width: 744px; background: #e2e0bd; text-align: left;}

#header		{background: url("images/hometop.gif") no-repeat; width: 744px; height: 171px;}
#header h1	{display: none;}

#title-bar	{width: 744px; height: 62px; clear: both;}
#title-bar h2	{display: none;}
.title-contact		{background: url("images/contactitle.gif") no-repeat;}
.title-staff		{background: url("images/stafftitle.gif") no-repeat;}
.title-cca		{background: url("images/spirititle.gif") no-repeat;}
.title-education	{background: url("images/edutitle.gif") no-repeat;}
.title-news		{background: url("images/newstitle.gif") no-repeat;}
.title-counseling	{background: url("images/countitle.gif") no-repeat;}
.title-home		{background: url("images/hometitle.gif") no-repeat;}

#menu ul	{padding: 0px 4px; margin: 0px; list-style: none;}
#menu li	{float: left; padding: 0px; margin: 0px;}
#menu a		{width: 105px; height: 36px; display: block;}
#menu a span	{display: none;}
.home:link, .home:visited		{background: url("images/home-up.gif") no-repeat;}
.home:hover, .home:active		{background: url("images/home-over.gif") no-repeat;}
.counseling:link, .counseling:visited	{background: url("images/counseling-up.gif") no-repeat;}
.counseling:hover, .counseling:active	{background: url("images/counseling-over.gif") no-repeat;}
.news:link, .news:visited		{background: url("images/news-up.gif") no-repeat;}
.news:hover, .news:active		{background: url("images/news-over.gif") no-repeat;}
.education:link, .education:visited	{background: url("images/education-up.gif") no-repeat;}
.education:hover, .education:active	{background: url("images/education-over.gif") no-repeat;}
.cca:link, .cca:visited			{background: url("images/cca-up.gif") no-repeat;}
.cca:hover, .cca:active			{background: url("images/cca-over.gif") no-repeat;}
.staff:link, .staff:visited		{background: url("images/staff-up.gif") no-repeat;}
.staff:hover, .staff:active		{background: url("images/staff-over.gif") no-repeat;}
.contact:link, .contact:visited		{background: url("images/contact-up.gif") no-repeat;}
.contact:hover, .contact:active		{background: url("images/contact-over.gif") no-repeat;}

#content	{background: url("images/bg.gif") repeat-y; padding: 0 55px 0 75px;}

.side-column	{width: 390px;}

.group-photo	{font-size: 13px; text-align: center; font-weight: bold;}
.photo		{float: right; width: 200px; height: 269px; margin: 0 0 20px 20px;}
.photo div	{width: 200px; height: 269px; background: url("images/frame.gif") no-repeat;}
.h-photo	{float: right; width: 269px; height: 200px; margin: 0 0 20px 20px;}
.h-photo div	{width: 269px; height: 200px; background: url("images/h-frame.gif") no-repeat;}
.brochure	{width: 200px; font-size: 13px; text-align: center; font-weight: bold; float: right; margin: 0 0 20px 20px; display: block;}

.staff-group			{position: relative; padding: 0px 200px 10px 0px; font-size: 13px;}
.staff-group b			{display: block; padding-top: 10px;}
.staff-group a			{display: block;}
.staff-group .photo		{float: none; position: absolute; top: 0px; right: 0px;}
.staff-group a:link		{border-bottom: #d0cb90 4px solid;}
.staff-group a:visited		{border-bottom: #d0cb90 4px solid;}
.staff-group a:hover		{border-bottom: #ececea 4px solid;}
.staff-group a:active		{border-bottom: #ececea 4px solid;}
.staff-group a:link .photo 	{display: none;}
.staff-group a:visited .photo 	{display: none;}
.staff-group a:hover .photo 	{display: block;}
.staff-group a:active .photo 	{display: block;}
* html .staff-group a:hover .photo 	{display: none;}
* html .staff-group a:active .photo 	{display: none;}
.staff-group2			{position: relative; padding: 0px 200px 10px 0px; font-size: 13px;}
.staff-group2 b			{display: block; padding-top: 10px;}
.staff-group2 a			{display: block;}
.staff-group2 .photo		{float: none; position: absolute; top: 0px; right: 0px;}
.staff-group2 a			{border-bottom: #d0cb90 4px solid;}
.staff-group2 a .photo	 	{display: none;}
.back2				{text-align: center;}

.bio                            {font-size: 13px; line-height: 1.5em; padding: 0 0 20px 0;}
.bio ul                         {}
.bio li                         {margin: 3px 0;}

.height-check	{clear: both;}

#footer		{background: url("images/bottom.gif") no-repeat; width: 744px; height: 121px;}
#footer span	{display: none;}

#alert		{font-size: 32px; color: #900; font-weight: bold; position: absolute; top: 200px; right: 20px;}