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

*{margin:0 auto; padding:0;}

body{
background:#fff;
color: #000;
font: medium "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*----------Body Wrapper (wraps whole page)--------*/
#bodyWrapper{
width:787px;
}

/*--------------Header-----------*/
#header{
width:787px;
height:129px;
background:url(../images/jack-header-body.gif) no-repeat top right;
}

#header h1{
display:block;
float:left;
width:359px;
padding-top:18px;
margin-left:15px;
}
#header h1 a{
display:block;
width: 359px;
height:96px;
text-indent: -9000px;
background:url(../images/ICAN-Logo.gif) no-repeat top left;
}

#header .headerInfo{
float:left;
width:302px;
text-align: center;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #47582e;
padding-top:12px;
}
#header .headerInfo .number{
font-size: 33px;
}
#header .headerInfo .slogan{
font-size: 24px;
font-style:italic;
}

#wrapper {width: 760px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; font-size: 80%;}
	#wrapper a {color: #000000;}
	#wrapper p {margin: 15px 0;}
	#wrapper #col1 {width: 226px; padding: 12px; border-right: 1px solid #ead2d4; float: left;}
	#wrapper #col2 {width: 230px; padding: 12px; border-right: 1px solid #ead2d4; float: left;}
	#wrapper #col3 {width: 226px; padding: 12px; float: left;}
	#wrapper h3 {font-size: 150%; border-bottom: 1px solid #ead2d4; color: #cc3333; font-family: 'Berlin Sans FB', Arial, Helvetica, sans-serif; font-weight: normal;}
	#wrapper h4.home-eventstitle a {margin-top: 20px;}
	#wrapper h4.home-eventstitle a {text-decoration: none; display: block;}
	#wrapper p.home-eventsdate {margin: 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; color: #e2e2e2; font-size: 80%;}
	#wrapper ul {list-style: none; padding: 5px;}
		#wrapper ul li {background: url(/images/nav/li.gif) no-repeat center left; padding: 3px 0 3px 20px; border-bottom: 1px solid #ead2d4;}
	
/* Maincontent --------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------- */

#breadcrumb {width: 740px; height: 20px; background: url(/images/breadcrumb.gif) no-repeat; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; font-size: 80%; padding: 5px 10px;}
#breadcrumb a {color: #104d6f;}
#wrapper_inside{width: 760px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; font-size: 80%;}
	#wrapper_inside ul {list-style: none;}
ul#subnav {text-align: right; float: left; width: 250px; height: 356px; background: url(/images/subnavbg.jpg) no-repeat; color: #1b5e85;}
	ul#subnav li a { display: block; width: 230px; border-bottom: 1px solid #b4b4b3; text-decoration: none; padding: 7px 10px; color: #1b5e85;}
	ul#subnav li a:hover {background: #FFF; padding: 7px 15px; width: 220px;}


/*--------------Main Navigation-----------*/
ul#mainNav{
width: 777px;
height:54px;
margin-left:10px;
list-style:none;
background:url(../images/jack-header-backside.gif) no-repeat top right;
}
ul#mainNav li{margin:0; float:left;}
ul#mainNav li a{
display:block;
height: 54px;
margin:0;
text-indent:-9000px;
}
ul#mainNav li a.home{width:73px; background:url(../images/home.jpg) no-repeat top left;}
ul#mainNav li a.about{width:74px; background:url(../images/about.jpg) no-repeat top left;}
ul#mainNav li a.products{width:91px; background:url(../images/products.jpg) no-repeat top left;}
ul#mainNav li a.donate{width:81px; background:url(../images/donate.jpg) no-repeat top left;}
ul#mainNav li a.volunteer{width:101px; background:url(../images/volunteer.jpg) no-repeat top left;}
ul#mainNav li a.newsroom{width:106px; background:url(../images/newsroom.jpg) no-repeat top left;}
ul#mainNav li a.blog{width:59px; background:url(../images/blog.jpg) no-repeat top left;}
ul#mainNav li a.partners{width:89px; background:url(../images/partners.jpg) no-repeat top left;}
ul#mainNav li a.contact{width:86px; background:url(../images/contact.jpg) no-repeat top left;}

ul#mainNav li a:hover{background-position:bottom;}

/*-------------Sidebar & Main Content-----------*/

#sidebarWrapper{
width:204px;
float:left;
}

