body {background-color:#CAD2A0; margin:0 auto; }

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }


@media screen and (min-width: 0px) 
 {
#container-wrap { margin:0 auto; border: solid; border-color: #fff; border-width: 1px; width:240px;}
#container { border: 5px solid  #FFDDE6;  }
#header {width:240px; height:auto; background-color:#FFF0F4; }
	.left {width:100%; margin:auto;}
	.right {width:100%; margin:auto; }
	.right h1 {text-align:center; width:90%; padding-top:10px; font-family: lora, serif; font-size:18px; color:#4A5028; }

#menu {background-color:#FFDDE6; height:30px; text-align:center; width:240px; height:auto;  }
	#menu a {font-family:verdana, helvetica, sans-serif; font-size:14px; font-weight:bold; color: #406000; padding:0 20px; text-decoration:none;}
	#menu a:hover {color:#14160C;}

#content {width:230px; margin:0 5px; padding:0; background-color:#FFF0F4; }
	#content p {font-size:16px;font-family: verdana, helvetica, sans-serif; color: #4A5028; padding:5px;}
	#content li {font-family: verdana, helvetica, sans-serif;  color: #4A5028; padding-left:5px; }
	#content h1 { color:#4A5028; font-family: Lora, times new roman, serif; font-size: 16px; font-weight: bold; }
	#content h2 { color:#4A5028; font-family: Lora, times new roman, serif; font-size: 14px; font-weight: bold; }
	#content a {color:#406000;}
	#content a:hover {color:#14160C;}
	#content table {width:230px; }
	#content td {float:left; width:100%;}

table.amazonbanner {position: absolute; text-align: center; width: 300px; top: 97px; height: auto; vertical-align: middle}
#content .charityamazon {max-height: 54px; overflow: hidden; padding-left: 10px; padding-right: 10px;}
#content .charityNameSpan {font-family: Arial; font-size: 18px; line-height: 26px; position:relative; left:-15px;  }


img.wrap-right{float:right;margin-right:5px;padding-left:5px;border:0;}
img.wrap-left{float:left;margin-left:5px;padding-right:5px;border:0;}
img.center{display:block;margin-left:auto;margin-right:auto;border:0;}

#footer {width:230px; height:auto; margin:0; text-align:center; background-color:#CAD2A0;}
#footer p {text-align:center; font-size:12px;color:#406000; font-family:verdana, helvetica, sans-serif; text-align:center;}

}

@media screen and (min-width: 320px) 
 {
#container-wrap { width:320px; margin:0 auto;}
#header {width:310px; height:auto;}
.left {width:100%; margin:auto;}
.right {width:100%; margin:auto; }
.right h1 {text-align:center; width:90%; padding-top:10px;}

#menu {width:310px; }

#content {width:310px; margin:0; padding:0;}
#content p {font-size:16px;}

	#content table {width:310px; }
	#content td {float:left; width:100%;}

#footer {width:310px; height:auto; }
#footer p {text-align:center; font-size:12px;}

}

@media screen and (min-width: 480px) 
 {
#container-wrap { width:480px; margin:0 auto;}
#container { border-width: 5px; }
#header {width:460px; height:auto; margin:5px;}
.left {width:80%; margin:auto; }
.right {width:80%; margin:auto; }
.right h1 {text-align:center; width:90%; padding-top:10px;}

#menu {width:460px; height:auto; margin:0 5px; }

#content {width:440px; margin:0 5px; padding:10px;}
#content p {text-align:left; font-size:16px;}
	#content table {width:440px; }
	#content td {float:left; width:100%;}

#content .charityNameSpan {font-size: 20px; position:relative; left:-70px; }


#footer {width:460px; height:auto; margin:0; text-align:center;}
#footer p {text-align:center; font-size:12px;}

}

@media screen and (min-width: 600px) 
 {
#container-wrap {width:600px; margin:0 auto;}
#container {float:left; width:580px; border-width: 10px; }
#header {float:left; width:570px; height:auto; margin:5px;}
.left {float:left;width:250px; margin:auto; }
.right {float:right;width:250px; margin:auto; }
.right h1 {text-align:center; padding-top:10px;}

#menu {float:left; width:570px; height:auto; margin:0 5px; }
#menu a {padding:0 10px; font-size:12px;}

#content {float:left; width:550px; margin:0 5px; padding:10px;}
#content p {text-align:left; font-size:16px;}
	#content table {width:550px; }
	#content td {float:left; width:100%;}

img.wrap-right {margin-right:10px;padding-left:10px;border:0;}
img.wrap-left {margin-left:10px;padding-right:10px;border:0;}

#content .left {width:240px;}
#content .right {width:300px;}
table.amazonbanner {position: absolute; text-align: center; width: 300px; top: 97px; height: auto; vertical-align: middle}
#content .charityamazon {max-height: 54px; overflow: hidden; padding-left: 10px; padding-right: 10px;}
#content .charityNameSpan {font-family: Arial; font-size: 20px; line-height: 26px; position:relative; left:-120px; }



#footer {float:left; width:560px; height:auto; margin:0; text-align:center;}
#footer p {text-align:center; font-size:12px;}

}
 
@media screen and (min-width: 768px) 
 {
#container-wrap {width:768px; margin:0 auto;}
#container { border-width: 20px; width:728px;}
#header {width:708px; margin: 10px; }
#header .left {padding-left:20px;}
#header .right {padding-right:10px; text-align:right; padding-top: 30px;}
#menu {width:708px;margin: 0 10px;}
#menu a {padding: 0 18px;}
#content {width: 688px; margin: 0 10px; padding:10px;}
#content p, #content li {font-size:14px;}
	#content table {width:700px; }
	#content td {width:340px;}
#content .left {width:300px;}
#content .right {width:300px;}
#content .charityNameSpan {font-size: 24px; position:relative; left:-20px; }


#footer {width:708px;margin: 0 10px;}

body::before{
	content: '';
	background: url(images/left.png) no-repeat bottom;
	position: fixed;
	left:0;
	height: 100%;
	width: 399px;
}
body::after{
	content: '';
	background: url(images/right.png) no-repeat bottom;
	position: fixed;
	right:0;
	height: 100%;
	width: 399px;
}
#container-wrap {
	z-index: 7;
	position: relative;
}




}