@charset "utf-8";
/* CSS Document */

body
{
    margin: 0;
    padding: 0;
    background: #a8a558;
    font: 11px "Lucida Sans";
    scrollbar-base-color: #f4f3c4;
    scrollbar-face-color: #f2f0b9;
}
	
	a 
	{
	color:#460815;
	}
	

		
	
	
hr
{
    color:#a8a558;
    height:1px;
}

h1
{
font-size:2.2em;
font-weight:bold;
color:#460815;
background:#f2f0b9;
text-align:left;
}

h2
{
font-size:1.7em;
font-weight:bold;
color:#460815;
background:#f2f0b9;
text-align:left;
}

h3
{
font-size:1.5em;
font-weight:bold;
color:#460815;
background:#f2f0b9;
text-align:left;
}

h4
{
font-size:1.3em;
font-weight:bold;
color:#460815;
background:#f2f0b9;
text-align:left;
}

h5
{
font-size:1.0em;
font-weight:bold;
color:#460815;
background:#f2f0b9;
text-align:left;
}

	    
	
a img {
	border:none;
	}
img.floatLeft {
	float:left;
	margin:0 5px 5px 0;
	}
img.floatRight {
	float:right;
	margin:0 0 5px 20px;
	}
.clear {
	clear:both;
	}
.top7px {
	margin-top:7px;
	}
.alignRight {
	text-align:right;
	}
.split {
	background:url(images/3x1_31.gif) repeat-x;
	height:2px;
	margin:10px 0 10px 0;
	}
#wrapper {
	margin:0 auto;
	width:891px;
	background:url(images/bg_02.gif) repeat-y;
	}
#container {
	padding:7px 18px 0px 18px;
	}
#header {
	background:url(images/header_bg_06.jpg) no-repeat;
	width:855px;
	height:220px;
	margin-bottom:7px;
	}
#header .inner {
	float:right;
	text-align:right;
	padding:30px;
	font:12px Arial;
	font-weight:bold;
	color:#eae3b0;
	width:200px;
	margin-right:50px;
	}
#header a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	}
#copyright {
	font:11px Arial;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	}

#bottom
{
    width:auto;
    height:80px;
    display:block;
    background:url('images/bottom_shape_09.gif') no-repeat top 18px;
    margin-top:15px;
    padding-left:15px;
    clear:both;
}
	
#left {
	float:left;
	width:177px;
	}
#left .box {
	width:177px;
	background:#a8a557 url(images/left_box_bottom_13.gif) bottom no-repeat;
	padding-bottom:10px;
	}
#left .box .hdr
{
    font-size: 18px;
    line-height: 32px;
    padding-bottom: 7px;
    background: url(images/left_box_hdr_10.gif) no-repeat;
    color: #f2f0b9;
    text-align: center;
}
#left .box .inner {
	padding:0 6px 0 6px;
	text-align:left;
	}
	
#right {
	float:right;
	width:176px;
	}
#right .box {
	width:176px;
	background:#460815 url(images/right_box_bottom_22.gif) bottom no-repeat;
	padding-bottom:7px;
	}
#right .box .hdr {
	font-size:18px;
	line-height:32px;
	padding-bottom:5px;
	background:url(images/right_box_hdr_12.gif) no-repeat;
	color:#f2f0b9;
	padding-left:10px;
	text-align:center;
	}
#right .box .inner {
	padding:0 6px 0 6px;
	text-align:left;
	color:#FFFFFF;
	}
	
#middle {
	margin-left:182px;
	width:491px;
	overflow:visible;
	}
#middle .box {
	width:491px;
	background:#f2f0b9 url(images/middle_box_bottom_36.gif) bottom no-repeat;
	padding-bottom:7px;
	}
#middle .box .hdr {
	font-size:18px;
	line-height:32px;
	padding-bottom:5px;
	background:url(images/middle_box_hdr_12.gif) no-repeat;
	color:#f2f0b9;
	padding-left:10px;
	}
#middle .box .newsletterhdr {
	font-size:18px;
	line-height:32px;
	padding-bottom:5px;
	background:url(images/middle_box_hdr_12.gif) no-repeat;
	color:#FFFFFF;
	padding-left:10px;
	text-decoration:underline;
	cursor:pointer;
	}

#middle .box .inner {
	padding:0 10px 0 10px;
	text-align:justify;
	height:100%;
	}
#middle .box .innerpageview {
	padding:0 10px 0 10px;
	text-align:justify;
	height:auto;
	}

#middle .box .innerlogin {
	padding:0 10px 0 10px;
	text-align:justify;
	}

	
#middle div.innerhomepageblock
{

   	padding:0 0px 0 0px;
	text-align:left;
	background: url(images/HomepageBlockBackground.png) no-repeat center center;
}



