/* general styles for Mater Foundation website.
	created 25 July 2008 */

/*general */
html	{margin:0; padding:0;}
body	{margin:0; padding:0px 0 0 0;}
a img	{border:0;}
img		{margin:0; padding:0;}
.clear	{clear:both;}
ul, li	{margin:0; padding:0;}
.break	{margin:15px 15px 15px 10px; padding:0; height:5px; border-top:1px solid #cccccc;  clear:both;}
/*accessibility */
.skiplink	{display:none;}

/*layout */
#container	{margin-left:auto; margin-right:auto; width:981px; height:auto; font-family:Arial, Helvetica, sans-serif;}
#header		{margin:0; padding:15px 0px 0px 0px; height:139px;  width:981px; background-image:url(../images/bg_header.png);}
#main		{margin:0; padding:20px 0 20px 0; height:auto; width:981px; background-image:url(../images/bg_main.png); background-repeat:no-repeat;}
#footer		{margin:0; padding:20px 0 20px 0; border-top:1px solid #cccccc; height:71px; width:981px; text-align:center;}


/*main navigation*/

#header ul		{width:981px; height:27px; display:block; margin:0; padding:12px 0 0 0; background-image:url(../images/bg-header-menu.png); background-repeat:no-repeat; background-position:bottom; text-align:center;}
#header li		{margin:0; padding:0 29px 0 29px; display:inline; font-weight:bold; font-size:0.875em;}
#header li a	{color:#ffffff; text-decoration:none;}
#header li a:hover, #header li a.active	{color:#FFE1B3; text-decoration:none;}



/* home page columns */
#home-col1			{width:200px; padding:0 10px 0 0px;  margin:0; float:left; height:auto;}
#home-col-middle	{width:550px; padding:0; float:left; height:auto;}
#home-col2			{width:270px; padding:0 10px 0 0; margin:0; float:left; height:auto;}
#home-col3			{width:270px; padding:0 0 0 0;  margin:0;float:left; height:auto;}
#home-col4			{width:211px; padding:0 0 0 10px;  margin:0; float:left; height:auto;}



.sponsor-day		{width:182px; padding:16px 0 24px 18px; height:auto; background-color:#38C6F6; background-image:url(../images/bg_sponsor-day.png); background-repeat:no-repeat; display:block;}
#home-col1 .sponsor-day p		{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.93em; }		
#home-col1 .sponsor-day p.sponsorlink		{background-color:#3399CC;  float:left; padding:4px 20px 4px 20px; margin:0 5px 0 0; color:#ffffff; font-family:"Times New Roman", Times, serif;  font-weight:bold; font-size:0.93em; text-transform:uppercase;}		
#home-col1 .sponsor-day p.sponsorlink a		{color:#ffffff; text-decoration:none;}
#home-col1 .sponsor-day p.date	{height:64px; margin:0; padding:0; font-family:"Times New Roman", Times, serif; text-transform: uppercase; font-size:1em;}
#home-col1 .sponsor-day p.date span	{font-size:3em;}
.sponsor-day ul		{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.81em; list-style:none; line-height:1.46em; padding: 0px 0 17px 0;}		
.sponsor-day li		{ background-image:url(../images/li_sponsor-day.png); background-repeat:no-repeat; background-position:left; padding: 0 0 0 23px;}

.help-panel			{border:1px solid #D9D9D7; padding:6px; margin:10px 0 0 0;}
.help-panel	p		{color:#828181; font-family:Arial, Helvetica, sans-serif; font-size:0.68em; margin:0; padding:0; line-height:1.49em;}
.help-panel h3		{font-size:0.81em; font-family:Arial, Helvetica, sans-serif; color:#F67400; font-weight:normal; margin:0; padding:10px 0 0 0;}
.help-panel h3 a	{color:#F67400; font-weight:normal; text-decoration:none;}
.help-panel h3 a:hover	{text-decoration:underline;}	

ul.big-list			{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.87em;}
ul.big-list li		{margin:10px 0 0 0; padding:0; background-image:url(../images/bg_home-list.png); background-repeat:no-repeat; width:200px; height:55px; list-style:none;}
ul.big-list li.blue-button {background-image:url(../images/bg_home-list-blue.png);}
ul.big-list li a	{text-decoration:none; width:155px; height:34px;  padding:21px 0 0 45px; display:block; color:#F67400;}
ul.big-list li.blue-button a {color:#69A7D4;}
.upcoming-events	{width:177px; padding:19px 17px 18px 17px; background-color:#FFE1B3; height:auto; background-image:url(../images/bg_upcoming-events2.png); background-repeat:no-repeat;}
.upcoming-events h2	{color:#FF6600; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1.12em; font-weight:normal;}
.upcoming-events ul	{font-size:0.75em; list-style:none; line-height:1.5em;}
.upcoming-events li	{color:#000000; margin-top:18px; background-image:url(../images/bg_li_orange.png); background-repeat:no-repeat; padding:0 0 0 12px;}
.upcoming-events li a {color:#F67400; font-weight:bold; text-decoration:underline;}
.upcoming-events li a:hover {text-decoration:none;}
.upcoming-events p	{text-align:right; font-size:0.68em;}
.upcoming-events p a, .raffle2 li a {color:#FF6600; text-decoration:underline;}
.upcoming-events p a:hover{text-decoration:none;}

.newsletter-signup		{background-image:url(../images/bg_newsletter.png); background-repeat:no-repeat; margin:23px 0 0 0; padding:0;}
.newsletter-signup h2	{padding:10px 0 0 48px; font-size:1.125em; color:#66CC33; font-weight:normal;}
.newsletter-signup p {color:#000000; font-size:0.75em; line-height:1.66em;}
.newsletter-signup p a {color:#66CC33; text-decoration:underline; font-weight:bold;}
.newsletter-signup p a:hover {text-decoration:none;}

.raffle		{width:177px; padding:19px 17px 18px 17px;  margin:0 0 13px 0; background-color:#FFE1B3; height:auto; background-image:url(../images/bg_upcoming-events2.png); background-repeat:no-repeat;}
.raffle h2 {padding:0px 0 0 0px; font-size:1.125em; color:#FF6600; font-weight:normal;}
.raffle p  {color:#000000; font-size:0.75em; line-height:1.66em;}
.raffle p a {color:#66CC33; text-decoration:underline; font-weight:bold;}
.raffle p a:hover, .raffle2 p a:hover {text-decoration:none;}

.raffle2 {width:177px; padding:19px 17px 18px 17px;  background-color:#38C6F6; height:auto; background-image:url(../images/raffle2.png); background-repeat:no-repeat; margin:0px 0 19px 0;}
.raffle2 p, .raffle2 li {color:#fff; font-size:0.75em; line-height:1.66em;}
.raffle2 p a, .raffle2 li a {color:#fff; text-decoration:underline; font-weight:bold;}
.raffle2 li a:hover {text-decoration:underline;}
.raffle2 li {font-style:italic;}
.raffle2 ul {list-style:none;}
.raffle2 h2 {padding:0px 0 0 0px; font-size:1.125em; color:#fff; font-weight:normal;}
img.box					{border:1px solid #E4CCB5; margin:1px 0 10px 0;}
#home-col2 h2, #home-col3 h2			{background-image:url(../images/bg_tab-header.png); background-repeat:no-repeat; padding: 13px 0 0 17px; color:#ffffff; font-size:0.81em; font-weight:bold; width:253px; height:25px; margin:0;}
#home-col2 h2 a, #home-col3 h2 a	{color:#ffffff; text-decoration:none; }

#home-col-middle h1		{font-family:Arial, Helvetica, sans-serif; font-size:1.31em; margin:0; padding:0; color:#FF7E00; font-weight:normal; padding:0 10px 0 10px;}
#home-col-middle p		{font-family:Arial, Helvetica, sans-serif; font-size:0.81em; line-height:1.46em; color:#000000; padding:0 10px 0 10px;}
#home-col-middle p a	{color:#FF7E00; font-weight:bold; text-decoration:underline; }
#home-col-middle p a:hover	{text-decoration:none;}

.appeals			{ margin: 0 0 10px 0; width:270px; padding:0;}
.appeals-text		{margin:0; padding:15px; background-color:#ffe1b3;  border-bottom:1px solid #E4CCB5; border-left:1px solid #E4CCB5; border-right:1px solid #E4CCB5; width:238px;}
#text .appeals img.box					{border:1px solid #E4CCB5; margin:1px 0 0px 0; padding:0; }
#text .appeals-text p	{margin:0; padding:0px; color: #000000;}
#text .appeals a		{margin:0; padding:0;}

/*Generic Pages */
#text		{margin:0; padding:0; height:auto; width:581px; float:left;}
#text h1, #full-text h1	{font-family:Arial, Helvetica, sans-serif; font-size:1.31em; margin:0; padding:0; color:#FF7E00; font-weight:normal; padding:0 10px 0 10px;}
#text h2, #full-text h2	{font-family:Arial, Helvetica, sans-serif; font-size:0.9em; margin:0; padding:0; color:#FF7E00; font-weight:bold; padding:10px 10px 0 10px;}
#text p, #full-text	p	{font-family:Arial, Helvetica, sans-serif; font-size:0.81em; line-height:1.6em; color:#000000; padding:0 10px 0 10px;}
#text td, #full-text td		{font-family:Arial, Helvetica, sans-serif; font-size:0.81em; line-height:1.6em; color:#000000; padding:0 10px 0 10px;}
#text li, #full-text li	{font-family:Arial, Helvetica, sans-serif; font-size:0.81em; line-height:1.6em; color:#000000; padding:0 10px 0 0px; list-style-position:inside;}
#text ul, #full-text ul	{padding:0 10px 0 30px;}	
#text p a, #text li a, #full-text p a		{color:#FF7E00; font-weight:bold; text-decoration:underline; }
#text p a:hover, #full-text	p a:hover	{text-decoration:none;}
#text p.breadcrumb, #full-text p.breadcrumb	{font-size:0.68em;}
#text p.breadcrumb a, #full-text p.breadcrumb a		 {color:#000000; font-weight:normal;}
#text #map p, #text #map img, #full-text #map p, #full-text #map img 		{padding:0; float:right;}

#full-text		{margin:0; padding:0; height:auto; width:781px; float:left;}
#full-text .photo-gallery-bar	{ padding:4px; }
#full-text .photo-gallery-bar p	a {color:#000000;}
#full-text .photo-gallery-bar p	{float:left;}
#full-text p span.right-align	{margin-left:30px;}
.border		{padding:5px; border:1px solid #cccccc; margin:15px;  }

.map-holder		{padding:8px; margin:20px 0 0 0; border:1px solid #cccccc; width:534px;}

#sidemenu	{margin:0 20px 0 0; padding:0px 0px 20px 0;  height:auto; width:180px;  float:left; }
#sidemenu ul	{ width:175px; margin:0; padding:0 0 0 5px;}
#sidemenu li	{height:auto; width:175px; font-size:0.75em; list-style:none; background-image:url(../images/arrowbullet.png); background-repeat:no-repeat; background-position:left; border-bottom:1px solid #ececec;}
#sidemenu li.sub	{background-image:none; background-color:#f8f8f8; }
#sidemenu li a			{display:block; padding: 8px 0 8px 20px; height:auto; width:155px; text-decoration:none; color:#000000; }
#sidemenu li.sub a		{padding: 10px 0 8px 25px; width:150px; }
#sidemenu li a:hover, #sidemenu li a.active 	{text-decoration:underline;  color:#F67400;}
#right-col	{margin:0; padding:0; height:auto; width:200px; float:left;}

#text .quote{
background-image: url(../images/quote.png);
background-repeat: no-repeat;
margin: 25px 0px 25px 10px;
width:430px;
padding:0 0 0 40px;
}
#text .quote p{
background-image: url(../images/quote-out.png);
background-repeat:no-repeat;
background-position:bottom right;
padding-right:10px;

}

#text .quote img	{float:left; padding: 0 10px 0 0; margin:0;}


#text p.msg_head	{font-size:0.9em; color:#35b702; cursor:pointer; background-color:#F6F6F6; padding:8px 8px 8px 30px; width:522px; margin:0; float:left; background-image:url(../images/bg_arrow-info.png); background-repeat:no-repeat; background-position:left; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#text p.msg_body	{border-bottom:1px solid #cccccc; padding:20px 20px 20px 20px; background-color:#FBFCF6; margin:0; width:520px; float:left; }	
#text div.msg_body	{border-bottom:1px solid #cccccc; padding:20px 20px 20px 20px; background-color:#FBFCF6; margin:0; width:520px; float:left; }		
.side-photo			{float:left; padding:5px; border:1px solid #cccccc; margin:0px 20px 0px 0;}
.team-member		{padding:20px 0 20px 0;}
.profile			{float:left; width:400px;}
#text p.contact			{color:#000000; font-weight:bold;}
#text p.contact	a		{color:#000000;}

img.our_work { border:1px solid #CCCCCC; padding:5px; height:100px; width:auto; margin:0 20px 0 0; float:left;}
#text a img.our_work { border:1px solid #CCCCCC; padding:5px; height:100px; width:auto; margin:0 20px 0 0; float:left;}
#text a:hover img.our_work { border:1px solid #000000; padding:5px; height:100px; width:auto; margin:0 20px 0 0; float:left;}

.input1		{border:1px solid #CCCCCC; padding:3px; width:190px; }
#text form		{margin: 20px 0 0 0;}
.button		{float:right; padding:0;}
label		{font-weight:bold;}

#text p span.news-date, #full-text p span.news-date { color:#669FD7; font-family:"Times New Roman", Times, serif; font-size:1.8em; padding-bottom:10px; }
#text .news-item	{ width:510px; padding:15px 10px 10px;  border-bottom:1px solid #ececec; display:block;}
#text .news-item:hover {background-color:#FBFCF6;}

#news-holder	{padding:20px 0 0 0; margin:0;}
#text .news-item p a {text-decoration:none; color:#000000; }
#text .news-item p a:hover {text-decoration:underline;}

#text ul.downloads li	{background-image:url(../images/icon_document.png); background-repeat:no-repeat; padding: 5px 0 5px 30px; list-style:none; background-position:left; height:16px;}
#text ul.downloads		{list-style:none; margin:20px 0 20px 0;}
#text ul.downloads li a {color:#66CC33; text-decoration:underline; font-weight:bold;}

#text ul li.tick	{background-image:url(../images/icon_tick.png); background-position:left; padding:5px 0 5px 25px; list-style:none;  background-repeat:no-repeat; }
/*footer*/
#footer p, #footer ul	{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.56em; color:#000000; line-height:2.11em;}
#footer ul		{clear:both;}
#footer li		{display:inline; list-style:none;}
#footer a		{text-decoration:none; color:#000000;}
#footer a:hover	{text-decoration:underline;}

#calendar		{float:left;}
#calendar-holder {width:560px; background-repeat:no-repeat;padding:0; margin:0;}
#calendar-holder p	{color:#ffffff; padding:20px 0px 0px 20px; font-weight:normal; margin:0;}
#calendar-holder p span	{font-size:100%; padding-left:0px; font-family:Arial, Helvetica, sans-serif; line-height:1.5em;}
#main #calendar-holder ul	{ float:left; text-align:left; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.81em; list-style:none; line-height:1.46em; padding: 0px 0 17px 0;}		
#main #calendar-holder li		{ color:#ffffff; background-image:url(../images/li_sponsor-day.png); background-repeat:no-repeat; background-position:left; padding: 0 0 0 23px; font-size:1.3em;}
#cal-info	{float:left; padding: 20px 13px 20px 13px; width: 245px; height:260px; background-image:url(../images/calendar-bg.png); background-repeat:no-repeat; background-color:#38C6F6;}
		

#text ul.sitemap		{list-style:none; margin:0; padding:0;}
#text ul.sitemap li		{padding:0; line-height:1.8em; margin:0;}
#text ul.sitemap li a	{color:#000000; font-weight:normal;}
#text ul.sitemap li.top	{padding:20px; width:250px; list-style:none; }
#text ul.sitemap li ul li	{margin:0; padding:0; font-size:100%;}

#text .step1	{background-image:url(../images/step1.png); background-repeat:no-repeat; padding:5px 0 5px 45px; margin:0;}
#text .step2	{background-image:url(../images/step2.png); background-repeat:no-repeat; padding:5px 0 5px 45px; margin:0;}
#text .step3	{background-image:url(../images/step3.png); background-repeat:no-repeat; padding:5px 0 5px 45px; margin:0;}
#text .step4	{background-image:url(../images/step4.png); background-repeat:no-repeat; padding:5px 0 5px 45px; margin:0;}
#text .step5	{background-image:url(../images/step5.png); background-repeat:no-repeat; padding:5px 0 5px 45px; margin:0;}
#text .step1 p, #text .step2 p, #text .step3 p, #text .step4 p, #text .step5 p  
{color:#FF9900; font-size:1em; margin:0; padding:0; font-weight:bold;}

#loginform{ border: 1px solid #ccc; padding: 10px; margin: 50px auto; width: 300px; font-size:0.81em; }
#loginform .logininput{ border: 1px solid #ccc; width:200px; }
#errors { background: #FFF0D9; color: black; border: 2px solid #FF7E00; padding:10px; margin:0px auto; text-align: center;}
#errors ul { list-style-type:none; }
#errors ul li { font-size:0.9em; }


table.fundraising{
    border:1px solid #CCCCCC;
    width:550px;
    margin-top:20px;
}
table.fundraising th {
    width:33%;
    padding: 5px;
    font-weight:normal;
    text-align:left;
}
table.fundraising td {
padding:5px;
}

table.fundraising tr.heading {
background-color:#F6F6F6;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
color:#35B702;
font-size:0.9em;
margin:0;
padding:8px 8px 8px 30px;
width:522px;
}

table.fundraising tr.closing td {
    font-weight:bold;
    background-color:#FBFCF6;
    text-align:right;
}

table.fundraising td.amount {
    text-align:right;
}
#text table.fundraising a {
    color:#FF7E00;
}
#text ul.dashboard li a {
font-weight:bold;

}
#text ul.dashboard li a:hover, #text table.fundraising a:hover {
    text-decoration:none;
}

#full-text ul.dashboard li, #text ul.dashboard li {
    float:left;
    padding: 0 50px 0 30px;
}

#text ul.dashboard li.edit{
        background-image:url(../images/li_write.gif);
        background-repeat:no-repeat;

}

#text ul.dashboard li.password{
        background-image:url(../images/li_arrow.gif);
    background-repeat:no-repeat;

}
#text ul.dashboard li.logout{
    background-image:url(../images/li_lock.gif);
    background-repeat:no-repeat;
    padding: 0 0px 0 30px;

}
#text ul.dashboard li.new-page{
    background-image:url(../images/li_page.gif);
    background-repeat:no-repeat;
    

}
#text ul.dashboard li.sponsor{
    background-image:url(../images/li_heart.gif);
    background-repeat:no-repeat;
    padding: 0 0px 0 30px;

}
#text ul.dashboard {
    background-color:#FBFCF6;
    width:530px;
    margin:20px 0;
    border:1px solid #CCCCCC;
    padding:10px;
    list-style:none;
    overflow: auto;


}

table.fundraisingtable td.labelling {text-align:right; width:200px;}
#text table.fundraisingtable td {padding-top:5px;}
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#ffffff !important; 
 }

 #recaptcha_table {
   border-color: #CCCCCC !important; 
 }

 #recaptcha_response_field {
   border-color: #CCCCCC !important; 
   background-color:#ffffff !important; 
 }

#quoteshop p{
     font-size:90%;
}

 #shop_logo{
     margin:10px 0 0 0;
}

.shop_item{
    float:left;
    border:1px solid #D9D9D7;
    padding:2px;
    margin:0 10px 10px 0;
}