/*** COLORS ***/
/* Green: #76B81A */
/* Lt Green: #EBF9D5 */
/* Pink: #EE3793 */
/* Lt Pink: #FBD4E8 */
/* Blue: #70B9D4 */
/* Lt Blue: #DFEBEF */
/* Black: #lalala */
/* Yellow: #FFFF33 */
/* Orange: #F47D30 */

.event{background:#76B81A !important;}
.standard{background:#70B9D4 !important;}
.donate{background:#EE3793 !important;}

*{
margin: 0;
padding: 0;
outline: none;
border: none;}

a{
text-decoration: none;
color: #000;}

li{
list-style: none;}

ol li{
list-style: decimal !important;
margin-left: 20px;}

.noborder{
border: none !important;}

.nomargin{
margin: 0 !important;}

.nobg{
background: transparent !important;}

.left{
float: left !important;}

.right{
float: right !important;}

.small{
font-size: 12px;}

.block{
display: block;
height: 100%;
width: 100%;}

.hidden{
	display: none !important;
}

h1{font-size: 26px;}
h2{font-size: 18px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 26px;}
h6{font-size: 14px;}

#page_content p,
.sub_subpage ul{
padding: 10px 0;}

.subpage p{
clear: both;}

.subpage ul{
display: block;
padding: 10px 0;}

.subpage ul > li{
margin: 0 20px 4px;
list-style-type: square;}

.subpage ul li.sub_subpage{
list-style-type: none !important;
border-top: 1px dashed #bbb;}

.subpage span ul ul > li{
list-style-type: none;}

li.staff_info{
list-style-type: none !important;}

#key_staff,
#key_staff li{
list-style-type: none !important;}

#page_content > span{
padding: 10px 0;
display: block;}

#page_content .sub_subpage li{
margin-left: 20px;
list-style-type: square;}

/***	STICKY FOOTER	*	START	*/

html{
height: 100%;}

body {
background: #fff;
height: 100%;}

#wrapper{
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
/*width: 960px;*/
/*margin: 0 auto;*/
} /* Sticky here */

#lowerwrap{
position: relative;
background: #fff;
overflow-x: visible;
width: 940px;
margin: 0 auto;
padding: 20px;
z-index: 1;}

#pusher{
height: 100px;}
/***	STICKY FOOTER	*	END 	*/

/***	HEADER		***		START	*/
#header{
position: relative;
overflow: auto;
height: 140px;
width: 960px;
margin: 0 auto;}

#parentlogo{
float: left;
position: relative;
top: 16px;
left: 20px;
/*background: url(../img/logo.alliance.png) no-repeat;*/
background: url(../img/logo.png) no-repeat;
height: 105px;
width: 216px;}

#parentlogo a{
display: block;
width: 100%;
height: 100%;}

#tagline{
    position: absolute;
    right: 20px;
    bottom: 18px;
    font-style: italic;
    font-size: 18px;
}

#childlogos{
float: right;
position: relative;
z-index: 1;
top: 60px;}

#childlogos div{
position: relative;
top: -4px;}

#childlogos a{
display: block;
height: 100%;
width: 100%;
position: relative;
z-index: 1;}

#arc{
float: left;
background: url(../img/logo.arc.png) no-repeat;
height: 80px;
width: 133px;}

#matson{
float: left;
background: url(../img/logo.matson.png) no-repeat;
height: 65px;
width: 186px;
margin: 15px 0 0 8px;}

#topnav{
position: absolute;
z-index: 1000;
right: 0;}

#topnav span{
height: 44px;
float: left;}

#topnav span.corners{
width: 20px;}

#donate{
position: relative;
width: 72px;
overflow: visible;}

#donate .donate20{
float: left;}

#donate .donate_now{
background: #EE3793;
color: #fff;
font-weight: bold;
font-size: 20px;
float: left;}

#donate .pink10{
float: left;
height: 44px;
width: 20px;
position: relative;}

#donate a{
background: url(../img/donatebg.png) no-repeat;
line-height: 62px;
height: 56px;
width: 144px;
color: #fff;
display: block;
position: absolute;
top: -10px;
text-align: center;
right: 0;}

