/**
 * CSS by Michael Andrewartha of SilverStripe
 *
 * Used footerStickAlt to position footer (http://www.themaninblue.com/writing/perspective/2005/08/29/)
 */

/****************/
/** Global CSS **/
/****************/
html, body {  
  height: 100%;
}
html {  
  background: #7394CA;
}
* {
  padding: 0;
  margin: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  list-style: none;
}
.clear {
	display: block;
  	clear:both;
	content:" ";
	height:0;
	overflow:hidden;
	visibility:hidden;
}

a {
  color: #FFDF4A;
  text-decoration: none;
}
	a:hover {
		color: #CDD9EE;
		text-decoration: underline;
	}
	a:active {
		
	}
	a img {
		border: none;
	}

/****************/
/** Layout CSS **/
/****************/

/* Container element to support the centering of elements */
#container {
	position: relative;
	min-height: 100%;
}
* html #container {
	height: 100%;
}
	#container.homeImg {
		background: url(../images/bg.jpg) top center no-repeat;
	}
	#container.genericImg {
		background: url(../images/default-bg.jpg) top center no-repeat;
	}
	#Main {
		width: 972px;
		margin: 0 auto;
		padding-bottom: 17em;
	}
		#Header,
		#HomeHeader {
			color: #fff;
			overflow: hidden;
		}
		#Menu1 {
			color: #fff;
			padding-top: 30px;
		}
			#Menu1 .leftBox,
			#Header .leftBox,
			#Menu1 .rightBox,
			#Header .rightBox,
			#HomeHeader .leftBox,
			#HomeHeader .rightBox {
				float: left;
			}
			#Menu1 .leftBox,
			#Menu1 .rightBox {
				width: 466px;
				padding: 0 0 15px 20px;
			}
			#Menu1 .rightBox {
				padding-left: 16px;
			}
			#HomeHeader .leftBox,
			#HomeHeader .rightBox {
				width: 444px;
				padding: 30px 20px 0 20px;
			}
			/* normal header */
			#Header .leftBox,
			#Header .rightBox {
				padding: 30px 20px 0 20px;
			}
			#Header .leftBox {
				width: 310px;
			}
			#Header .rightBox {
				width: 580px;
			}
			#HomeHeader .rightBox h2,
			#Header .rightBox h2 {
				text-transform: uppercase;
				color: #FFCB31;
				margin-bottom: 8px;
			}
				#Header .leftBox img,
				#Header .rightBox img,
				#HomeHeader .leftBox img,
				#HomeHeader .rightBox img {
					width: auto;
				}
		#Menu1 h4 {
			font-size: 18px;
			font-weight: normal;
		}
			#Header h1 a {
				background: none;
			}
			#Menu1 ul {
				
			}
			#Menu1 ul li {
				display: inline;
				padding: 0px 22px 0px 0px;
			}
			#Menu1 ul li.first {
				padding-left: 0;
			}
				#Menu1 ul .section,
				#Menu1 ul .current {
					color: #CDD9EE;
				}
			#Menu1 ul li a,
			#Menu1 ul li span {
				text-decoration: none;
				font-size: 18px;
			}
				#Menu1 ul li.current a,
				#Menu1 ul li.section a,
				#Menu1 ul li.current span,
				#Menu1 ul li.section span,
				#Menu1 ul li a:active {
					color: #FFDF4A;
				}
				#Menu1 ul li a {
					color: #fff;
					padding-bottom: 1px;
				}
					#Menu1 ul li a:hover {
						color: #CDD9EE;
						background: none;
					}

	#Layout {
		padding: 80px 0 0 0;
		width: 972px;
		overflow: hidden;
	}
		#Content {
			width: 612px;
			padding: 5px 18px 1px 18px;
		}
		#Content.home {
			width: 609px;
		}
		
		/* default right content */
		#RightContent {
			float: right;
			width: 252px;
			padding: 13px 34px 0 34px;
		}
		/* home page right content */
		#RightContent.home {
			width: 305px;
			padding: 13px 0 0 19px;
		}
		
			#Main .donateButton,
			#Main .newsletterButton {
				color: #fff;
				font-weight: bold;
				font-size: 18px;
				text-transform: uppercase;
				text-decoration: none;
				display: block;
				float: left;
				border-bottom: none;
			}
			
			#Main .donateButton:hover,
			#Main .newsletterButton:hover {
				text-decoration: none;
			} 

			#Main .donateButton {
				padding: 13px 28px 13px 28px;
				background: url(../images/slice1.png) no-repeat left center;
				margin: 0 0 30px 0;
				line-height: 18px;
				float: none;
			}
			#Main .newsletterButton {
				padding: 13px 14px 13px 14px;
				background: url(../images/slice2.png) no-repeat left center;
				margin: 0 0 30px 20px;
				line-height: 18px;
			}
				#Header .donateButton {
					padding: 13px 28px 13px 28px;
					background: url(../images/slice3.png) no-repeat left center;
					margin: 10px 0 30px 0;
				}
				
				.menu2 {
					border-bottom: 1px solid #ABBFDF;
					padding-bottom: 30px;
					clear: both;
				}
					.menu2 h4 {
						color: #ffffff;
						margin-bottom: 10px;
					}
					.menu2 ul {
						
					}
					.menu2 ul li {
						/* IE requires this width, so the descendant anchors become hasLayout */
						width: 100%;
					}

					.menu2 ul li .item {
						font-size: 12px;
						text-decoration: none;
						display: block;
						padding: 2px 0px;
				 		zoom: 1;
					}
					.menu2 ul li.current,
					.menu2 ul li.section {
						color: #fff;
					}
					.menu2 ul li .selected,
					.menu2 ul li a:hover {
						color: #fff;
					}

			.menu3 {
				margin-left: 20px;
				padding: 5px 0 10px 0;
			}
				.menu3 li {
					background: none;
				}
					
					.menu2 li .menu3 li.last a:hover {
						background-color: #6cabd3;
					}
				    .menu2 li.last .menu3 li.last {
					 	background: #bbb url(../images/sidebarBottomCurrentBg.gif) no-repeat bottom left;
					 }
				    .menu3 li .item {
						font-size: 12px;
						padding-left: 25px;
					 }
			.footerBar {
				width: 500px;
				height: 95px;
				/*background: url(../images/footer.gif) no-repeat left center;*/
				position: relative;
				margin-left: 310px; /* 210 */
			}
				.footerBar .sponsorLogo,
				.footerBar .copyrightDetails {
					position: absolute;
				}
					.footerBar .sponsorLogo {
						top: 10px;
						left: 20px;
					}
					.footerBar .copyrightDetails {
						bottom: -25px;
						right: 0px;
						color: #c39720;
						font-size: 9px;
						font-weight: bold;
					}
		  
			 
			 .product {
			 	text-align: center;
				border-bottom: 1px solid #ccc;
				margin: 20px 0;
			 }
				.price {
					font-weight: bold;
				}
				.orderLink {
					font-weight: bold;
					font-size: 16px !important;
				}
				
				#ShoppingCart ul {
					margin-left: 0px;
				}
				#ShoppingCart ul li {
					list-style: none;
				}
				
