/* Start of CMSMS style sheet 'default' */
@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------

				Defaults
				
---------------------------------------------*/
*{
margin: 0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;

}
ol, ul {
list-style: none;
padding:5px 0 10px;
}
/* tables still need �cellspacing=�0?� in the markup */
table {
border-collapse: separate;
border-spacing: 0;

}

.adopt {
width:654px;
margin-left:auto;
}


caption, th, td, {
text-align: left;
font-weight: normal;

}

td {
padding:0 12px 0 0;
}




blockquote:before, blockquote:after,
q:before, q:after {
content: ��;
}
blockquote, q {
quotes: �� ��;
}

.left {
float: left;
padding:10px 18px 0 38px;
}
.right {
float: right;
padding:17px 28px 10px 8px;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
color:#765f3f;
}
a {
color: #e57300;  /*set this color relative to your site design*/
text-decoration: underline;
}
a:hover {
text-decoration: none;
}


p {
font:Arial;
color:#424242;
line-height:1.4em;
font-size:1.2em;
}



body {
line-height: 1;
font-size: 62.5%;
color: black;
background: #637b57 url(../images/background.jpg) repeat-x;
}



/*--------------------------------------------

		layout
				
---------------------------------------------*/


#container {
width: 1000px;
margin: 0px auto;

}

#mainarea {
background-image:url(../images/mainarea.jpg);
background-repeat:no-repeat;
width:909px;
height:768px;
padding: 0px 39px 0px 76px;
float:left;
}

#mainarea_inner {
background-color:#f3f3f3;
background-repeat:no-repeat;
width:909px;
margin:0 28px;


}


/*--------------------------------------------

		right column home 
				
---------------------------------------------*/

.rightcol {
float:right;
width:213px;
}

.rightcol_inner {
float:right;
width:213px;
}


.logo {
background:transparent url(../images/logo.jpg) no-repeat scroll 0 0;
display:inline;
float:left;
height:148px;
margin:-19px -14px 0 0;
text-indent:-999em;
width:224px;
position:relative;
}

.logo_inner {
background:transparent url(../images/logo_inner.jpg) no-repeat scroll 0 0;
height:153px;
float:right;
margin:-3px -11px 0 0;
text-indent:-999em;
width:222px;
display:inline;
position:relative;
}

.logo_inner2 {
background:transparent url(../images/logo_inner.jpg) no-repeat scroll 0 0;
height:153px;
float:right;
margin:-3px -11px 38px 0;
text-indent:-999em;
width:222px;
display:inline;
position:relative;
}

.rightcol p {
font-size:12px;
line-height:1.2em;
padding:2px 12px 10px;
font-family:arial;

}

.rightcol_inner p {
font-family:arial;
font-size:12px;
line-height:1.2em;
padding:2px 12px 10px;

}



.rightcol_inner h4 {
border-top:1px solid;
color:#006800;
font-family:arial;
font-size:1.3em;
font-weight:bold;
line-height:1.2em;
margin-left:11px;
padding:4px 0 3px;
width:187px;
}

.signup {
background:url(../images/signup.jpg) no-repeat ;
float:left;
height:92px;
text-indent:-999em;
width:213px;
}
.donatenow {
background:url(../images/donatenow.jpg) no-repeat;
float:left;
height:47px;
text-indent:-999em;
width:213px;
margin:-6px 0 0 5px;
}

.neighborhoodstitle{
background:transparent url(/uploads/images/title_neighborhood.png) no-repeat scroll 0 0;
float:left;
height:79px;
/*margin:17px 0 0;*/
text-indent:-999em;
width:231px;
_azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}

.bottomright_col {
background:url(../uploads/images/logos/Sprainbrook_logo1.jpg) no-repeat;
float:left;
height:112px;
width:99px;
margin:2px 48px 5px 48px;

}

/*--------------------------------------------

	sign in form
				
---------------------------------------------*/
form#login {
  position:relative;
}

div#username,
div#email {
  position:relative;
  float:left;
  margin-right:3px;
  padding:0 9px;
}

input#username-field,
input#email_field {
  width:181px;
  background-color:#cde0bc;
  border:none;
  margin:4px;
}

  label.overlabel {
    color:#999;
  }

  label.overlabel-apply {
    position:absolute;
    top:3px;
    left:5px;
    z-index:1;
    color:#424242;
	padding:3px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  }
  
  #submit {
  padding: 5px 6px;
  }



/*--------------------------------------------

		left column home 
				
---------------------------------------------*/
.leftcol {
float:left;
width:696px;
}