#topnav ul#mainbar{
height: 44px;
float: left;
/*z-index: 1000;*/
list-style: none;
font-size: 14px;
background: #474747;}

#topnav li{
float: left;}

#topnav li a{
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 12px 20px 14px;}

#topnav li a.blog-hover:hover,
#topnav li a.blog-hover:focus{
color: #76B81A;}

#topnav li a:hover{
color: #70B9D4;
cursor: pointer;}

#topnav li:hover #quicklinks{
display: block;}

#topnav #quicklinks{
position: absolute;
float: left;
display: none;
background: #474747;}

#topnav #quicklinks li{
border-left: 1px dashed #fff;
margin-top: 10px;
display: block;}

#topnav #quicklinks span{
display: block;
clear: both;
padding-top: 20px;
height: 18px;}

#topnav #quicklinks a{
font-size: 12px;
display: block;
padding: 0 20px;
margin: 0;
color: #fff;}

#topnav #quicklinks a:hover,
#topnav #quicklinks a:focus{
color: #70B9D4;}

#topnav #quicklinks div{
position: absolute;
bottom: -20px;
height: 20px;}

#topnav #quicklinks div.lb{
background: url(../img/corners-black-on-ltblue-20.png) bottom left no-repeat;
width: 20px;
left: 0;
z-index: 100;}

#topnav #quicklinks div.rb{
width: 100%;
right: 0;
z-index: 10;}

#topnav #quicklinks li .corner_inset_left { display:block;height:20px;width:20px; position:absolute;top:0px; left:-20px;} 
#topnav #quicklinks li .corner_inset_right { display:block;height:20px;width:20px;position:absolute;top:0px; right:-20px;}

.donate{
background: #EE3793 !important;
border-color: #EE3793 !important;
color: #fff !important;
font-size: 20px;
font-weight: bold;}

/*.news,*/
.events{
background: #76B81A !important;
border-color: #76B81A !important;}
/***	HEADER	***		END		*/

/***	CONTENT	***		START	*/
#content{
overflow: auto;
*overflow: visible; // IE7 Fix
width: 920px;
clear: both;
min-height: 300px;}

.tabheader{
display: block;
color: #fff;
text-align: center;
font-size: 20px;
color: #474747;
padding: 0;}

.eventlist{
overflow: auto;
padding: 0 6px;} /* 6px 6px */

.event{
border-bottom: 1px dotted #bbb;}

.event a{
display: block;
padding: 8px;}

.event a:hover,
.event a:focus{
background: #EBF9D5;}

.event span{
display: block;}

.event .eventtitle{
font-size: 14px;
font-weight: bold;}

.event .eventdate,
.event .eventtime,
.event .eventlocation{
font-size: 12px;}

#donate_list{
padding: 6px 0;}

#donate_list li{
padding: 6px 0;}
	
#donate_list img{
	float: right;
	padding-top: 2px;
}

#donate_list a{
padding: 4px 8px;
background: #eee;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 16px;
color: black;
width: 173px;
-moz-border-radius: 6px;}

#donate_list a:hover,
#donate_list a:focus{
background: url(../img/) no-repeat #eee !important;
color: #EE3793 !important;}

#donate_list .donate:hover,
#donate_list .donate:focus{
background: #FBD4E8 !important;
color: #474747 !important;}

.leftend{
-moz-border-radius: 10px 0 0 10px;}

.rightend{
-moz-border-radius: 0 10px 10px 0;}

.topend{
-moz-border-radius: 4px 4px 0 0;}

.bottomend{
-moz-border-radius: 0 0 4px 4px;}

/***	CONTENT	***		END		*/

/***	FOOTER	***		START	*/
#footer{
background: url(../img/footer.png) no-repeat bottom left #474747;
width: 936px;
margin: 0 auto;
overflow: auto;
padding: 12px;
color: #fff;}

#subscr{
position: relative;
display: block;
float: left;
width: 300px;
height: 100%;
border-right: 1px dashed #fff;
padding-right: 12px;
text-align: center;}

#qlinks{
background: #444;}

#qlinks ul{}

#qlinks li{
float: left;
width: 124px;
padding: 10px 0;
text-align: center;}

