/*CSS Document*/
/*Check ie6.css for additionl styles for compatability for IE 6*/
/*Written By Nic Scott - eTapestry 2008*/

* {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
body, html {background: url('../images/bg.jpg') repeat-x #EDEEEF;}

/*Main Structural Styles*/
#wrapper     {width: 814px; height: auto; margin: 0px auto; padding: 0px 0px 0px 0px;}
#header      {width: 814px; height: 264px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('') no-repeat;}
#navigation  {width: 814px; height: 59px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/navigation.png') no-repeat;}
#body_top    {width: 814px; height: 27px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/body_top.png') no-repeat;}
#body        {width: 814px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/body.png') repeat-y;}
#body_bottom {width: 814px; height: 10px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/body_bottom.png') no-repeat;}
#footer      {width: 814px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*For the secondary pages*/
#sub_nav_wrapper {float: left; width: 204px; height: auto; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content_wrapper {float: right; width: 610px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/*Divides the home page into left and right*/
#left  {float: left; width: 391px; height: auto; margin: 0px 0px 0px 16px;}
#right {float: right; width: 391px; height: auto; margin: 0px 12px 0px 0px;}

/*Home Page Info Box Titles*/
#box_title_upcoming_events {width: 387px; height: 41px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/title_upcoming_events.jpg') no-repeat;}
#box_title_news_arc        {width: 387px; height: 41px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/title_news_arc.jpg') no-repeat;}

/*Home Page Info Boxes*/
#yellow_box_top    {width: 387px; height: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/yellow_box_top.jpg') no-repeat;}
#yellow_box_body   {width: 387px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/yellow_box_body.jpg') repeat-y;}
#yellow_box_bottom {width: 387px; height: 2px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/yellow_box_bottom.jpg') no-repeat;}
#blue_box_top      {width: 387px; height: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/blue_box_top.jpg') no-repeat;}
#blue_box_body     {width: 387px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/blue_box_body.jpg') repeat-y;}
#blue_box_bottom   {width: 387px; height: 2px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/blue_box_bottom.jpg') no-repeat;}

/*For pages WITHOUT sub nav*/
/*Increase/Decrease Font Here ------ Main Font Characteristics*/
#body p             {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: black; margin: 0px 0px 0px 30px; padding: 3px 50px 10px 0px;}
#body p a           {font-weight: bold; color: #BB0000; text-decoration: underline;}
#body p a:hover     {text-decoration: none;}
#body img           {margin: 0px 0px 0px 0px; padding: 5px 10px 0px 5px; border-width: 0px 0px 0px 0px;}
#body ul            {margin: 0px 0px 0px 75px; padding: 0px 35px 0px 0px; list-style-type: disc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;}
#body ul li         {margin: 0px 0px 0px 0px; padding: 0px 0px 12px 0px;}
#body ul li a       {font-weight: bold; color: #BB0000; text-decoration: underline;}
#body ul li a:hover {text-decoration: none;}

/*For pages WITH sub nav*/
/*Increase/Decrease Font Here ------ Main Font Characteristics*/
#content_wrapper p             {font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; color: black; margin: 0px 0px 0px 0px; padding: 3px 50px 10px 0px;}
#content_wrapper p a           {font-weight: bold; color: #BB0000; text-decoration: underline;}
#content_wrapper p a:hover     {text-decoration: none;}
#content_wrapper img		   {margin: 0px 0px 0px 0px; padding: 5px 10px 0px 5px; border-width: 0px 0px 0px 0px;}
#content_wrapper ul            {margin: 0px 0px 0px 30px; padding: 0px 65px 0px 0px; list-style-type: disc; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px;}
#content_wrapper ul li         {margin: 0px 0px 0px 0px; padding: 0px 0px 12px 0px;}
#content_wrapper ul li a       {font-weight: bold; color: #BB0000; text-decoration: underline;}
#content_wrapper ul li a:hover {text-decoration: none;}

/*Search Box Styles*/
/*Increase/Decrease Font Here - Don't adjust this*/
#search_box         {float: left; width: 215px; height: 65px; margin: 0px 0px 0px 75px; padding: 0px 0px 10px 0px;}
#search_box p       {clear: both; text-align: left; font-weight: bold; color: #002659; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; font-size: 12px;}
input.search        {float: left; width: 200px; height: 27px; border: 0px solid black; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 2px; background: url('../images/input_bg.gif') repeat-x white; font-size: 14px;}
input.submit        {width: 44px; height: 30px; border: 0px solid black; background: url('../images/search_button.gif') no-repeat white; margin: 0px 0px 0px 121px; padding: 0px 0px 0px 0px;}
input.submit:hover  {background: url('../images/search_button_over.gif') no-repeat white; cursor: pointer;}
#search_input       {width: 200px; height: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left;}
#search_input_left  {width: 6px; height: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/input_left_bg.gif') no-repeat black; float: left;}
#search_input_right {width: 6px; height: 37px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/input_right_bg.gif') no-repeat black; float: left;}

/*Address Box Styles */
/*Increase/Decrease Font Here - Don't adjust this*/
#address_box           {float: left; width: 500px; height: auto; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#address_box p         {clear: both; color: #636363; margin: 0px 0px 0px 30px; padding: 0px 0px 15px 0px; font-size: 10px; line-height: 12px;}
#address_box p a       {color: #636363; text-decoration: underline;}
#address_box p a:hover {color: #002556; text-decoration: underline;}
#address_box p img     {padding: 0px 0px 0px 0px; border: 0px solid black;}

/*Navigation Text Styles ---------------------------------------------------------------------------------------------------------------------------------------- */
/*Increase/Decrease Font Here - Don't adjust this*/
#navigation p         {margin: 0px 0px 0px 0px; padding: 19px 0px 0px 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; line-height: 20px; letter-spacing: 0px; color: #575757;}
#navigation p a       {color: #002659; text-decoration: none; font-weight: bold;}
#navigation p a:hover {color: #575757; text-decoration: underline;}

/*Sub Navigation Styles ----------------------------------------------------------------------------------------------------------------------------------------- */
#sub_nav_top     {width: 173px; height: 11px; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; background-image: url('../images/sub_nav_top.jpg'); background-repeat: no-repeat;}
#sub_nav_body    {width: 173px; min-height: 508px; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; background-image: url('../images/sub_nav_body.jpg'); background-repeat: no-repeat;}
#sub_nav_bottom  {width: 173px; height: 5px; margin: 0px 0px 0px 16px; padding: 0px 0px 0px 0px; background-image: url('../images/sub_nav_bottom.jpg'); background-repeat: no-repeat;}

/*Main Body/Text Styles ----------------------------------------------------------------------------------------------------------------------------------------- */
/*Image Styles */
img {border: 0px solid black;}

/*Styles for the links in the footer*/
/*Increase/Decrease Font Here - Don't adjust this*/
#footer p         {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #636363; margin: 15px 0px 0px 0px; padding: 0px 0px 30px 0px; text-align: center; line-height: 12px; letter-spacing: 1px;}
#footer p a       {color: #636363; text-decoration: none;}
#footer p a:hover {color: #002556; text-decoration: underline;}

/*Styles for mini sub nav in base of the content area*/
/*Increase/Decrease Font Here - Don't adjust this*/
#content_sub_nav           {clear: both; width: 610px; height: 30px; margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#content_sub_nav p         {margin: 0px 0px 0px 0px; padding: 14px 27px 0px 0px; clear: both; font-size: 11px; line-height: 15px; text-align: right; color: #B1B1B1;}
#content_sub_nav p a       {color: #B1B1B1; text-decoration: underline; font-weight: normal;}
#content_sub_nav p a:hover {color: black; text-decoration: none;}

/*Horizontal Rules*/
#hrule_01 {float: left; clear: both; width: 777px; height: 6px; margin: 18px 0px 0px 18px; padding: 0px 0px 15px 0px; background: url('../images/hr.gif') repeat-x;}
#hrule_02 {float: left; clear: both; width: 585px; height: 6px; margin: 18px 0px 0px 0px; padding: 0px 0px 15px 0px; background: url('../images/hr.gif') repeat-x;}
#hrule_03 {float: left; clear: both; width: 585px; height: 7px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; background: url('../images/hr_2.gif') repeat-x;}
#hrule_04 {float: left; clear: both; width: 94%; height: 7px; margin: 0px 0px 0px 24px; padding: 0px 0px 25px 0px; background: url('../images/hr_2.gif') repeat-x;}

/*Headings for pages without sub nav*/
/*Increase/Decrease Font Here*/
#body h1     {font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: black; margin: 10px 0px 10px 30px; padding: 0px 0px 0px 0px; letter-spacing: 1px; text-decoration: underline;}
#body h3     {font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: #002659; margin: 0px 0px 0px 15px; padding: 3px 0px 5px 0px; }
#body h3 img {padding: 7px 12px 7px 7px;}

/*Headings for pages with sub nav*/
/*Increase/Decrease Font Here*/
#content_wrapper h1     {font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: black; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; letter-spacing: 1px; text-decoration: underline;}
#content_wrapper h3     {font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 17px; color: #002659; margin: 0px 0px 0px 0px; padding: 3px 0px 5px 0px; }
#content_wrapper h3 img {padding: 7px 12px 7px 7px;}

/*Paragraph styles inside the home page boxes*/
/*Increase/Decrease Font Here ---------------- Main Font Characteristics*/
#yellow_box_body p  {margin: 0px 0px 0px 10px; padding: 0px 20px 10px 0px; font-size: 14px; line-height: 22px;}
#yellow_box_body h3 {margin: 0px 0px 0px 10px; padding: 3px 0px 5px 0px; font-size: 15px; line-height: 17px;}
#blue_box_body p    {margin: 0px 0px 0px 10px; padding: 0px 20px 10px 0px; font-size: 14px; line-height: 22px;}
#blue_box_body h3   {margin: 0px 0px 0px 10px; padding: 3px 0px 5px 0px; font-size: 15px; line-height: 17px;}

/*Sub Navigation List Styles on internal pages*/
#sub_nav_body ul                 {display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #002556; font-weight: normal;}
#sub_nav_body ul li              {height: 30px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;}
#sub_nav_body ul li a            {display: block; height: 30px; color: #002556; text-decoration: none; padding-top: 6px; font-weight: normal;}
#sub_nav_body ul li a:hover      {color: white; background: url('../images/sub_nav_over.png') no-repeat; margin: 0px 0px 0px -10px; padding: 6px 0px 0px 10px; height: 30px; text-decoration: none; font-weight: normal;}
#sub_nav_body ul li a.long:hover {color: white; background: url('../images/sub_nav_over.png') no-repeat; margin: 0px 0px 0px -10px; padding: 7px 0px 0px 7px; height: 30px; text-decoration: none; font-weight: normal;}

/*Donate Button*/
a#donate_button       {display: block; width: 91px; height: 96px; margin: 10px 0px 0px 10px; padding: 0px 0px 15px 0px; background: url('../images/donate_button_off.jpg') no-repeat;}
a:hover#donate_button {background: url('../images/donate_button_on.jpg') no-repeat;}