/* jquery plugin */
#slideshow {
	display:block;
	text-align:center;
	margin:40px auto auto;
	overflow:hidden;
	position:relative;
	border: 10px solid #fff;
	clear:left;
}
#navigation {
	display:block;
	margin:0 auto 10px;
	text-align:center;
}
	#navigation li {
		display: inline;
		margin: 0;
		padding: 0;
	}
		#navigation li a {
			color: #fff;
			font-size: 45px;
			line-height: 0.6em;
			text-decoration: none;
		}
		#navigation li.activeSlide a,
		#navigation li a:hover {
			color: #ffe14a;
		} {
			color: #ffe14a;
		}

/* footer */
#FooterHolder {
	width: 100%;
	position: relative;
	margin-top: -14.5em;
	background: #5B8F4D url(../images/footer-bg.png) top left repeat-x;
}
	#Footer {
		margin: 0 auto;
		width: 972px;
	}
		#Footer dl {
			float: left;
			width: 207px;
			line-height: 1.2em;
			padding: 10px 18px 75px 18px;
		}
			#Footer dt {
				padding: 14px 0 14px 30px;
				font-size: 18px;
				color: #ffffff;
				background: transparent url(../images/daffodil-small.gif) center left no-repeat;
			}
				#Footer dt a {
					color: #ffffff;
				}
			#Footer dd a {
				font-size: 12px;
			}
		#Footer p.facebook,
		#Footer p.built-by {
			font-size: 12px;
		}
		#Footer p.facebook {
			padding-left: 25px;
			margin: 10px 0 15px 0;
			background: transparent url(../images/facebook.gif) center left no-repeat;
		}
		#Footer p.built-by {
			color: #fff;
		}