/* 
summerhillcm.com, v3 stylesheet (screen)
start:  	
author:		marie kyle 
contact:	get (at) mariekyle.com

=========== TOC 
		=GENERIC LAYOUT & MENU STYLE
		=HOMEPAGE
		=ABOUT page
		=PICTURES page
		=NEWSLETTER page
		=DONATE page
		=CONTACT page
		=ERROR page		

=========== NOTES


=========== COLORS

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

/* ___________________________________

	=GENERIC LAYOUT & MENU STYLE 
_____________________________________*/
body {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	color:#696969;
	font-size:13px;
	line-height:16px;
	background:url(/assets/img/bgrepeat.jpg);
	background-repeat:repeat-x;}

a:focus, a:hover {color:#174038;}

a {color:#2ea496;text-decoration:underline; outline:none}

#main {
	width:1024px;
	height:768px;
	margin:0 auto;
	background:url(/assets/img/bg.jpg);}

#container {
	width:805px;
	margin:0 auto;
	padding-top:172px;}
	
.menuall {
	width:805px; 
	height:52px; 
	background: url(/assets/img/menu.png); 
	position:relative;
	margin:0px;
	padding:0px;
	z-index: 500;}
.menuall li {list-style:none; position:absolute;}
.menuall li, .menuall a {height:52px; display:block;}
.home {left:0px; width:89px;}
.about {left:89px; width:95px;}
.whatwedo {left:184px; width:116px;}
.donate {left:300px; width:167px;}
.pictures {left:467px; width:102px;}
.newsletters {left:569px; width:109px;}
.contactus {left:678px; width:127px;}
.home a:hover {background:transparent url(/assets/img/menu.png) 0 -52px no-repeat;}
.about a:hover {background:transparent url(/assets/img/menu.png) -89px -52px no-repeat;}
.whatwedo a:hover {background:transparent url(/assets/img/menu.png) -184px -52px no-repeat;}
.donate a:hover {background:transparent url(/assets/img/menu.png) -300px -52px no-repeat;}
.pictures a:hover {background:transparent url(/assets/img/menu.png) -467px -52px no-repeat;}
.newsletters a:hover{background:transparent url(/assets/img/menu.png) -569px -52px no-repeat;}
.contactus a:hover {background:transparent url(/assets/img/menu.png) -678px -52px no-repeat;}

#block_header {
	position:relative;
	display: block;
	padding:0px;
	margin-top: -20px;
	margin-left:10px; }

#block_content {
	border-top: solid 1px #f9f9f9;
	background-color:#f9f9f9;
	margin: 0px auto;
	width:743px;
	height: 445px;
	padding: 0px 10px;}
	
.floatleft {float: left;}
.center {margin:0 auto;}



/* ___________________________________

    =HOMEPAGE
_____________________________________*/
#home_content {
	border-top: solid 1px #f9f9f9;
	background-color:#f9f9f9;
	margin: 0px auto;
	width:743px;
	height:277px;
	padding: 0px 10px;}

.welcometext {
	width:263px; 
	height:267px;
	margin-top:10px;
	margin-left: 447px;}
	
#header {
	height: 247px;
	background-color: #caced1;
	width: 430px;
	margin-top:-262px;
	margin-left: 0px;
	overflow: hidden;
	z-index: 10;}

#header img {
	border: none;
	padding: 0;
	margin: auto;}

	
#footer{
	margin-top:22px;
	margin-left:21px;
	background: url(/assets/img/footer.jpg);
	background-repeat: no-repeat;
	width: 763px;
	height: 122px;}
.footerleft {margin-left:0px;width: 261px; height:122px;}
.footermid {width: 261px; height: 122px; }
.footerright {width:241px; height:122px;}
.footerleft p, .footermid p {margin:40px 10px 0 23px;}
.footerright p {margin:40px 60px 0 23px; width:200px;}




/* ___________________________________

    =ABOUT
_____________________________________*/
#bubbleoverlay {position: absolute; clear: both;margin-left:-735px;padding-top: 305px; z-index: 3;}
.aboutpageimg {width:355px; padding-top: 15px; padding-right:10px ;}
.aboutpagetext {width:367px;}




/* ___________________________________

    =PICTURES
_____________________________________*/
#galleryposition {
	padding-top: 15px;
	}




/* ___________________________________

    =NEWSLETTER PDF PAGES
_____________________________________*/
#pdfcover {
	background-color:#f9f9f9; 
	position:absolute;
	height:45px;
	width: 742px;
	z-index: 50;}
.actualpdf{
	margin-top:20px;
	margin-left: 2px;}



/* ___________________________________

    =DONATE PAGE
_____________________________________*/
#donatebutton { 
	display:block;
	margin-top:-29px;
	margin-left: 693px;
	padding:0;
	position:relative;}
	

#donate_verse{
	background-image: url(assets/img/quoteleft.gif); 
	background-repeat:no-repeat;
	margin-left: 40px; 
	margin-top:-12px;
	font-style: italic;
	width:640px; height:100px;}
#donate_verse p {margin-left: 50px;padding-top: 20px;}
#placement {
	font-weight: bolder;
	color: #3571b7;
	text-align: right;
	position: absolute;
	margin-top:167px;
	margin-left:6px;
	z-index: 3;}
	




/* ___________________________________

   =404 ERROR
_____________________________________*/	
#errormain {
	width:840px;
	margin:0 auto;
	background:url(/assets/img/errorbg.jpg);}




/* ___________________________________

   =CONTACT page
_____________________________________*/	
.lgfont	{ font-size:65px; line-height:63px; color:#B9DEF0; }

#page-wrap {
	width: 660px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin:35px 40px 0;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	float:left;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #FDD93E; color:#888; background:#CEEAF9;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin:79px 0 0 45px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}





/* jcscroll styles*/
.jScrollPaneContainer {
	position: relative!important;
	overflow: hidden!important;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #eee;
}
.jScrollPaneDrag {
	position: absolute;
	background: #3E5D8F;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



/*  RECAPTCHA*/

#recaptcha_widget_div
	{ display: block; float:left; margin-left:112px; }