#sidebar{
background:#76983A url(./images/sidebar-top.gif) no-repeat top center;
padding:21px 10px 0px 10px;
width:184px;}

#sidebar h1{
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
padding-bottom:2px;
margin:20px 0 10px 0;}

#sidebar p{
color:#f5f5f5;
line-height:16px;
}

#sidebar ul{
list-style:square;
margin-left:15px !important;
color:#B8CF8E;
}
#sidebar ul li{
padding:5px 0;
border-bottom:1px dotted #4E6F14;
}
#sidebar ul li a{
color:#f5f5f5;
text-decoration:none;
}
#sidebar ul li a:hover{
color:#B8CF8E;
}



#sidebar img{
border-style:none;
margin-bottom:10px;}

#sidebar input{width:105px;}

#sidebar-bottom{
background: url(./images/sidebar-bottom.gif) no-repeat bottom center;
width:204px;
height:21px;
}

#mainContent{
width:540px;
float: right;}

#mainContent h5{
border-bottom:2px solid #76983A;
color:#76983A;
font-size:22px;
font-weight:normal;
margin-bottom:10px;}

/*#mainContent form label{
color:#47582E;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:normal;}

#mainContent form input{
height:20px;
margin-bottom:10px;
width:400px}

#mainContent form input[type="checkbox"]{
width:auto !important;
height:1px !important;
}

#mainContent form input.check{
vertical-align:middle;
width:25px;}

#mainContent form select{
font-size:16px;
height:28px;
margin-bottom:10px;
width:300px;}

#mainContent form input.submit{
height:25px;
width:110px;}

#mainContent form input.submit2{
height:25px;
width:160px;}

#mainContent form input[type="submit"]{
width:auto;
height:auto;
}

.formButton{
padding:5px;
background:#f5f5f5;
text-align:center;
color:#666;
border:1px solid #999;
}
.formButton:hover{
background:#E4EFD1;
}


#mainContent form textarea{
height:100px;
margin-bottom:5px;
width:400px}
*/

/*--------------Content Wrapper (wraps everything in between the top nav and the footer)-----------*/
#contentWrapper{
margin-left:10px;
width:760px;
margin-top:13px;
padding-bottom:20px;
}

/*--------------Homepage Topper (wraps both the welcome area and gallery on homepage)--------------*/
#homepageTopper{
width:760px;
margin-bottom:30px;
}

#welcomeBox{
width:305px;
float: left;
margin-left:5px;
}

#contentWrapper h3{
display:block;
margin-bottom:10px;
padding-bottom:1px;
font-size:24px;
color:#47582e;
font-family: "Berlin Sans FB", Arial, Helvetica, sans-serif;
border-bottom: 3px double #47582e;
font-weight:normal;
}
#contentWrapper h3 a{
color:#47582e;
text-decoration:none;
}
#contentWrapper h3 a:hover{
color:#999;
}


#contentWrapper h4{
display:block;
width:365px;
height:26px;
text-indent:-9000px;
margin-bottom:10px;
}


#contentWrapper ol, ul{
font-size:80%;
margin-left: 40px;
padding-bottom:10px;}

p{padding-bottom:10px; font-size: 80%;}

a{
color:#658331;
text-decoration:underline;
}
a:visited{
color:#658331;
}

.e-newsletter-input{
height:26px;
margin-right:10px;
vertical-align:middle;
width:180px;}

#welcomeBox h6{
border-bottom:1px solid #EAD2D4;
color:#CC3333;
font-family:'Berlin Sans FB',Arial,Helvetica,sans-serif;
font-size:150%;
font-weight:normal;}

.subscribe{
background:transparent url(../images/subscribe_button.gif) no-repeat scroll left top;
border:0 none;
height:26px;
vertical-align:middle;
width:105px;
cursor:pointer;
}

.subscribe2{
background:transparent url(../images/subscribe_button2.gif) no-repeat scroll left top;
border:0 none;
height:20px;
text-decoration:none;
vertical-align:middle;
width:70px !important;
cursor:pointer;
}

#welcomeBox .subscribe:hover{background-position: bottom;}

/*-----Gallery Wrapper (wraps the homepage gallery; background)--------*/
#galleryWrapper{
width:422px;
height:320px;
float:left;
background:url(../images/gallery_back.gif) no-repeat top left;
padding:4px;
margin-left:20px;
}


