/* 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:29px; display:block; margin:0; padding:10px 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 27px 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.double-button {height: 110px; background-image:url(../images/bg_home-list-double.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;}

#blog_feed{margin-bottom: 13px;}

.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;}

#text p em.grey{color:#666;}

/*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-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;}

#text a img.our_work_2 { border:1px solid #CCCCCC; padding:5px; width:auto; margin:10px 20px 20px 0; float:left;}

.input1		{border:1px solid #CCCCCC; padding:3px; width:190px; }
.input2		{border:1px solid #CCCCCC; padding:3px; }
#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;
}

#act{
    float:left;
    width:550px;
    height:444px;
    background-image:url(../images/bg_act.jpg);
    margin:0 0 10px 0;
}

ul#socials{
    float:left;
    margin:10px 0 10px 0;
}

ul#socials li{
    float:left;
    height: 24px;
    list-style: none;
    margin:10px 0 0 0;
    padding:10px 0 0 44px;
    background-repeat: no-repeat;
}

ul#socials li a{
    float:left;
    height: 32px;
    color:#333;
    font-size: 14px;
    text-decoration: none;
}

ul#socials li a:hover{
    text-decoration: underline;
}

ul#socials li#itemFacebook{
   background-image:url(../images/icon_facebook_32.png);
}
ul#socials li#itemTwitter{
   background-image:url(../images/icon_twitter_32.png);
}

.spacer{
    clear:both;
    height:1px;
}

#act_links{
    float:left;
    width:173px;
    margin:38px 0 0 27px;
}

#act_links li{
    list-style: none;
    text-indent: -999px;
    margin:0 0 10px 0;
}

#act_links li#btDonate a{
    display:block;
    width: 86px;
    height:43px;
    background-image: url(../images/bt_donate_act.png);
}

#act_links li#btGet a{
    display:block;
    width: 173px;
    height:43px;
    background-image: url(../images/bt_get_the_act.png);
}

#act_links li#btMore a{
    display:block;
    width: 157px;
    height:43px;
    background-image: url(../images/bt_more_info.png);
}

#act_links li a:hover{
    background-position: 0 -43px;
}

#act_video{
    float:right;
    width: 277px;
    height:191px;
    border:1px solid #fff;
    margin:20px 20px 0 0;
}

#actFormTable{
    margin:30px 0 0 0;
}

#actFormTable td{
    vertical-align: top;
}

#act_right{
    float:left;
    margin:20px 0 0 0;
}

/* /////////////  ###############################################  ////////////////*/
/* /////////////               FLORA MINI MARATHON                 ////////////////*/
/* /////////////  ###############################################  ////////////////*/

#miniMarathon{
    float:left;
    width: 550px;
    height: 150px;
    padding:187px 0 0 0;
    margin: 0 0 15px 0;
    background-image: url(../images/bg_mini_marathon.jpg);
    text-align: center;
}

#miniMarathon p{
    line-height: 1.6em;
    font-weight:bold;
    font-size: 19px;
    color: #fff;
    margin: 0 0 20px 0;
    padding:0;
}

#miniMarathon a#registerMarathon{
    float:left;
    width: 147px;
    height: 43px;
    background-image: url(../images/bt_register_marathon.png);
    text-indent: -9999px;
    margin:0 20px 0 95px;
}

#miniMarathon a#visitMarathon{
    float:left;
    width: 193px;
    height: 43px;
    background-image: url(../images/bt_visit_marathon.png);
    text-indent: -9999px;
}

#miniMarathon a#registerMarathon:hover, #miniMarathon a#visitMarathon:hover{
    background-position:0 -43px;
}

#actFormTable td.label1{
    width:120px;
}

.boxHeart{
    float:left;
    border-left:1px solid #E4CCB5;
    border-top:1px solid #E4CCB5;
    border-bottom:1px solid #E4CCB5;
    margin:1px 0 10px 0;
}

.boxACT{
    float:left;
    border-right:1px solid #E4CCB5;
    border-top:1px solid #E4CCB5;
    border-bottom:1px solid #E4CCB5;
    margin:1px 0 10px 0;
}



#lifetimeGift{
    float:left;
    width: 530px;
    height: 150px;
    padding:187px 10px 0 10px;
    margin: 0 0 15px 0;
    background-image: url(../images/bg_lifetime_gift2.jpg);
    text-align: center;
}

#lifetimeGift p{
    line-height: 1.4em;
    font-weight:normal;
    font-size: 13px;
    color: #fff;
    margin: 0 0 5px 0;
    padding:0;
}

#lifetimeGift h1{
	margin:8px 0 4px 0;
	padding:0;
	color:#fff;
	font-size:24px;
}

*:first-child+html #lifetimeGift h1{
	margin-top:20px;
}

#lifetimeGift p a{
	color:#fff;
}
#lifetimeGift p a:hover{
	text-decoration:none;
}


/* /////////////  ###############################################  ////////////////*/
/* /////////////                    STARS APPEAL                   ////////////////*/
/* /////////////  ###############################################  ////////////////*/

