/**** Created 4/25/2009 Dick Wagner, www.WagnerDigital.com ********
	Site colors:
	Grey: #6c6f70
	Aqua: #00b3ab
	Cadium orange: #cc54oa
	Orange: #ec951a
******************************************************************/

@import url("reset-fonts-base.css");

html {
	background-image: url(../images/bgHTML.gif);
}
body {
	/*margin: 0px;*/
	text-align: center;
	color: #6c6f70;
	font-size: 13px;
	font-size: 13px;
	font-family: Georgia, serif;
	line-height: 20px;
}
h1 {
	display: none;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 40px;
	position: relative;
	top: 26px;
	line-height: 20px;
}
h3 {
	font-family: "Arial Black", sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #cc540a;
	letter-spacing: 1px;
	padding-top: 10px;
	font-weight: normal;
	margin-bottom: 0px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #00b3ab;
	margin-bottom: 0px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h6 {
	font-size: 13px;
	font-weight: bold;
	color: #00b3ab;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: -5px;
}
th, td {
	border:none;
	padding: 0;
}
ol, ul {
	top: -10px;
	position: relative;
	margin-bottom: 0px;
}
#container {
	background-image: url(../images/bgContainer.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	/*margin-top: 8px; **** set in reset-fonts-base.css ****/
	text-align: left;
	clear: both;
	position: relative;
	z-index: 1;
}
#container #address {
	top: 465px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	width: 100%;
	left: 0px;
}
#container a:link, #container a:visited,
#index #container #content a:link,
#index #container #content a:visited {
	text-decoration: none;
	color: #ffffff;
}
#container a:hover, /*** see also ul.MenuBarVertical a:hover in SpryMenuBarVertical.css ***/
#container a:active {
	color: #cd5a13;
	/*text-decoration: underline; **** temporarily disable ***/
}
a.MenuBarItemSubmenu:hover,
a.MenuBarItemSubmenu#aGrant:hover {  /*** underline on those menu items with sub-menus ***/
	background-image:url(../images/bgNavUnderlineOrange.jpg);
	background-position: 40px 16px;
	background-repeat: no-repeat;
}
a.MenuBarItemSubmenu#aDonate:hover {
	background-position: 44px 16px;
}
a.MenuBarItemSubmenu#aAbout:hover { 
	background-position: 68px 16px;
}	
#container ul ul li a:link,
#container ul ul li a:visited {
	text-decoration: none;
	color: #cd5a13;
	text-transform: none;
}
#container ul ul li a:hover,
#container a:active {
	color: #cd5a13;
	text-decoration: underline;
}

/************* begin navColumn styles *******************/

#container #navColumn {
	position: relative;
	width: 197px;
	float: left;
	background-image: url(../images/bgNavColumn.jpg);
	height: 575px;
	text-align: center;
	font-size: 9px;
	color: #ffffff;
	z-index: 11;
	background-position: -2px 20px;
}
#home #container #navColumn {
	background-image: url(../images/bgNavColumnHome.jpg)
}
#about #container #navColumn {
	background-image: url(../images/bgNavColumnAbout.jpg)
}
#donate #container #navColumn {
	background-image: url(../images/bgNavColumnDonate.jpg)
}
#professional #container #navColumn {
	background-image: url(../images/bgNavColumnProfessional.jpg)
}
#grant #container #navColumn {
	background-image: url(../images/bgNavColumnGrant.jpg)
}
#success #container #navColumn {
	background-image: url(../images/bgNavColumnSuccess.jpg)
}
#work #container #navColumn {
	background-image: url(../images/bgNavColumnWork.jpg)
}
#contact #container #navColumn {
	background-image: url(../images/bgNavColumnContact.jpg)
}
#educ #container #navColumn {
	background-image: url(../images/bgNavColumnEduc.jpg)
}
#container #navColumn #MenuBar1 {
	position: relative;
	width: 100%;
	top: 10px;
}
#home #container #navColumn #MenuBar1 a#aHome,
#about #container #navColumn #MenuBar1 a#aAbout,
#donate #container #navColumn #MenuBar1 a#aDonate,
#work #container #navColumn #MenuBar1 a#aWork,
#success #container #navColumn #MenuBar1 a#aSuccess,
#professional #container #navColumn #MenuBar1 a#aProfessional,
#grant #container #navColumn #MenuBar1 a#aGrant,
#educ #container #navColumn #MenuBar1 a#aEducation,
#contact #container #navColumn #MenuBar1 a#aContact {
	color: #cc540a;
	cursor: default;
	text-decoration: none;
}
#navColumn li   {
	list-style-type: none;
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 100%;
}
#navColumn li ul li {
	/*background-image: url(../images/navUnderlineOrange.gif);*/
	width: 230px;
}
#navColumn li.bottomLink  {
	background-image: none;
}

/******************* begin content styles ***************/

#container #content {
	position: relative;
	width: 520px;
	float: left;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom: 10px;
	z-index: 10;
}
#container #content .floatLeft {
	padding-right: 8px;
	padding-bottom: 4px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#container #content .floatRight {
	padding-bottom: 4px;
	padding-left: 8px;
	float: right;
}
#container #content table {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#container  #content  p  {
	text-indent: 2em;
	margin-bottom: 0px;
}
#container  #content  p.firstPara  {
	text-indent: 0em;
	padding-top: 0px;
}
#container #content p.noIndent {
	text-indent: 0px;
}
#container #content li  {
	margin-left: -10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(../images/orangeDisc.gif);
	font-size: 12px;
	line-height: 18px;
}
#container #content .TabbedPanelsTabGroup li.TabbedPanelsTab {
	list-style-image: none;
	margin-left: 0px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	outline: none;
}
#container #content a:link,
#container #content a:visited {
	color: #3366cc;
	text-decoration: none;
}
#container #content a:hover,
#container #content a:active {
	text-decoration: underline;
}