/*--------"In Stock" Area--------*/
#inStock{width:750px;}
#inStock table{width:750px;}
#inStock table td{padding:5px 10px; vertical-align:top;}
#inStock table td img{border: 3px solid #445928 !important;}


/*--------Products Page--------*/
.product{
float:left;
font-size:12px;
margin-bottom:20px;
padding:0 5px;
text-align:center;
width:125px;
line-height:14px;
}

.product a{
color:#658331;
text-decoration:none;}

.product img{border:1px solid #000 !important; width:123px !important; height:123px !important;}

.product2{
float:left;
font-size:14px;
margin-bottom:20px;
padding:0 5px;
text-align:center;
width:125px;
}

.product2 a{
color:#658331;
text-decoration:none;}

.product2 img{border:1px solid #000; width:123px; height:123px; margin-bottom:4px;}





/*---------------Partners Page--------------*/
#sponsors{
	float:left;
	width: 363px;
	height: 163px;
	padding: 0 9px 0 8px;
	}
	
#sponsors h4 {
		display: block;
		width: 363px;
		height: 26px;
		background: url(/images/sponsor_area/agency_header.gif);
		text-indent: -90000px;
		}
	
#sponsors a img{border: none;}
	
#sponsors h4#event_spon {
		display: block;
		width: 363px;
		height: 26px;
		background: url(/images/sponsor_area/event_header.gif);
		text-indent: -90000px;
		}

#float_left {float:left;}


/*-----Half Page Boxes (float next to each other and take up half a page)--------*/
#halfPageBoxWrapper{
margin-top:20px;
border-top:1px dotted #ccc;
padding-top:20px;
}
div.halfPageBoxLeft{
float:left;
width:365px;
margin-left:5px;
}

div.halfPageBoxRight{
float:right;
width:365px;
margin-right:5px;
}



/*-------------------H4 Headings--------------------*/
h4.greenFriends{
background:url(../images/jacks-green-friends-header_back.gif) no-repeat top left;
}



/*-------------------Footer--------------------*/
#footer{
width:709px;
height:92px;
padding:44px 0 0 78px;
background:url(../images/jack-footer-body.gif) no-repeat top left;
padding-bottom:10px;
}
#footer ul{
width:692px;
height:34px;
padding-bottom:0px;
padding-top:7px;
list-style:none;
background: #47582e url(../images/footer-end_back.gif) no-repeat top right;
margin:0;
}
#footer ul li{margin:0; float:left;}
#footer ul li a{
display:block;
width:auto;
margin:0;
padding:0 10px;
height:28px;
line-height:28px;
color:#fff;
font-size: 14px;
text-decoration:none;
}
#footer ul li a:hover{text-decoration:underline;}

#footer ul li.atilusLink{padding-left:7px;}
#footer ul li.atilusLink a{ background:url(../images/footer-divider.gif) no-repeat top left; padding:0; padding-left:18px;}



#footer p{
padding:10px;
font-size:12px;
}

/*--------------Blog Posts-----------*/
.blogPostWrapper{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #ccc;
}
.blogPostWrapper .blogPostHeader{
margin-bottom:5px !important;
}
.blogPostWrapper .date{
padding:2px 4px;
background:#f5f5f5;
font-size:12px;
color:#999;
margin-bottom:10px;
}
.blogPostWrapper img{
float:left;
margin:5px 15px 10px 0;
border:1px solid #666 !important;
padding:4px:
background:#fff;
}


/*-------------Comments-----------*/
.commentWrapper{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:3px double #ccc;
}
.commentWrapper .date{
padding:2px 4px;
background:#f5f5f5;
font-size:12px;
color:#999;
margin-bottom:10px;
}


