html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


html{background: url("/images/back.png");font-family: 'Droid Sans', sans-serif;}

.all {
width: 940px;
margin: 0 auto;
background: #FFF;
padding: 20px;
}
.header {
    height: 145px;
    position: relative;
background: url('/images/menubar.png') 180px 60px no-repeat;
}
#menu {
    display: block;
    position: absolute;
    right: 14px;
    top: 36px;
}
.jqueryslidemenu ul:before {
    background: url("/images/menusides.png");
    content: "";
    display: block;
    height: 48px;
    left: -14px;
    position: absolute;
    top: 0;
    width: 14px;
}
.jqueryslidemenu ul {
    list-style-type: none;
    background: #0064A5;
    display: block;
    height: 48px;
    padding: 0 10px;
}
.jqueryslidemenu ul:after {
    background: url("/images/menusides.png") -14px 0;
    content: "";
    display: block;
    height: 48px;
    position: absolute;
    right: -14px;
    top: 0;
    width: 14px;
}
.jqueryslidemenu ul li {
    float: left;
    display: block;
    float: left;
    line-height: 46px;
    margin: 1px 0;
    position: relative;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited {
    color: #FFFFFF;
}
.jqueryslidemenu ul li a {
    color: #FFFFFF;
    display: block;
    padding: 0 28px;
    text-decoration: none;
}
.jqueryslidemenu ul li a:hover {
    color: #5B87C6;
    background: #D9EDF7;
}
.jqueryslidemenu ul li ul:before {
    background: none;
}
.jqueryslidemenu ul li ul:after {
    background: none;
}
.jqueryslidemenu ul li ul {
    background: #0064A5;
    border: none;
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 142px;
    z-index: 99;
}
.jqueryslidemenu ul li ul li {
    display: list-item;
    float: none;
    line-height: 46px;
}
.jqueryslidemenu ul li ul li a {
    background: #0064A5;
    border-top-width: 0;
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-align: left;
    text-decoration: none;
}

.showcase {
width: 100%;
height: 401px;
position:relative;
}
.slider-wrapper{
width:696px;height:401px;position:relative;}
.nivo-directionNav{display:none !important}
.nivo-controlNav {
position: absolute;
bottom: 18px;
right:15px;
z-index:999;
	text-align: center;
	padding: 0;
}

.nivo-controlNav a {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(/images/buttons.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 7px;
}
.nivo-controlNav a.active {
	background-position:-16px 0;
}

.shadow {
    position: absolute;
    background: url('/images/slideshadow.png');
 z-index: 1000;
    top: 0;
    left: 646px;
    width: 51px;
    height: 401px;
}
.sidelinks {
    position: absolute;
    right: 0;
    top: 0;
    background: url('/images/options.jpg');
    width: 245px;
    height: 391px;
    padding: 5px 0;
list-style: none;
}
.sidelinks a {
    height: 96px;
    line-height: 96px;
    padding: 0 0 0 40px;
    text-decoration: none;
    color: #FFF;
    font-size: 19px;
    font-weight: bold;
    display: block;
list-style: none;
}

.sidelinks a:hover{
    background:#d9edf7;
    color:#5b87c6;
list-style: none;
}

.sidelinks li {
    border-bottom: 1px solid #80b3d5;
    border-top: 1px solid #004d7f;
}

.sidelinks li:first-child{
    border-top: none
}

.sidelinks li:last-child{
    border-bottom: none
}
.localGroups {
   display: block;
   //line-height: 35px;
   line-height: 25px;
   padding-top: 16px;
}
.bigbutton {
    display: block;
    float: left;
    width: 258px;
    height: 189px;
    padding: 20px;
    margin-right: 23px;
    color: #FFF;
    font-size: 12px;
}
#donatebutton {
    background: url('/uploads/images/Donate-ThumbnailR.jpg');
    margin-right: 10px;
}
#volunteerbutton {
    background: url('/uploads/images/Volunteer-Thumbnail.jpg');
}
#supportbutton {
    background: url('/uploads/images/Support-Thumbnail.jpg');
    margin-right: 10px;
}
.bigbuttons {
    margin: 20px 0;
}
.small-head {
    text-transform: uppercase;
    font-family: "Trebuchet MS", sans serif;
    font-weight: bold;
    font-size: 14px;
    color: #FFF;
    display: block;
}
.large-head {
    font-family: "Trebuchet MS", sans serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    color: #FFF;
    display: block;
    line-height: 28px;
    margin-bottom: 10px;
}
.medium-head {
    font-family: "Trebuchet MS", sans serif;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: bold;
}
.learn-button {
    display: block;
    margin: 10px 0 0 0;
    padding: 8px;
    background: #888;
    float: left;
    text-decoration: none;
    color: #FFF;
    border-radius: 5px;
    font-size: 13px;
}