#content h3 a:link,
#content h3 a:visited {
	text-transform: none;
	border: 1px solid #3366cc;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
}

#container #content #news	{
	width:175px;
	float:right;
	margin-left:10px;
	margin-right:-29px;
	margin-top:2px;
	height:360px;
	background-color:#d4d4d4;
	/* [disabled]text-align:center; */
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}

#container #content #news p	{
	text-indent: 0;
	/*font-size: 12px;*/
	margin-bottom: 20px;
}

#container #content #news h5	{
	color: #cc540a;
	margin-top:-9px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:125%;
}

/***************** begin buttons styles ***************/

#container #buttons {
	float: right;
	width: 117px;
	background-image: url(../images/bgButtons.gif);
	height: 575px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: normal;

}
#container #buttons a:link,
#container #buttons a:visited,
#home #container #content .director a:link,
#home #container #content .director a:visited {
	color: #6c6f70;
	text-decoration: none;
}
#container #buttons a:hover,
#home #container #content .director a:hover,
#container a:active,
#index #container #content a:hover,
#index #container #content a:active {
	color: #000000;
	text-decoration: none;
	cursor: hand;
}
#container #buttons  #btnDonation,
#container #buttons #btnVolunteer,
#container #buttons #btnContact,
#home #container #content .director {
	background-image: url(../images/btnContact.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 117px;
	top: 215px;
	position: absolute;
	text-align: center;
	left: 50%;
	margin-left: -59px;
}
#container  #buttons  #btnVolunteer {
	top: 285px;
}
#container  #buttons  #btnContact,
#home #container #content .director {
	background-image: url(../images/btnOval.gif);
	top: 355px;
}
#home #container #content .director	{
	top: 144px;
	margin-left:298px;
	width:120px;
	z-index:1000;
}

#container #buttons #btnDonation a,
#container #buttons #btnVolunteer a,
#container #buttons #btnContact a,
#home #container #content .director a {
	position: relative;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	top: 10px;
}
/*#container #buttons #btnContact p {
	top: 29px;
	position: relative;
	line-height: normal;
	font-size: 14px;
	left: -1px;
}*/

/*********************** index page content styles *************/


#index #container #content {
	background-image: url(../images/girlHomePage1.jpg);
	height: 575px;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-bottom: 0px;
}
#index #container #content h2 {
	color: #FFFFFF;
	width: 520px;
}
#index #container #content #pullQuote {
	position: absolute;
	width: 197px;
	left: -202px;
	top: 320px;
	color: #000000;
	text-align: center;
	line-height: 125%;
	font-size: 14px;
	z-index: 500;
}
#index #container #content #pullQuote .reference {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
#index #container  #content .click2enter  {
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	width: 75px;
	left: 139px;
	top: 368px;
	font-size: 11px;
	color: #FFFFFF;
	height: 75px;
}
#index #container #content .click2enter a {
	position: relative;
	display: block;
	top: 17px;
}
#index #container #navColumn ul.MenuBarVertical {
	visibility: hidden;
}

/****  content styles ****/
#container #content ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 0px;
}
#container #content ol li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 25px;
	line-height: 18px;
}

/**** donate page styles ****/
#donate #container #content ul {  /*** move unordered list closer to head ****/
	position: relative;
	top: -15px;
}
#donate #container #content ul.TabbedPanelsTabGroup {
	top: 0;
}

/**** success stories page styles ****/

#success #container #content .photoBand1,
#success #container #content .photoBand2,
#success #container #content .photoBand3 {
	position: absolute;
	top: 164px;
	left: 100px;
}
#success #container #content .photoBand2 {
	left: 265px;
}
#success #container #content .photoBand3 {
	left: 443px;
}
#success #container #content .photoBand1 a:link,
#success #container #content .photoBand1 a:visited,
#success #container #content .photoBand2 a:link,
#success #container #content .photoBand2 a:visited,
#success #container #content .photoBand3 a:link,
#success #container #content .photoBand3 a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#success #container #content .photoBand1 a:hover,
#success #container #content .photoBand1 a:active,
#success #container #content .photoBand2 a:hover,
#success #container #content .photoBand2 a:active,
#success #container #content .photoBand3 a:hover,
#success #container #content .photoBand3 a:active {
	text-decoration: none;
}
/******************* begin footer styles *****************/

#footer a:link,
#footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	color: #000;
	text-decoration: underline;
}
#index #footer {
	display: none;
}
#footer {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #6c6f70;
	padding-top: 5px;
	height: 18px;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	line-height: normal;
}
#container #content .weWantTo {
	position: relative;
	width: 190px;
	color: #333333;
}
#specialEvent { 
	position: absolute;
	right: 0px;
	top: 10px;
	width: 170px;
	height: 175px;
	z-index: 10000;
}
	
#donate #container #content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.donorList li {
	line-height: 15px;
}