#home_star{
    margin:0 0 20px 0;
    width:191px;
    height: 112px;
    padding:78px 0 0 0;
    background-image:  url(../images/bg_star_home.png);
    background-repeat: no-repeat;
    text-align: center;
    font-family: Georgia,Arial;
    color:#012f3e;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4em;
}

#home_star strong, .mater_star strong{
    font-size: 110%;
}

.mater_star{
    float:left;
    margin:0 10px 10px 0;
    width:178px;
    height: 104px;
    padding:72px 0 0 0;
    background-image:  url(../images/bg_star_level2.png);
    background-repeat: no-repeat;
    text-align: center;
    font-family: Georgia,Arial;
    color:#012f3e;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4em;
}

#home_star a, .mater_star a{
    color:#012f3e;
    text-decoration: none;
}
#home_star a:hover, .mater_star a:hover{
    text-decoration: underline;
}

p#message_stars{
    margin-bottom: 30px;
}


/* /////////////  ###############################################  ////////////////*/
/* /////////////                    OUR WORK PAGE                  ////////////////*/
/* /////////////  ###############################################  ////////////////*/

ul#grants{
    margin:20px 0 0 0;
    padding:0;
}

ul#grants li{
    float:left;
    list-style: none;
    margin:0 2px 0 0;
    padding:0;
}

ul#grants li a{
    float:left;
    text-decoration: none;
    font-size:14px;
    background-color: #FAFAFA;
    padding:10px 15px;
    border-bottom:2px solid #fff;
    outline:none;
}

ul#grants li a.active{
    background-color: #F6F6F6;
    border-bottom:2px solid #F6F6F6;
}

ul#grants li a:hover{
    text-decoration: underline;
}
ul#grants li a.active:hover{
    text-decoration: none;
}

#tabs2007{
    display: none;
}


#blueSeptember{
    float:left;
    width: 550px;
    height: 365px;
    background-image:url(../images/bg_blue_september2.jpg);
    margin: 0 0 10px 0;
}

p#blueFollowUs{
    float:right;
    margin: 110px 15px 0 0;
    font-size: 18px;
    color:#fff;
}

p#blueFollowUs a{
    margin:0 0 0 10px;
}
p#blueFollowUs a img{
    position:relative;
    top:10px;
}

p#blueFollowUs a:hover{
    position: relative;
    top:-1px;
}

#blueSeptember ul{
    margin: 30px 0 0 27px;
    padding: 0;
    float:left;
    width:125px;
}

#blueSeptember li{
    list-style: none;
    margin:0 0 10px 0;
}

#blueVideo{
    float:right;
    width: 277px;
    height:185px;
    border:1px solid #fff;
    margin:15px 25px 0 0;
}


/* /////////////  ###############################################  ////////////////*/
/* /////////////                 HOW TO HELP PAGE                  ////////////////*/
/* /////////////  ###############################################  ////////////////*/

.help_box{
    float:left;
    width: 270px;
    margin: 10px 0 0 10px;
}

#text .help_box h2{
    float:left;
    width: 240px;
    height:26px;
    background-image:url(../images/bg_heading_help.png);
    margin: 0 0 1px 0;
    padding: 12px 0 0 30px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}
#text .help_box h2 a{
     color: #fff;
     text-decoration: none;
}
#text .help_box h2 a:hover{
    text-decoration: underline;
}

#text .help_box h2.bigger{
    width: 250px;
    padding: 12px 0 0 20px;
}

.help_box_content, .help_box_content_smaller{
    float:left;
    width: 222px;
    padding:15px 23px;
    background-color: #f6f3e9;
    border: 1px solid #f6c393;
    min-height: 205px;
}
.help_box_content_smaller{
   min-height: 150px;
}

#text .help_box_content p, #text .help_box_content_smaller p{
    margin: 0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#333;
    margin: 10px 0 0 0;
    line-height: 1.5em;
}
#text .help_box_content p a, #text .help_box_content_smaller p a{
    color:#333;
    text-decoration: none;
    font-weight: normal;
}
#text .help_box_content p a:hover, #text .help_box_content_smaller p a:hover{
    text-decoration: underline;
}

#howtoorganise li{
    margin:0 0 10px 0;
}



/* /////////////  ###############################################  ////////////////*/
/* /////////////          JQUERY FORM VALIDATION                   ////////////////*/
/* /////////////  ###############################################  ////////////////*/

label.error{
	clear:both;
	color:#dc1c07;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin:2px 0 4px 5px;
	width:230px;
	font-family:Tahoma, Geneva, sans-serif;
}

input.error { color:#000; font-weight:normal; border:1px dotted #dc1c07; }

#homepage_panel {
	width:550px;
	height:365px;
	background-image: url("../images/bg.jpg");
 	background-repeat: no-repeat;
	//position:absolute;
}

#homepage_panel_text {
	width:550px;      
        height:365px;
	margin-top: 250px; 
	margin-left: 100px;
        position:relative;
} 

#act_panel {
        width:550px;
        height:440px;  
        background-image: url("../images/act-bg.jpg");
        background-repeat: no-repeat;
        //position:absolute;
}