.text {
display: block;
}
#donatebutton .learn-button {
    background: #776b5d;
}
#volunteerbutton .learn-button {
    background: #f47564;
}
#supportbutton .learn-button {
    background: #ffffff;
color: #4e5d5c;
 }
.supportText {
    display: block;
    line-height: 1.8em;
}
#front-content {
    clear: both;
    float: left;
    width: 560px;
    margin: 20px 0px 0 0;
    color: #7d7d7d;
    font-size: 14px;
margin-left: 30px;
padding-right: 55px;
    background: url('/images/vdivider.png') right center no-repeat;
}
h1 {
    font-size: 27px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: "Trebuchet MS", sans serif;
}

h2 {font-size:20px;margin-bottom:10px;font-weight:bold}
h3 {font-size:18px;margin-bottom:10px;font-style: italic;}
.footer {
    clear: both;
    margin-top: 30px;
    margin-bottom:30px;
    background: #0064a5;
    float: left;
    width: 860px;
    padding: 30px 40px;
    border-radius: 6px;
    color: #FFF;
    font-size: 14px;
}
#front-contact {
  float: left;
  width: 225px;
  color: #7d7d7d;
  margin: 20px 10px 0 18px;
}
#front-contact h2 {
    font-size: 27px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: "Trebuchet MS", sans serif;
}
.footer-menu{margin-bottom:20px}
.footer-menu li {
    display: inline;
}
.footer-menu li:first-child {
    display: inline;
    margin:0;
}

.footer-menu li:after{
    content:"|";
    margin:0 3px
}

.footer-menu li:last-child:after{
    content:"";
} 

.footer-menu a {
    text-decoration:none;
    color:#FFF
    
}

.footer-menu a:hover{
    color:#e6d601;
}
.footer-menu ul li ul {
  display: inline;
}
.footer-menu ul li ul:before {
    content: "|";
}
.copyright {
    display: block;
    margin-bottom:5px
}
.design {
    display: block;
}

.design a{text-decoration:none;color:#5fc7d2}

#front-contact .phone {
    display: block;
    padding: 0 0 0 50px;
    background: url('/images/phone.png') no-repeat;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
#front-contact .address {
    padding: 0 0 0 50px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    background: url('/images/map.png') no-repeat;
    margin-bottom: 10px;
}
#front-contact .email {
    padding-left: 50px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    background: url('/images/email.png') no-repeat;
    height: 30px;
}


.email a {
    text-decoration: none;
    color: inherit;
}

.clear{clear:both;}

.top-options {
    display: block;
    position: absolute;
    top: -5px;
    right: 10px;
    line-height: 32px;
    font-size: 13px;
    height: 32px;
    color: #828282;
}
.facebook {
    font-style: italic;
}
.facebook img {
    outline: none;
    border: none;
    vertical-align: middle;
    margin-left: 10px;
}

#main-content {
width: 560px;
float: left;
min-height: 500px;
font-size: 14px;
color: #828282;
padding-left: 30px;
}

#main-content a{color:#004c89;}
#main-content p {
margin-bottom: 6px;
}
.sidebar {
float: right;
width: 300px;
margin-top: 0;
}

.sidebar #front-contact {
margin: 20px 46px 0 0;
}

.sidebar .bigbutton {
margin-bottom: 10px;
}

.privatemenu .menu {
top: 0;
left: 14px;
right: 14px;
}

.privatemenu {
position: relative;
height: 70px;
margin-top: -15px;
}

.top-options li {
display: inline;
}

.login {
margin-left: 6px;
}

#loginform {
font-size: 14px;
}

#loginform p {
display: block;
clear: both;
margin: 5px 0;
}

label {
width: 110px;
display: block;
float: left;
}

input[type="text"], input[type="password"] {
border: 1px solid #555;
padding: 2px 5px;
border-radius: 3px;
}

input[type="submit"]{
float: right;
padding: 2px 5px;
border-radius: 3px;
}
.loginlink {
    text-decoration: none;
    color: inherit !important;
    background: url('/images/member.png') right center no-repeat;
    padding-right: 15px;
}
.login {
    padding-right: 20px;
 }
.login a {
color: #004c89;
}
.blue {
    color: #004c89;
}
input[type="checkbox"] {
margin-left: 4px;
}
legend{
font-size: 18px;
margin-bottom: 12px;
}
.membersBox1 {background: #c6dbee;color: #333;}
.membersBox2 {background: #ede44b;color: #333;}
.membersBox3 {background: #bdda80;color: #333;}

/**** Hide option di change settings when user has logged in *****/
.change-settings {display: none;}
/* Stylesheet: base Modified On 2018-08-22 14:50:08 */