#middle div.innerbulletins
{
    padding:0 10px 0 10px;
	text-align:justify;
	background: url(images/bulletinbackground.png) no-repeat center center;
}
#middle div.innernews
{
    padding:0 10px 0 10px;
	text-align:justify;
	background: url(images/newsbackground.png) no-repeat center center;
}
#middle div.innerevents
{
    padding:0 10px 0 10px;
	text-align:justify;
	background: url(images/eventsbackground.png) no-repeat center center;
}
#middle div.innerweather
{
    padding:0 10px 0 10px;
	text-align:justify;
	background: url(images/weatherbackground.png) no-repeat center center;
}
#middle div.innerresources
{
    padding:0 10px 0 10px;
	text-align:justify;
	background: url(images/resourcesbackground.png) no-repeat center center;
}

#large {
	/*margin-left:182px;*/
	float:right;
	width:672px;
	}
#large .box {
	width:672px;
	background:#f2f0b9 url(images/large_box_bottom_06.gif) bottom no-repeat;
	padding-bottom:7px;
	}
#large .box .hdr {
	font:18px Arial;
	line-height:32px;
	padding-bottom:5px;
	background:url(images/large_box_hdr_03.gif) no-repeat;
	color:#FFFFFF;
	padding-left:10px;
	}
#large .box .inner {
	padding:10px 20px 10px 20px;
	text-align:justify;
	}
	
	.calendar
	{
	    color:#fff;
	    font-size:0.9em;
	}
	
	
/*---------------------------------Added By Seavista ---*/	

.menu
{
font-size:1.3em;
background-color:Transparent;
}



a.DynamicMenuItemStyle
{
    width: 170px;
    height: 30px;
    display: block;
    border: 0;
    padding:0px;
    padding-left:0px;
    background-image: url( 'images/buttonbackground.png' );
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position:left center;
color:#fff;
vertical-align:middle;

}

a.DynamicMenuItemStyle:hover
{
    width: 170px;
    height: 30px;
    display: block;
    border: 0;
    padding:0px;
    background-image: url( 'images/buttonbackground_over.png' );
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position:left center;
color:#fff;
}

a.StaticMenuItemStyle
{
    width: 160px;
    height: 30px;
    display: block;
    border: 0;
    padding:0;
    padding-left:15px;
    background-image: url( 'images/buttonbackground.png' );
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position:left center;
color:#fff;
}

a.StaticMenuItemStyle:hover
{
    width: 160px;
    height: 30px;
    display: block;
    border: 0;
    padding:0;
    padding-left:15px;
    background-image: url( 'images/buttonbackground_over.png' );
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position:left center;
color:#fff;
}


/* Flyout */
table a.DynamicMenuItemStyle
{
position:relative;
margin-left:-35px;
padding-left:25px;
    background-image: url( 'images/buttonbackground.png' );
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position:left center;
    width:135px;
    overflow:hidden;
}
table a.DynamicMenuItemStyle:hover
{
padding-left:25px;
position:relative;
    background-image: url( 'images/buttonbackground_over.png' );
    background-repeat:no-repeat;
    background-color:Transparent;
    background-position:left center;
    width:135px;
    overflow:hidden;
}

.style_float_right
{
float:right;
}


a.style_white_link
{
color:#fff;
}

img.style_vertical_align_middle
{
vertical-align:middle;
}

.documentListingsGrid
{
margin:0;
width:auto;
padding:0;
}


span.documentListingsTitle
{
    border-bottom: solid 1px;
    border-bottom-color: #333333;
    font-size:1.75em;
    font-weight:bold;
    display:block;
    width:470px;
}




.dateTitle
{
font-size:1.45em;
white-space:nowrap;
padding-right:100px;
}

.bulletinLink, .groupLink
{
color:#ffffff;
}

.linkAddItem
{
margin-left:90px;
color:#ffffff;
font-size:0.75em;
text-decoration:underline;
}



.newsPopup, .bulletinsPopup, 
{
height:300px;
width:500px;
background-color:#fff;
padding:20px;
border-top:solid 10px #460815;
}

.emailPopup
{
height:200px;
width:400px;
background-color:#fff;
padding:20px;
border-top:solid 10px #460815;
}

