body, html 		{margin: 0; padding: 0px; border: 0; font-family: Arial, Helvetica, sans-serif; color: #000;}
body			{background: #ece5e5 url('../images/bgr_page.jpg') repeat-x; font-size: 75%;}

a 			{text-decoration: none; color: #d71d78;}
a:hover 	{color: #0074b0; text-decoration: underline;}

p 			{margin: 0 0 1.1em 0; padding: 0;}
td 			{vertical-align: top;}
b, strong 	{font-weight : bold;}
img 		{border: 0;}
.clear		{clear: both;}

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #000;}
h1 {font-size : 22px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em; letter-spacing: -1px;}
h2 {font-size : 20px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 16px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 14px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
h5 {font-size : 12px; font-weight: bold; margin:0 0 4px 0; padding:0; line-height: 1.1em;}

.pinkText {color: #d71d78;}
.blueText {color: #0074b0;}

/* Images */
.imgLeft 	{float: left; margin: 0 20px 15px 0;}
.imgRight 	{float: right; margin: 0 0 15px 20px;}


/* Basic layout */
#header,
#topNav,
#pageContent,
#footer {width: 970px; margin: 0 auto 0 auto; clear: both;}

#logoPrint 					{display: none;}

/* Header */
#header 					{height: 96px; position: relative; background: url('../images/bgr_header.gif') repeat-x 0 0;}
#header #logo 				{float: left; margin: 0 0 0 0;}
#header #topLinks 			{position: absolute; top: 35px; right: 0px; width: 540px;}
#header #topLinks ul 		{margin: 0; padding: 0; list-style: none; font-weight: normal; float: right;}
#header #topLinks li 		{float: left; padding: 0;}
#header #topLinks a 		{display: block; padding: 8px 20px 5px 30px; color: #6b6b6b; font-weight: bold;}
#header #topLinks a.selected,
#header #topLinks a:hover 	{color: #fff;}
#header a:hover 			{text-decoration: none;}
#header #tel 				{position: absolute; top: 40px; right: 0px;}

#icoDonate 				{background: url('../images/ico_donate.gif') no-repeat 0 3px;}
#icoContact 			{background: url('../images/ico_contact.gif') no-repeat 0 3px; padding-left: 38px !important;}
#icoNewsletter 			{background: url('../images/ico_newsletter.gif') no-repeat 0 3px; padding-left: 34px !important;}
#icoDonate.selected,
#icoDonate:hover 		{background: url('../images/ico_donate2.gif') no-repeat 0 3px;}
#icoContact.selected,
#icoContact:hover 		{background: url('../images/ico_contact2.gif') no-repeat 0 3px;}
#icoNewsletter.selected,
#icoNewsletter:hover 	{background: url('../images/ico_newsletter2.gif') no-repeat 0 3px;}

/* Top Navigation */
#topNav 			{margin-bottom: 5px;}
#topNav ul 			{margin: 0; padding: 0; list-style: none; overflow: hidden;}
#topNav li 			{float: left; padding: 0; margin: 0 10px 0 0;}
#topNav a 			{color: #6b6b6b; font-weight: bold; font-size: 14px; text-decoration: none; display: block; background: url('../images/bgr_btn_left.png') repeat-x left top;}
#topNav a span 		{display: block; padding: 4px 20px 5px 20px; background: url('../images/bgr_btn_right.png') no-repeat right;}
#topNav a.selected,
#topNav a:hover 	{color: #fff; background: #d696b4 url('../images/bgr_btn_left.png') repeat-x 0 0px;}

#searchPanel 			{float: right;}
#searchPanel #searchBox {margin-right: 5px;}
#searchPanel .button 	{padding: 1px 10px 3px 10px !important; font-size: 12px;}

/**
HOME PAGE
**/

#mainBanner 				{height: 345px;}
#mainBanner .leftColumn 	{float: left; width: 269px; height: 345px; background: url('../images/bgr_clouds.gif') no-repeat bottom;}
#mainBanner .middleColumn 	{float: left; width: 400px; height: 345px;}
#mainBanner .rightColumn 	{float: left; width: 301px; height: 345px; background: url('../images/bgr_featured_video.jpg') no-repeat 0 0;}
#mainBanner .leftButtons 	{padding: 30px 0 0 0;}
#mainBanner .rightColumn h1 {color: #FFF; margin: 25px 0 7px 15px;}

#flashVideo 		{height: 180px; margin: 0 0 0 15px; color: #FFF;}
#flashHeadline 		{margin: 0 0 0 15px;}

.contentWrapper {background: #fff;}
.mainCopy {padding: 0px 20px 0px 20px;}

/* HP Content */
#hpContent 				{background: #ffffff url('../images/bgr_hp.gif') repeat-y 0 0; height: 100%;}
#hpContent .colThree 	{width: 220px; float: left; text-align: center;}
#hpContent h1 			{margin-bottom: 10px;}

#raffleBox	{display: none;}

#visionStatement			{margin: 0 25px 25px 25px; border: solid 1px #d196aa; -moz-border-radius: 7px; border-radius: 7px; padding: 4px;}
#visionStatement h2			{color: #b73073;}
#visionStatement .vision	{background: url('../images/bgr_page.jpg') repeat-x; padding: 15px; -moz-border-radius: 7px; border-radius: 7px;}

#featuredStoriesList 			{width: 670px; margin: 0 30px 0 10px; float: left;}
#featuredStoriesList td 		{position: relative;}
#featuredStoriesList .newIcon 	{position: absolute; top: -6px; left: -10px;}
#featuredStoriesList .photoThumbnails   {position: relative; float: left;}
#featuredStoriesList .thumbnail         {float: left; margin: 0 10px 20px 0; position: relative;}
#featuredStoriesList .thumbnailFrame    {width: 100px; height: 63px; display: block; position: absolute; top: 0px; left: 0px; background: url(../images/frame.png) no-repeat;}
a.viewAll 						{font-weight: bold; color: #d71d78 !important; font-size: 12px;}
a.viewAll:hover 				{color: #0074b0 !important;}

/**
PAGE
**/

/* Page Banner */
#extraNav 			{padding: 3px 0 8px 0;}

#pageBanner 		{height: 43px; position: relative; background: #adc7d9 url('../images/hd_default.gif') no-repeat right top; margin: 0 0 0px 0;}
#pageBanner h1 		{position: absolute; top: 7px; left: 20px; font-size: 24px; color: #FFF; letter-spacing: -1px;}

#pageGrid 				{background: #ffffff url('../images/frame_bottom.gif') no-repeat bottom;}
#pageGrid .leftColumn 	{float: left; width: 200px; margin: 0 0 0 0; background: url('../images/frame_top.gif') no-repeat 0 0;}
#pageGrid .rightColumn 	{float: left;  width: 770px; margin: 0 0 0 0;}
.contentSeparator 		{background: url('../images/bgr_separator.gif') repeat-y;}
.contentPadding 		{padding: 20px; margin-right: 0px;}

.pageCopy 				{padding: 20px;}
.displayGrid 			{width: 95%;}
.displayGrid td 		{padding: 0 0 20px 0;}
.displayGrid td.heading {padding: 0;}
.displayGrid td.last 	{padding: 0;}
.displayGrid .descr 	{color: #6b6b6b; font-size: 12px; padding-top: 5px;}
.displayGrid a 			{color: #6b6b6b;}
.displayGrid a:hover 	{color: #d71d78; text-decoration: none;}
.displayGrid strong 	{font-size: 14px;}
.displayGrid .thumbnail {margin: 0 15px 0 0;}

#hpContent .descr 	    {color: #6b6b6b; font-size: 11px; padding-top: 5px;}
#hpContent .pinkText    {font-weight: bold;}

#newsStoriesList .photoThumbnails   {position: relative; float: left;}
#newsStoriesList .thumbnail         {float: left; margin: 0 10px 20px 0; position: relative;}
#newsStoriesList .thumbnailFrame    {width: 100px; height: 63px; display: block; position: absolute; top: 0px; left: 0px; background: url(../images/frame.png) no-repeat;}

/* Sub Navigation */
ul.subNav 					{list-style: none; margin: 0 0 30px 0; padding: 0;}
ul.subNav li 				{padding: 3px 0 4px 10px; font-weight: bold; background: url('../images/bullet01.gif') no-repeat 0 7px; font-size: 14px;}
ul.subNav li.blank          {background: none;}
ul.subNav li a 				{color: #6b6b6b;}
ul.subNav a.selected,
ul.subNav li a:hover 		{text-decoration: none; color: #d71d78;}
ul.subNav h4 				{list-style: none; margin: 0 0 5px 0;}
ul.subNav ul                {margin-left: 30px; padding: 0; background: none;}
ul.subNav li li             {font-weight: normal; background: none; padding: 0; margin: 0;}

.iconImage                      {float: left; margin: -3px 10px 20px 0;}


/* Right Sub Navigation */
#rightPanel 			  {width: 160px; float: right; padding: 0px 0px 0px 12px; margin: 0px 0px 10px 12px; font-size : 9pt; border-left: 0px solid #d6e8ee; vertical-align: top; }
#rightPanel ul.subNav li {padding: 2px 0 1px 0;}

/* Footer */
#footer 						{line-height: 1.2em; padding: 8px 0 0 0; margin-top: 10px; font-size: 11px; color: #454545;}
#footer #copyright 				{float: left; white-space: nowrap;}
#footer #copyright img 			{float: left; margin: -3px 10px 0 0;}
#footer #bottomLinks 			{float: right; text-align: right;}
#footer #bottomLinks a 			{color: #4b5962; padding: 5px;}
#footer #bottomLinks a:hover 	{color: #e51937; text-decoration: none;}
#footer .telNum 				{font-size: 16px; font-weight: bold;}

#socialMediaBar 		{float: right; text-align: right;}
#socialMediaBar #tools  {padding: 0 0 5px 0; float: right; text-align: right;}
#socialMediaBar a 		{color: #F60;}
#socialMediaBar a:hover {color: #0085c7; text-decoration: none;}
#socialMediaBar img 	{margin-left: 2px; margin-right: 2px; vertical-align: middle;}

#socialMediaBar2 		            {padding: 0 0 8px 0; float: right; text-align: right;}
#socialMediaBar2 .addthis_toolbox    {padding-bottom: 3px; float: right;}
#socialMediaBar2 .addthis_toolbox a  {color: #F60;}
#socialMediaBar2 .addthis_toolbox a:hover    {color: #0085c7; text-decoration: none;}
#socialMediaBar2 img                 {vertical-align: middle;}

/* Bottom Banner */
#bottomBanner           {padding: 4px 10px 5px 10px; width: 960px; margin: 15px auto; background: #FFFFFF;font-size: 12px;font-weight:bold;}
#bottomBanner .rightCol {text-align:right; float: right; width: 70%; display: block;}
#bottomBanner .leftCol  {text-align:left; float: left; width: 30%; display: block;}

/* Home Photos */
ul.homePhotos             {list-style: none; margin:0; padding:0;}
ul.homePhotos li          {float: left; display: block; width: 100px; height: 63px; margin-right: 15px; margin-bottom: 15px; padding: 5px;}
ul.homePhotos li img      {border: 0;}

/* Lower Photos */
#singlePhotos 	{padding: 10px 20px 20px 0px; font-size: 11px; text-align: left;}
#singlePhotos .note {text-align: left; padding: 12px 0 10px 0;clear:both;}

#singlePhoto img		{padding:4px;border: 1px solid #cfe2e6;background:#FFFFFF;}
#singlePhoto td 		{font-weight:bold; background-color: #cfe2e6; line-height: 1.0em;}
#singlePhoto td.blank 	{background: none;}
#singlePhoto a 			{color: #003366; display: block;}
#singlePhoto a:hover 	{text-decoration: none; color: #0099CC;} 
#singlePhoto .caption 	{width: 168px; display: block; padding: 5px 10px 5px 10px; font-size: 11px; text-align: left;}

/* Forms */
form 				{padding: 0px; margin: 0px;}
input, textarea 	{padding: 3px; border: 1px solid #d696b4;}
.button,.submit,#submit 	{background: #d93381; padding: 2px 7px 2px 7px !important; font-size: 11px; font-weight: bold; border: 1px solid #d93381; color: #fff;}
input.noborder 		{border: none;}
a.lnkButton 		{background: #d6e0f2 url('../images/bgr_button.gif') repeat-x bottom; letter-spacing: -1px; display: block; padding: 4px 10px 4px 10px; font-size: 11px; font-weight: bold; border-top: 1px solid #e7edf8; border-right: 1px solid #878d99; border-bottom: 1px solid #444954; border-right: 1px solid #left; color: #234075; text-decoration: none;}

/* Credits */
#credits {font-size:11px;color:#888888;}
#credits a {color:#888888;}
#credits a:hover {color:#0074b0;}