#qlinks img{
display: block;
width: 60px;
margin: 0 auto;}

#qlinks li a{
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;}

#qlinks li a:hover{
color: #70B9D4;}

#bottomband{
position: relative;
clear: both;
width: 920px;
margin: 0 auto;}

#bottomband span{
font-size: 12px;
padding: 0 12px;}
/***	FOOTER	***		END		*/

/***    SEARCH  ****	START   */
#search{
padding: 9px 0 0 16px;}

#search fieldset{
border: 1px solid #474747;
-moz-border-radius: 4px;
display: inline;}

#search input{
position: relative;
padding: 4px;
border: none !important;}

#searchvalue{
width: 140px;
float: left;
height: 16px;
-moz-border-radius: 4px 0 0 4px !important;
-webkit-border-radius: 4px 0 0 4px !important;
border-radius: 4px 0 0 4px !important;}

#searchsubmit{
background: url(../img/search.png) no-repeat 4px 4px #fff;
-moz-border-radius: 0 4px 4px 0 !important;
-webkit-border-radius: 0 4px 4px 0 !important;
border-radius: 0 4px 4px 0 !important;
cursor: pointer;
padding: 3px;
height: 24px;
width: 24px;}

.search_result .mapp-div{
display: none;}

.search_result{
border-bottom: 1px dashed #bbb;
text-align: center;}

.search_result a{
display: block;
padding: 20px;}

.search_result a:hover,
.search_result a:focus{
background: #DFEBEF;}

.search_result p{
font-size: 14px;
padding-top: 4px;}

.search-match{
font-weight: bold;
background-color: #FFFF33;}
/***    SEARCH  *       END     */

/***	TABS	*	START	*/
.dummytab{
display: none;}

.ui-tabs{
position: relative;}

.ui-tabs .ui-tabs-panel,
.ui-tabs-panel{
display: block;}

.ui-tabs .ui-tabs-hide,
.ui-tabs-hide{
display: none !important;}

#nav{
position: relative;
display: block;
margin: 0 auto;
z-index: 1000;}

#nav #navtabs-wrapper{
    width: 100%;
    background: #474747;
    float: left;
    border-bottom: 4px solid #fff;
}

#nav ul#navtabs{
list-style: none;
position: relative;
/*float: left;*/
width: 932px;
padding-left: 28px;
/*background: url(../img/navbar.png) top left no-repeat #474747;*/
background: #474747;
margin: 0 auto;}

#nav ul#navtabs li{
float: left;
padding: 6px 8px;
position: relative;
left: -8px;}

#nav ul#navtabs li a{
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
padding: 2px 10px; /*12*/
color: #fff;
text-decoration: none;
/*font-family: Georgia, serif;}*/
font-family: Verdana, Arial, sans-serif;}

#nav ul#navtabs li.ui-tabs-selected a{
color: #474747;
position: relative;
padding-top: 14px;
border-bottom: 12px solid #000;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
z-index: 1;}

#nav ul#navtabs li.ui-tabs-selected a:hover{
color: #474747 !important;}

.subnav{
    clear: left;
    background: #70B9D4;
}

.subnav-wrapper{
    width: 100%;
}

.subnav ul{
height: 22px;
position: relative;
clear: both;
overflow: hidden;
z-index: 10;
width: 960px;
margin: 0 auto;}

.subnav ul#welcome_msg{
text-align: center !important;}

.subnav ul#welcome_msg li{
float: none !important;}

/*
.subnav ul#welcome_msg li span{
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding: 2px 0 3px;
text-decoration: none;
text-transform: uppercase;}
*/

.subnav li{
float: left;}

.subnav li a{
color: #fff;
display: block;
/*font-size: 12px;*/
font-size: 11px;
font-weight:bold;
padding: 4px 20px;
text-decoration: none;
text-transform: uppercase;
font-family: Verdana, Arial, sans-serif;}
/*font-family: Georgia, serif;}*/