.imagebox_main {
float:left;
margin:0px 0px -2px -24px;
height:312px;
width:720px;
text-indent:-999em;
position:relative;
display:inline;
}

.feret {
background: url(../images/feature_feret_new.jpg) no-repeat;

}

.eagle {
background: url(../images/feature_eagle.jpg) no-repeat;

}

.frog {
background: url(../images/feature_frog.jpg) no-repeat;

}

.house {
background: url(../images/feature_house.jpg) no-repeat;

}

.iguana {
background: url(../images/feature_igunana.jpg) no-repeat;

}

.snake {
background: url(../images/feature_snake.jpg) no-repeat;

}

.turtle {
background: url(../images/feature_turtle.jpg) no-repeat;

}

.row_2 {
float: left;
width: 696px;
background: url(../images/row2_top.gif);
font-family:arial;
}

.row_2top {
float: left;
width: 696px;
background: url(../images/row2.gif) top left no-repeat;
}

.row_2bottom {
float: left;
width: 696px;
background: url(../images/row2bottom.jpg) bottom left no-repeat;
padding-bottom:7px;

}

.row_2 .left_col {
float: left;
width: 496px;
}

.row_2 .left_col p {
font-size:11px;
line-height:1.2em;
padding:0 159px 6px 40px;
padding-left:40px;

}


.row_2 .right_col {
float: left;
width: 199px;
}

.row_2 .right_col p {
font-size:11px;
line-height:1.2em;
padding:0 12px 0 81px;
}

.row_2 .right_col h3 {
color:#E57300;
font-size:1.2em;
line-height:1.4em;
padding-left:83px;
}

.row_2 .keep_open {
float: right;
width: 1px;
height: 168px;
font-size: 1px;
}




.paperclip_welcome {
background:url(../uploads/images/title_PRESERVE.jpg) no-repeat;
float:left;
text-indent: -999em;
width:282px;
height:79px;
}



.paperclip_greentip {
background:url(../images/paperclip_homegreentip.png) no-repeat;
float:left;
text-indent: -999em;
width:199px;
height:79px;
_azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true
);
}


.row_3 {
background:transparent url(../images/row3_top.gif);
float:left;
width:696px;
margin:-2px 0;
font-family:arial;
}

.row_3top {
background:transparent url(../images/row3.gif) no-repeat;
float:left;
width:696px
}


.row_3bottom {
background:url(/uploads/images/GNC_HOME_V3_3_26.jpg) bottom left no-repeat;
float:left;
width:696px;
padding-bottom: 7px;
}

.row_3 .left_col {
float: left;
width: 214px;
}



.row_3 .left_col p {
font-size:11px;
line-height:1.2em;
padding:8px 0 0 100px;
width:96px;
}

.row_3 .left_col h3 {
font-size:12px;
line-height:1.2em;
padding:0 0 0 57px;
width:128px;
font:Arial, Helvetica, sans-serif;
color:#424242;
font-family:arial;
}

.row_3 .right_col {
float: left;
width: 481px;
}

.row_3 .right_col p {
font-size:11px;
line-height:1.2em;
padding:12px 91px 0;
width:270px;
}

.row_3 .keep_open {
float: right;
width: 1px;
height: 175px;
font-size: 1px;
}

.paperclip_events {
background:url(../images/title_events.jpg) no-repeat;
float:left;
text-indent: -999em;
width:214px;
height:76px;
margin:0 0 0 -11px;
position:relative;
display:inline;
}

.paperclip_birthday {
background:url(../images/title_birthday.jpg) no-repeat;
float:left;
text-indent: -999em;
width:338px;
height:80px;
}

/*--------------------------------------------

		global navigation
				
---------------------------------------------*/
.nav {
background:url(../images/nav.jpg) no-repeat;
float:left;
height:22px;
line-height:20px;
padding:33px 25px 18px;
position:relative;
text-align:center;
width:859px;


}

.nav_inner{
background:url(../images/nav_inner.jpg) no-repeat;
float:left;
height:22px;
line-height:20px;
padding:34px 0 18px;
position:relative;
text-align:center;
width:920px;
margin:0 -15px 0 -1px;
display:inline;
text-transform:uppercase;
}