.commentForm{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
}
.commentFormHeader{
display:block;
background:#76983A;
color:#fff !important;
padding:4px;
margin-bottom:10px;
font-size:14px !important;
font-weight:bold !important;
border:none !important;
}
.commentForm p{
padding-bottom:10px;
font-size:12px;
font-weight:bold;
color:#000;
}
.commentForm label{
display:block;
margin-bottom:2px;
font-size:14px;
color:#76983A;
font-weight:bold;
}
.commentForm input[type="text"], .commentForm textarea{
width:90%;
padding:2px 1px;
border:1px solid #dcdcdc;
}
.commentForm textarea{
height:100px;
}
.commentForm select{
width:30%;
padding:2px 1px;
border:1px solid #dcdcdc;
}
.commentForm input[type="text"]:hover{
border:1px solid #76983A;
}
.commentForm textarea:hover{
border:1px solid #76983A;
}
.commentForm select:hover{
border:1px solid #76983A;
}
.commentForm input[type="text"]:focus{
background:#efefef;
}
.commentForm textarea:focus{
background:#efefef;
}
.commentForm select:focus{
background:#efefef;
}
.commentForm .rqd{
display:block;
font-size:12px;
color:#ccc;
text-align:right;
width:90%;
padding-right:1px;
margin:0;
margin-top:1px;
}
.commentForm .commentSubmit{
width:105px;
height:26px;
background:url(images/submit_button.gif) no-repeat top left;
text-indent:-9000px;
border:none;
}
.commentForm .commentSubmit:hover{
background-position:bottom;
cursor:pointer;
}





.noComments{
font-size:12px;
padding-bottom:20px;
}




/*---Paging Area--*/
.paginate{
margin:0;
width:100%;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin-bottom:30px;
font-size:12px;
}
.paginate td{
padding:4px;
vertical-align:middle;
}
.paginate td.pagecount{
text-align:left;
}
.paginate td.links{
text-align:right;
}
.paginate td a{
padding:0 4px;
}


/*---------------------------Product Page Item List Display------------------*/
.productLong{
padding:0 10px 15px 0;
border-bottom: 1px dotted #ccc;
margin-bottom:15px;
}
.productLong img{
float:left;
width:68px !important;
height:68px !important;
border:1px solid #000 !important;
margin-right:10px;
}
.productLong h4{
display:block;
font-size: 14px;
font-weight:bold;
margin-bottom:5px !important;
height:inherit !important;
text-indent:0 !important;
width:inherit !important;
}
.productLong h4 a{
text-decoration:none;
color:#668631;
font-size: 14px;
}
.productLong h4 a:hover{
text-decoration:underline;
}
.productLong p{
padding:0 !important;
font-size:12px;
line-height:16px;
}
.productLong a{
font-size:12px;
color:#668631;
text-decoration:underline;
}


/*--------------Contact Form---------*/
.contactForm p{
padding-bottom:10px;
font-size:12px;
font-weight:bold;
color:#000;
}
.contactForm label{
display:block;
margin-bottom:2px;
font-size:14px;
color:#76983A;
font-weight:bold;
}
.contactForm input[type="text"], .contactForm textarea{
width:90%;
padding:2px 1px;
border:1px solid #dcdcdc;
}
.contactForm textarea{
height:100px;
}
.contactForm select{
width:30%;
padding:2px 1px;
border:1px solid #dcdcdc;
}
.contactForm input[type="text"]:hover{
border:1px solid #76983A;
}
.contactForm textarea:hover{
border:1px solid #76983A;
}
.contactForm select:hover{
border:1px solid #76983A;
}
.contactForm input[type="text"]:focus{
background:#efefef;
}
.contactForm textarea:focus{
background:#efefef;
}
.contactForm select:focus{
background:#efefef;
}
.contactForm .rqd{
display:block;
font-size:12px;
color:#ccc;
text-align:right;
width:90%;
padding-right:1px;
margin:0;
margin-top:1px;
}
.contactForm .contactSubmit{
width:105px;
height:26px;
background:url(images/submit_button.gif) no-repeat top left;
text-indent:-9000px;
border:none;
}
.contactForm .contactSubmit:hover{
background-position:bottom;
cursor:pointer;
}

/*--------------Footer Sponsor Images-----------*/
.sponsorImages{
background:url(images/sponsors.gif) no-repeat top left;
height:150px;
}
.sponsorImages a{
display:block;
text-decoration:none !important;
height:75px;
float:left;
background:none;
}


/*--------------Misc.-----------*/
.clear{clear:both;}
.center{text-align:center;}
.submitbutton {display: block; width: 62px; height: 18px; border: 0 !important; background: url(images/submit.jpg); padding: 0 !important;}
.textfield {display: block; width: 105px; height: 18px; border: 0 !important; background: url(images/text_field.jpg) no-repeat left top; padding: 3px !important; margin-top: 0px; float: left;}
.partnerImage{
float:left;
padding:4px;
border:1px solid #ccc;
margin-right:10px;
}