.subnav li a:hover{
color: #474747;}
/***	TABS	*	END		*/

#about-us ul,
#nav ul#navtabs #tab-about-us.ui-tabs-selected a{
background: #70B9D4;
border-bottom-color:#70B9D4;}

#nav ul#navtabs #tab-about-us a:hover,
#nav ul#navtabs #tab-programs a:hover,
#nav ul#navtabs #tab-business-svcs a:hover,
#nav ul#navtabs #tab-residential-svcs a:hover{
color: #70B9D4;}

#programs ul,
#nav ul#navtabs #tab-programs.ui-tabs-selected a{
background:#70B9D4;
border-bottom-color:#70B9D4;}

#business-svcs ul,
#nav ul#navtabs #tab-business-svcs.ui-tabs-selected a{
background:#70B9D4;
border-color:#70B9D4;}

#get-involved ul,
#nav ul#navtabs #tab-get-involved.ui-tabs-selected a,
#get-involved .subnav-wrapper{
background:#EE3793;
border-bottom-color:#EE3793;}

#nav ul#navtabs #tab-get-involved a:hover{
color: #EE3793;}

#news-events ul,
#nav ul#navtabs #tab-news-events.ui-tabs-selected a,
#news-events .subnav-wrapper{
background:#76B81A;
border-bottom-color:#76B81A;}

#nav ul#navtabs #tab-news-events a:hover{
color: #76B81A;}

#residential-svcs ul,
#nav ul#navtabs #tab-residential-svcs.ui-tabs-selected a{
background:#70B9D4;
border-bottom-color:#70B9D4;}

/*** PAGE TEMPLATE START ***/

.titleimg{
background: /*url(../img/tester.jpg) no-repeat*/ #eee;
height: 210px;
width: 680px;
overflow: hidden;
padding: 0px;
z-index: 1;}

.titleimg img{
z-index: 1;
position: absolute;
width: 680px;
height: 210px;}

.pagetitle{
display: block;
position: relative;
top: 140px;
z-index: 1000;
width: 660px;
background: url(../img/transparent20.png);
background: rgba(0,0,0,0.6);
font-weight: bold;
color: #fff;
padding: 4px 0px 4px 20px;
font-size: 38px;
text-transform: uppercase;}

.uptop{
top:0 !important;}

.breadcrumbs{
/*padding: 2px 0 4px 20px;*/
margin-bottom: 10px;
height: 4px;
width: 680px;
/*font-size: 12px;
line-height: 12px;
background: #70B9D4;*/
/*overflow: auto;*/
/*border-top: 1px solid #003C78;
border-bottom: 1px solid #003C78;*/}

.breadcrumb{
float: left;}

.breadcrumb a{
color: #fff;}

.leftmain{
position: relative;
float: left;
width: 680px;
overflow: auto;
*overflow: visible;}

.rightside{
float: right;
width: 221px;}

.rightside .sidebox,
.rightside .smallbox{
margin-bottom: 20px;}

#activity_list span{
font-weight: bold;
padding: 20px 40px;}

.activity a{
width: 320px;
padding: 20px;
border-bottom: 1px dotted #bbb;
display: block;}

.activity a:hover{
background: #eee;}

.activity p{}

#page_navigation{
padding: 10px 0;
overflow: auto;}

#page_navigation a{
margin-right: 4px;
padding-right: 1px;
padding-bottom: 2px;
width: 24px;
text-align: center;
display: block;
float: left;
background: #eee;
-moz-border-radius: 4px;
font-weight: bold;}

#page_navigation a:hover,
#page_navigation .active_page{
background: #76B81A;
color: #fff;}

#page_navigation .prev_link,
#page_navigation .next_link{
width: 50px;}

.mapentry{
position: relative;
overflow: auto;
min-height: 300px;
_height: 300px;}

.mapentry .sexy-bookmarks{
display: none;}

.entrytitle{
border-bottom: 1px dashed #bbb;
padding-bottom: 8px;
margin-bottom: 12px;}

.entrytitle h5{
display: inline;}

.entrytitle span{
position: relative;
top: -1px;
font-style: italic;
font-size: 20px;}

.entry p{
padding: 10px 0;}