.nav  li {
padding:0px 1px;
display:inline;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.nav_inner  li {
padding:0px 1px;
display:inline;

font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}



.nav a {
color:#000000;
text-decoration:none;
font-weight:bold;
}

.nav li a:hover {
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#31610c;
text-decoration:none;
font-weight:bold;
}



.nav_inner a {
color:#000000;
text-decoration:none;
font-weight:bold;
}

.nav_inner li a:hover  {
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#31610c;
text-decoration:none;
font-weight:bold;
}

.nav_inner li a.active {
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#31610c;
text-decoration:none;
font-weight:bold;
}



/*--------------------------------------------

		secondary navigation
				
---------------------------------------------*/

.nav_secondary {
float:left;
padding-left:35px;
margin-bottom:5px;

}

.nav_secondary a {
color:#000000;
text-decoration:none;
}


.nav_secondary li {
padding:0px 1px;
display:inline;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.nav_secondary li a:hover, .nav_secondary li a.active {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#31610c;
text-decoration:none;
}



/*--------------------------------------------

		inner
				
---------------------------------------------*/


.imagebox_inner {
height:169px;
width:687px;
float:left;
}

.banner {
background: url(../images/inner_banner.jpg) no-repeat;
}

.row_inner {
background:transparent url(../images/row_inner_new.jpg) no-repeat;
float:left;
width:687px;
background-repeat:repeat-y;

}

.paperclip_content {
background:url(../images/content_title.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}

.paperclip_content_visit {
background:url(../uploads/images/visit.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}



.paperclip_content_programs {
background:url(../uploads/images/programs.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}

.paperclip_content_education {
background:url(../uploads/images/education.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}

.paperclip_content_privacy {
background:url(../uploads/images/PRIVACY.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}

.paperclip_content_getinvolved {
background:url(../uploads/images/getinvolved.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}

.paperclip_content_contact {
background:url(../uploads/images/contact.jpg) no-repeat;
float:left;
height:85px;
margin:0 0 -6px;
position:relative;
text-indent:-999em;
width:687px;

}



.row_innertop {
background:transparent url(../images/row_innertop.gif) top left no-repeat; 
float:left;
width:687px;
}


.row_innerbottom {
background:url(../images/row_innerbottom_new.jpg) bottom left no-repeat;
float:left;
width:687px;

}

.share_inner {
float:left;
padding:5px 18px 15px 38px;
}

.share_home {
float:left;
margin-left:-5px;
position: relative;

}

.rightcol div h2 {
display: inline;
}

.share ul {
display:inline;
}

.share li {
display:inline;
}

.inner_greentip h3 {
font:Arial, Helvetica, sans-serif;
color:#e57300;
float:right;
line-height:1.4em;
font-size:1.2em;
width:100px;
padding:0 15px;
}

.inner_greentip p {
float:right;
padding:0 15px;
width:100px;
line-height:1em;
}



.inner_events {
background:url(../images/inner_events.jpg) no-repeat;
float:left;
width:223px;
height:182px;

}

.inner_events h3 {
color:#424242;
font-size:12px;
line-height:2.2em;
padding:0 36px;
width:156px;
}

.inner_events p {
float:right;
line-height:1.1em;
padding:0 15px;
width:108px;
}

.paperclip_innerevents {
background:url(../images/inner_events_01.jpg) no-repeat;
float:left;
width:222px;
height:72px;
text-indent:-999em;
margin:0 -9px;
display:inline;
position:relative;
}


.row_innerbottom p {
font-size:1.3em;
line-height:1.4em;
padding:5px 18px 15px 39px;
font-family:arial;
}

.video {
float:left;
padding:5px 0 22px 36px;
}


.address {
font-size:1.3em;
line-height:1.4em;
padding:5px 18px 15px 38px;
font-family:arial;
color:#2b2929;
}

.row_innerbottom .keep_open {
float:right;
height:360px;
width:1px;
}



.row_innerbottom ul li {
background-image:url(../uploads/images/bulletpoint.gif);
background-position:45px 6px;
background-repeat:no-repeat;
color:#424242;
font-family:arial;
font-size:1.3em;
line-height:1.4em;
padding:0 28px 0 55px;

}

.row_innerbottom ol li {

background-repeat:no-repeat;
color:#424242;
font-family:arial;
font-size:1.3em;
line-height:1.4em;
padding:0 28px 0 55px;

}


.row_innerbottom h3 {
font-size:1.7em;
line-height:1.9em;
padding:0 28px 15px 39px;
font-family:arial;
color:#006800;
font-weight:bold;
}

.row_innerbottom h4 {
color:#006800;
font-family:arial;
font-size:1.3em;
font-weight:bold;
line-height:1em;
padding:11px 28px 2px 39px;
}

.row_innerbottom h5 {
color:#765F3F;
font-size:14px;
font-weight:bold;
padding:15px 0 1px 39px;
font-family:arial;
}
.row_innerbottom h6 {
color:#765F3F;
font-size:13px;
font-weight:bold;
padding:5px;
}

.footer {
text-align:center;
margin-right:34px;
padding-top:2px;
padding-bottom: 4px;
}

.footer p {
font:Arial;
color:#FFFFFF;
font-size:12px;
font-family: arial;
padding-top:2px;
}

.footer a {
font-size: 12px;
color:#ffffff;

}

.footer_proof {
background:url(../uploads/images/proof.jpg) no-repeat;
}

.footer_bm {
background:url(../uploads/images/bm.jpg) no-repeat;
}

.row_imagegallery {
background:url(../images/imagegallery_inner.jpg) repeat-y;
float:left;
width:222px;
margin:0 0 0 -10px;
display:inline;
}

.row_imagegallery .keep_open {
height:161px;
width:1px;
float:right;
}

.row_imagegallerytop {
background:url(../images/imagegallery_inner_top.jpg) top left no-repeat;
float:left;
width:222px;
display: inline;
position: relative;
}

.row_imagegallerybottom {
background:url(../images/imagegallery_bottom.jpg) left bottom no-repeat;
float:left;
width:222px;
}

.row_imagegallery p {
color:#636363;
font-size:12px;
padding:0 0 0 136px;
width:63px;
font-family:arial;
}

.paperclip_imagegallery_inner {
float:left;
background:url(../images/paperclip_imagegallery.png) no-repeat;
text-indent:-999em;
height:78px;
width:222px;
margin:0 -1px -8px 0;
top: -8px;
position:relative;
display:inline;
}

.rightcol .keep_open {
margin-right: -1px;
display: inline;
}

.row_greentip {
background:transparent url(../images/inner_greentip_.jpg) repeat-y;
float:left;
margin:0 0 0 -10px;
width:222px;
display:inline;
clear: both;
}

.row_greentip .keep_open {
height:190px;
width:1px;
float:right;
}
.row_greentiptop {
background:url(../images/inner_greentip_top.jpg) top left no-repeat;
float:left;
width:222px;
}

.row_greentipbottom {
background:url(../images/inner_greentip_bottom.jpg) bottom left no-repeat;
float:left;
width:222px;
}

.row_greentip p {
color:#636363;
font-family:arial;
padding:0 0 10px 102px;
width:96px;
}

.row_greentip h3 {
color:#E57300;
font-family:arial;
font-size:1.2em;
padding:0 0 0 103px;
width:117px;
}

.paperclip_greentip_inner {
background:url(../images/paperclip_greentip_inner.png) no-repeat;
float:left;
height:81px;
width:221px;
text-indent:-999em;
position:relative;
}


.row_events {
background:transparent url(../images/innerevents.jpg) repeat-y;
float:left;
margin:0 0 0 -10px;
width:222px;
display:inline;
clear: both;
}


.row_events .keep_open {
float:right;
width:1px;
height:15px;
}


.row_eventstop {
background:url(../images/inner_events_top.jpg) top left no-repeat;
float:left;
width:222px;

}

.row_eventsbottom {
background:url(../images/inner_events_bottom.jpg) bottom left no-repeat;
float:left;
width:222px;
}

.paperclip_events_inner {
background:url(../images/paperclip_inner_events-02.jpg) no-repeat;
float:left;
height:81px;
left: 1px;
text-indent:-999em;
width:221px;
position:relative;
}

.row_events p {
color:#636363;
font-family:arial;
margin-left:-16px;
padding:0 0 0 100px;
width:121px;
}



.row_events h3 {
color:#636363;
font-family:arial;
font-size:12px;
line-height:1.2em;
padding:0 0px 0 84px;
width:105px

}


#gallery {
		
		

	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; padding:0 0 0 30px;}

	#gallery ul img {
		border: 5px solid #f4f0e9;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

.sharethis {
float:left;
padding:2px;
}

.facebook {

}

.twitter {

}

/***
** Membership page
***/
.register-options{
margin: auto;
text-align: center;
}

.register-options .col2{
float: left;
width: 200px;
padding: 20px;
}

.register-options .option p{
padding:0 0 5px 0;
}

.register-options .donate{
padding: 0 0 20px 0;
}


/***
** misc
**/
.green{
color: #3A873F;
}

.bold{
font-weight: bold;
}

.row_innerbottom p.large{
font-size: 60px;
}

.left-no-pad{
float: left;
}


.stbutton {
display: block;
float: left;
clear: none;
} 

.error{
font-family: arial;
color: red;
font-weight: bold;


/* End of 'default' */