.lostPinPopup,.lostPasswordPopup
{
height:200px;
width:400px;
background-color:#fff;
padding:20px;
border-top:solid 10px #460815;
}
.modalBackground {
	opacity: .5;
	filter: alpha(opacity=50);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("images/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;

}



a.blockEditLink
{
float:right;
display:inline;
font-size:x-small;
color:#fff;
padding-right:8px;
padding-top:5px;
}


#loginContainer
{
position:absolute;
top:20px;
left:66%;
border:0;
}

#aspnetForm
{
width:auto;
overflow:hidden;

}



li.documentListingListItem
{
    display: block;
    background-color: #FFFFCC;
    margin: 0;
    padding: 0;
    list-style:none;
}

a.alphaMenuLink
{
font-size:1.5em;
text-decoration:none;
}

a.alphaMenuLink:hover
{
text-decoration:underline;
}

a.alphaMenuLink:active
{
font-size:2.5em;
}


.newsTitle, .itemTitle
{
font-size:1.5em;
font-weight:bold;
color:#460815;
background:#f2f0b9;

}
a.newsTitle
{
text-decoration:underline;
}

img.newsImage
{
float:left;
border:0;
padding:10px;
}


span.newsLabel
{
    color: #993333;
    font-size:xx-small;
}


img.neighborbuilderlogo
{
float:right;
margin-right:50px;
border:0;
}


input.style_disabled_input
{
border:0;
background-color:#f2f0b9;
color:#000;
}


/* Calendar CSS */
.ajax__calendar
{
    background-color:#ffffff;
    color:#000000;
    z-index:10000;
    width:250px;
    cursor:pointer;
}



/*Comments*/
#commentcontainer
{
width:460px;
font-size:.80em;

}

.commentheader
{
    font:18px Arial;
	line-height:28px;
	color:#460815;
	padding-left:10px;
	display:block;
	border-bottom:solid 1px #a8a557;

}

.commentbody
{
    padding:10px;
    padding-bottom:20px;
    text-align:left;
}

td.commentbodycontainer
{
	background:url(images/comment_body_container.gif) no-repeat;
	line-height:34px;
	

}


td.commentbodycontainer span 
{
    padding-top:30px;
    margin-left:50px;
    font-weight:bold;
    font-style:italic;
}


/*profile @top */
.profilecontainer
{
   margin-top:10px;
   width:220px;
   color:#fff;
   text-align:left; 
   
}

.profileheader
{
	font:18px Arial;
	font-weight:bold;
	line-height:32px;
	padding-bottom:7px;

	color:#FFFFFF;
	text-align:left;
}

.profilebody
{

}

div.whoisOnline 
{
height:60px;
overflow:auto;

}

.loginContainer
{
font-size:0.75em;
}

input.loginContainer
{
height:20px;
width:auto;
font-size:0.75em;

}

a.expandlink
{
color:#fff;
}


.smalltext
{
    color:#460815;
    font-size:0.7em;
    text-align:left;

}

a.photoAlbumLink
{
    color:#fff;
    font-size:1.3em;
    text-align:left;
    line-height:14pt;

}

#searchcontainer
{
text-align:left;
background:url(images/searchbackground_off.png) no-repeat;
margin-top:15px;
	
}
#searchcontainer input
{
opacity: .5;
filter: alpha(opacity=50);

}

#searchcontainer img
{
visibility:hidden;

}

#searchcontainer:hover
{
text-align:left;
background:url(images/searchbackground.png) no-repeat;
margin-top:15px;
}
#searchcontainer:hover input
{
opacity: 1.0;
filter: alpha(opacity=100);
visibility:visible;
}
#searchcontainer:hover img
{
height:auto;
width:auto;
}


span.highlight
{
    border-color: #000000;
    background-color: #FF6600;
    border-bottom-style: double;
}

/*poll*/
.Poll_Container
{
    border: 1px solid #993333;
    width: 450px;
    height: auto;
    background-color: Transparent;
    padding:0px;

}

.Poll_TakePoll
{
}
.Poll_PollResults
{
padding:10px;

}
.Poll_DisplayText
{
color:#fff;
display:block;
background-color:#460815;
font-weight:bold;
font-size:1.3em;
}

#neighborbuilderlogo
{
text-align:center;
padding-top:10px;
padding-bottom:10px;
}


.NoRecordsPanel
{
height:400px;
}

.style_line_height_small
{
line-height:0.5em;
margin:0;
}


.NBColor1
{
color:#F88F1A;
}

.NBColor2
{
color:#474849;


}

table.weather
{
font-size:x-small;
}


/*
.ajax__tab_header
{
height:30px;
width:100%;
background:#a8a558;

}

.ajax__tab_tab
{
background:#a8a558;
color:#fff;
padding:3px;
text-decoration:underline;

}

.ajax__tab_default
{
padding:0px 5px 0px 5px;
}
.ajax__tab_tab
{
background:#a8a558;
color:#fff;
padding:3px;
text-decoration:underline;

}

*/


/* ajax__tab_xp-theme theme */


.ajax__tab_default .ajax__tab_header 
{
	font-size:13px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab 
{
	color:#fff;
}

.ajax__tab_default .ajax__tab_body 
{
    font-size:10pt;
    border:0px solid #999999;
    border-top:0;
    padding:5px;
    background-color:#f2f0b9;
}

.green .ajax__tab_header 
{
    background:url(images/green_bg.gif) repeat-x;
}
.green .ajax__tab_hover .ajax__tab_outer,
.green .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/green_left.gif) no-repeat left top;
}
.green .ajax__tab_hover .ajax__tab_inner,
.green .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/green_right.gif) no-repeat right top;
}

a.headlinkslogin
{
font-weight:bold;
text-decoration:underline;
}


img.profilethumb
{
    height:50px;
    width:75px;
    border:solid 0px #000;
}