.entry a{
font-weight: bold;
color: #70B9D4;}

.entry a:hover,
.entry a:focus{
color: #474747;}

.entry img{
position: relative;
float: left;
padding-right: 10px;
border: none !important;}

.entry div{}

.entry div.vacancy_info{
border-top: 1px dashed #bbb;
padding: 12px 0 0;
margin-top: 8px;}

.entry span p,
.entry div p{
display: block;
/*width: 525px;*/
padding: 0 0 10px 0;}

.entry ul{
padding: 0 0 8px 0;
}

.entry li{
list-style-type: square;
margin-left: 20px;
padding-bottom: 2px;}

.mapentry ul,
.mapentry p,
.mapentry form,
.mapentry h2{
width: 275px;}

.mapentry li a{
color: #70B9D4;}

.mapentry #mappress0{
position: absolute;
right: 0;
top: 0;}

.address{
font-size: 16px;}

.mapp-poweredby{
display: none;}

.sidebox .cat-item{
padding: 2px 0;
font-size: 16px;
font-weight: bold;}

.town_activity_list a{
display: block;
padding: 2px 0;}

#main_content_tabs{
display: block;
overflow: auto;
width: 100%;}

#main_content_tabs li{
float: left;
position: relative;
margin-right: 10px;}

#main_content_tabs li a{
display: block;
background: #eee;
padding: 4px 30px 0px;
/*-moz-border-radius: 10px 10px 0 0;*/}

#main_content_tabs li.ui-tabs-selected a{
background: #76B81A;
color: #fff;}

#main_content div{
clear: both;
border-top: 4px solid #76B81A;
overflow: auto;
*overflow: visible;}

#page_slider_cont,
#event_slider_cont{ /* for the page scroller */
height: 0; /************************* CHECK TO DO WITH JAVASCRIPT *****/
overflow: hidden;
position: relative;}

#page_content a{
color: #70B9D4;
font-weight: bold;}

#page_content a:hover{
color: #000;}

li.buffer{
height: 5000px;}

#page_nav_list,
#blog_cat_nav,
#browse_activities_list,
#other_articles_list,
#announcements_list,
#spotlight{
padding: 0px 6px;} /* 10px 6px */

#page_nav_list li a,
#blog_cat_nav li a{
-moz-border-radius: 6px;}

#page_nav_list li a.lvl_one,
#blog_cat_nav li a,
#browse_activities_list li a{
display: block;
font-size: 14px;
font-weight: bold;
padding: 2px 6px 4px;}

#other_articles_list li a,
#announcements_list li a,
#spotlight li a{
display: block;
font-size: 12px;
padding: 12px 6px;
border-bottom: 1px dotted #bbb;}

#spotlight li a{
border-bottom: none;
border-top: 1px dotted #bbb;}

#spotlight li img{
padding-bottom: 4px;}

#spotlight li p{
text-align: center;
font-size: 14px;
font-style: italic;}

#other_articles_list li h6,
#spotlight li h6{
text-align: center;}

#other_articles_list li:last-child a,
#announcements_list li:last-child a{
border: none;}

#page_nav_list li a.lvl_two{
font-size: 12px;
padding: 1px 18px 3px;}

#page_nav_list li a:hover,
#page_nav_list li a:focus,
#blog_cat_nav li a:hover,
#blog_cat_nav li a:focus,
#browse_activities_list li a:hover,
#browse_activities_list li a:focus,
.currently_visible a.lvl_one,
.sub_currently_visible a.lvl_two,
#blog_cat_nav li.ui-state-active{
background: #DFEBEF;
-moz-border-radius: 6px;}

#spotlight li a:hover,
#spotlight li a:focus{
background: #DFEBEF;}

#other_articles_list li a:hover,
#other_articles_list li a:focus,
#announcements_list li a:hover,
#announcements_list li a:focus{
background: #EBF9D5;}

#announcements_list li span{
font-family: Arial, sans-serif;
font-weight: bold;
color: #76B81A;}

.sub_subpage{
overflow: hidden;
padding-top: 12px;}

#staff_text{
display: block;
width: 460px;
float: left;}

.staff_info{
border-bottom: 1px dotted #bbb;
overflow: auto;
padding: 20px 0 20px 20px;
margin: 0 !important;}

.staff_info img{
float: left;
margin-right: 20px;}

.staff_info li, /* Reset this level of elements */
.staff_info span{
padding: 0 !important;}

