/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/


#sin-wraper{width:100%; margin:0 auto; padding:0; }
#sin-container{width:900px; margin:0 auto; background: url(../images/bg.jpg) left top repeat-y; padding:0 13px 0 13px; }
.sin-header{width:900px;}
.sin-top-bg{background:url(../images/header_bg.gif) repeat-y; height:105px;}
.sin-logo{ position:absolute; top:13px; margin-left:22px;}
.sin-companyname{padding:40px 0 0 205px; float:left;}
.sin-toplinks{ float:right; padding:14px 14px 0 0; }
.sin-toplinks dd{float:left; padding:0 0 0 4px;}
.sin-input{width:100px; height:17px;  margin:0; padding:0;}
.sin-toplinks a{font-family:"Arial", Helvetica, sans-serif; font-size:12px; color:#333333; padding-bottom:5px; text-decoration:none;
}
.sin-toplinks a:hover{font-family:"Arial", Helvetica, sans-serif; font-size:12px; color:#186a26; padding-bottom:5px; text-decoration:underline
}
.sin-banner {width:900px; height:185px;}
#sin-body {width:900px; clear:both; /*overflow:hidden;*/ overflow:visible;}
.sin-left-part{float:left; width:198px; background-color:#e7f0af; /*border:#a1ca4d solid 1px;*/}
.sin-menu {width:182px; background-color:#186a26; padding-left:16px; padding-bottom:35px;}
.sin-menu li{list-style-type: none; background:url(../images/border-bottom.jpg) left bottom no-repeat;}
.sin-menu li a{ background:url(../images/aerrow.gif) left center no-repeat; text-decoration:none; color:#fff; line-height:24px; height:24px; font-size:12px;  color:#fff; display:block; font-weight:bold; padding-left:13px;}
.sin-menu li.vol a{ background:url(../images/aerrow.gif) left center no-repeat; text-decoration:none; color:#fff; line-height:24px; height:50px; font-size:12px;  color:#fff; display:block; font-weight:bold; padding-left:13px;}

.sin-menu li a:hover{background:url(../images/aerrow_h.gif) left center no-repeat; text-decoration:none; color:#186a26; background-color:#e7f0af;} 
.sin-menu li.vol a:hover{background:url(../images/aerrow_h.gif) left center no-repeat; height:50px; text-decoration:none; color:#186a26; background-color:#e7f0af;} 

.sin-ligth-green-part { width:196px; height:233px; border:solid 1px #a1ca4d;}
.sin-mid-box1 {border-bottom:solid 5px #a1ca4d; float:left; margin-bottom:12px;}
.sin-mid-box { width:500px; border:solid 1px #a1ca4d; float:left;}
.sin-mid-box p {padding:6px 8px 0px 0px; line-height:16px; font-size:11px; text-align:justify; margin-left:15px;}
.sin-mid-part{float:left; width:685px; padding:6px 8px 0px 8px;}
.sin-mid-part p{}
.sin-mid-part h2
{
	padding:10px 0px 0px 13px;
	font-size:15px;
	color:#09853c;
}
.sin-mid-part h3
{
	padding:10px 0px 0px 13px;

}

.sin-mid-part ul li
{
	padding: 5px 0px 5px 10px;
	list-style:inside;
	list-style-type: disc;
}
.sin-mid-box-bottom { float:left; border:solid 1px #a1ca4d; width:239px; padding:3px; min-height:180px; height:auto!important; height:180px;}
.sin-mid-padding { margin-right:0px;}
.sin-mid-box-bottom h3{ padding:2px 2px 2px 2px; font-size:15px; color:#09853c; text-align:center; background-color:#e7f0af; display:block; line-height:36px;}
.sin-mid-box-bottom p{padding:6px 8px 0px 8px; line-height:14px;  font-size:11px; text-align:justify}
.sin-right-part{float:left; width:176px; padding:6px 5px 0px 0px;}
.sin-right-part-donationbox{float:left; width:176px; padding:6px 5px 0px 0px;}
.sin-right-box{ width:168px; padding:3px 3px 0px 3px; border:solid 1px #bdbdbd; /*min-height:571px; height:auto!important;*/ height:231px;}

.sin-right-box-t{ clear:both; background-color:#96ba64; font-size:12px; font-weight:bold; color:#fff; line-height:36px;  text-align:center; margin-bottom:3px; width:168px;}
.sin-right-box-t-donationbox{ clear:both; background-color:#96ba64; font-size:12px; font-weight:bold; color:#fff; line-height:36px;  text-align:center; margin-bottom:3px; width:168px;}
.sin-right-box-bottom-bg{ clear:both; background-color:#f3f3f3; margin-bottom:20px;  font-size:12px; color:#1d5300; text-align:center; font-weight:bold; padding:10px 0px 10px 0px; }
.sin-right-box-bottom-bg span{color:#d1010f;}
.sin-right-box-donation{ background-color:#f3f3f3; /*padding:10px 0px 68px 0px;*/ padding:10px 0px 0px 0px; width:168px;  text-align:center; color:#1d5300;}
.sin-right-box-donation a{font-size:10px; color:#1d5300; text-align:center; text-decoration:underline;}
.sin-right-box-donation a:hover{font-size:10px; color:#d1010f; text-decoration:none;}
#sin-footer{ width:900px; clear:both;}
.sin-footer-top{ width:900px; height:23px;}
.sin-footer-bg{ background:url(../images/footer_bg.gif) repeat-x; height:117px; font-size:11px; color:#474747; text-align:center; vertical-align:middle;}
.sin-footer-bg p{font-size:11px; color:#1d5300;}


/* News */

.sin-news-box { width:650px; border:solid 1px #a1ca4d; float:left;}
.sin-news-box p {padding:6px 8px 0px 0px; line-height:16px; font-size:11px; text-align:justify; margin-left:15px;}

#news-li
{
	margin: 10px 0px;
	padding: 3px;
	border: 1px solid #A1CA4D;
	list-style-type:none;
} 

#news-li a
{
	text-align:center;
}

#news-ul
{
	width: 500px;
	list-style: none;
	margin: 0px;
	padding: 3px;
	clear:left;
} 




/* Forthcoming Events */

div.layoutitem_picturegallery1
{
height:183px;
}

div.layoutitem_picturegallery1 ul li img
{
	max-width:168px;
	margin-left:-10px;
}


.sin-contact-in ul li
{
	list-style-type:none;
}


/* Picture Gallery */
div.layoutitem_picturegallery ul li ul li
{
clear:right;
float:left;
height:230px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:center;
vertical-align:middle;
width:220px;
}