.staff_name{
font-weight: bold;
font-size: 20px;
float: left;}

.staff_title{
line-height: 25px;
font-size: 16px;
font-style: italic;}

.staff_email{
clear: both;
display: block;}

.staff_bio{}

.current_page_item a,
.current_page_ancestor a{
color: #474747 !important;}

.pub_date{
font-size: 12px;
font-weight: bold;
font-family: Arial, sans-serif;
color: #76B81A;}

.announce_date{
font-size: 16px;
font-weight: bold;
font-family: Arial, sans-serif;
color: #76B81A;}

blockquote{
background: url(../img/quotes.png) no-repeat 4px 4px #fff;
padding-left: 20px;}
	
div.resize{
	right: 0;
	height: 24px;
	width: 24px;
	background: url(../img/Aa.png) no-repeat;
	cursor: pointer;
	position: absolute;
	z-index: 10000;
	border: none !important;
}

#squares-banner{
	height: 100px;
	width: 920px;
	background: url(../img/squares-banner.jpg) no-repeat left top;
	padding-bottom: 20px;
	margin: 0 auto;
}

#squares-banner a{
	display: block;
	height: 100px;
	width: 920px;
}

#page_content{
    overflow: hidden;
}

#newsletters{
    width: 700px;
    float: left;
    padding: 0 0 10px;
/*    overflow: hidden;
    margin: 10px 0 0;
    padding: 0 0 10px;*/
}

#newsletters li{
    list-style: none !important;
    float: left;
    padding: 0;
    margin: 0 10px 8px 0;
    position: relative;
    text-align: center;
/*    border-top: 1px dotted #EBF9D5;*/
}

#newsletters a{
    float: left;
    padding: 14px 14px 3px 14px;
/*    color: #000;*/
    color: #76B81A;
}

#newsletters span{
    line-height: 32px;
}

#newsletters a:hover{
    background: #EBF9D5;
}

#newsletters img{
    border: 1px solid #76B81A;
/*    border: 1px solid #EBF9D5;*/
    height: 246px;
    width: 190px;
    float: left;   
}

/* -- Comments -- */

#submitsection{
    width: 510px;
}

#submitsection label{
    width: 54px !important;
}

#submitsection input[type="text"]{
    width: 32px !important;
    text-align: center;
    margin: 0 0 0 8px;
}

#submitsection p,
#submitsection p *{
    float: right;
}

#submitsection input[type="submit"]{
    margin: 1px 0 0 20px;
}

#respond h5, #comments h5{
    padding-bottom: 4px;
    border-bottom: 1px solid #76B81A; 
}

#respond h5 span{
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

#respond, #comments{
    margin-top: 20px;
    padding-top: 8px;
    border-top: 4px solid #76B81A;
}

#respond > div{
    padding: 10px 0;
}

#respond p{
    padding: 4px 0;
}

#respond label{
    float: left;
    width: 250px;
    height: 26px;
    line-height: 26px;
}

#respond input[type="text"]{
    width: 250px;
}

#respond input[type="text"]:hover,
#respond input[type="text"]:focus,
#respond input[type="email"]:hover,
#respond input[type="email"]:focus,
#respond textarea:hover,
#respond textarea:focus{
    border-color: #76B81A;
}

#respond input[type="submit"]:hover{
    background: #76B81A;
    color: #fff;
}

#respond textarea{
    width: 500px;
}

textarea{
    font-family: Helvetica, Arial, sans-serif;
}

#comments div.comment{
    border-top: 1px dashed #76B81A;
    padding: 8px;
}

#comments div.comment.first{
    border-top: none;
}

div.comment > div{
    position: relative;
}

#comment a, #respond a{
    color: #76B81A;
}

div.comment a:hover{
    color: #EBF9D5;
}

div.comment-body{
    padding: 8px 0 12px;
}

p.comment-author{
    font-size: 13px;
}

p.comment-avatar{
    position: absolute;
    right: 0;
    top: 0;
}

p.comment-avatar img{
    width: 40px;
    height: 40px;
}

div.comment-body p{
    padding: 0 8px;
    font-size: 16px;
    width: 494px;
}

p.comment-meta{
    font-size: 10px;
    color: #aaa;
}