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

html, body {

	background-color: #006388;

	color:#003366;

	overflow: hidden;

}



h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: bold;

	color:#003366;

}



h2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;;

	font-weight: bold;

	color:#FF0000;

	margin-top: 20px;

}



h3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.1em;

	font-weight: normal;

	letter-spacing: .1em;

}



img {border-style:none;}



div#content, p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .85em;

	text-align: left;

	margin-left: 10px;

	margin-right: 10px;

	line-height: 1.3em;

	color:#003366;

}





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





.link_list {

	list-style-type: none;

	margin-left: 50px;

	margin-right: 5px;

	padding: 10px;

	text-align: right;

}

.link_list li {

	padding: 6px;

}

.link_list li a {

	text-decoration: none;

	background-color: inherit;

	color: #666666;

}

.link_list li a:hover {

	text-decoration: underline;

}



.charity_contact {

	font-size: 80%;

	text-align: left;

}

.info_text {

	font-size: 70%;

	color: #666666;

	background-color: inherit;

}





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





div#container {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-left: -400px;

	margin-top: -303px;

	width: 800px;

	height: 576px;

	padding: 16px;

	background-image: url(images/container_bg.jpg);

	background-repeat: no-repeat;

}



	div#header {

		height: 100px;

	}

	

	div#nav {
	
		width:800px;

		height: 50px;

		overflow: hidden;

		background-color: #022C5F;

		color: #FFFFFF;

		text-align: center;

		background-image: url(images/nav_bg.jpg);

		background-repeat: no-repeat;

	}

	

		div#nav ul {

			list-style-type: none;

			margin-left: 150px;

			margin-top: 15px;

		}

		

		div#nav li {

			display: inline;

			padding-right: 10px;

			padding-left: 10px;

			border-right-width: 2px;

			border-right-style: solid;

			border-right-color: #FFFFFF;

		}

		

		div#nav li#far_right {

			border: none;

		}

		

		div#nav a {

			font-family: Verdana, Arial, Helvetica, sans-serif;

			font-size: 12px;

			color: #FCFCFD;

			background-color: inherit;

			text-decoration: none;			

		}

		

		div#nav a:hover {

			color: #D5D5E3;

			background-color: inherit;

		}

	

	div#content_outer {

		height: 350px;

	}

	

		div#content_outer div#content {

			height: 350px;

			width: 522px;

			float: left;

			margin-top: 10px;

			padding-bottom: 0px;

			text-align: center;

			overflow: auto;

			scrollbar-base-color: #FFFFFF;

			scrollbar-arrow-color: #0081AF;

			scrollbar-3dlight-color: #FFFFFF;

			scrollbar-darkshadow-color: #FFFFFF;

			scrollbar-face-color: #FFFFFF;

			scrollbar-highlight-color: #0081AF;

			scrollbar-shadow-color: #0081AF;

			scrollbar-track-color: #FFFFFF;

		}

	

		div#content_outer div#graphic {

			width: 240px;

			height: 336px;

			float: right;

			margin: 0px;

			padding-bottom: 0px;

		}

		

	#homepage_quote{

	position:relative;
	top: 10px; 
	width: 366px;
	font-size:11px; 
	margin-left: 40px;
	border-color:#FF0000; 

	border-style:solid; 

	border-width: 1px;

	color:#3D569A;

	background-color:#FFffff;

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 10px;

	padding-bottom: 20px;}

	

	#homepage_bottles{top:35px; left:0px; z-index:-1; padding-bottom: 5px; margin-bottom: 10px;}

	

	div#footer {

		position:relative;

		top: 3px;

		height: 110px;

		clear: both;

		background-color: #CCCCCC;

	}

	



/*---------------------  LABEL SCROLL ELEMENTS  ----------------------------------*/

	

	

.label_scroll_element {

	height: 300px;

	width: 300px;

	float:left;

	background-color: #FFFFFF;

	border: 1px solid #005879;

	margin-left: 5px;

	margin-right: 5px;

	text-align: center;

	overflow: hidden;

}



.label_scroll_element h1 {

	font-size: 13px;

	font-weight: bold;

	color:#003366;

	margin: 0px;

}



/*---------------------  CHARITY SCROLL ELEMENTS  ----------------------------------*/



.charity_scroll_element {

	height: 297px;

	width: 500px;

	float:left;

	background-color: #FFFFFF;

	border: 1px solid #005879;

	margin-left: 5px;

	margin-right: 5px;

	text-align: center;

	overflow: hidden;

}



#charity_logo{float:right; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px;}

#charity_title_image{float:left; margin-left:14px; margin-right:40px; }

#charity_website_url{margin-left:10px; font:Verdana, Arial, Helvetica, sans-serif;}



.charity_scroll_element h1 {

	font-size: 13px;

	font-weight: bold;

	color:#003366;

	margin: 0px;

}

.charity_scroll_element p{

	margin-top: 0px;

	margin-bottom: 8px;

	margin-left: 20px;

	margin-right: 20px;

	text-align: left;

	overflow: hidden;

	font-size: 0.7em;

	color: #003448;

	background-color: inherit;

	line-height: 1.4em;

}



#vinnies_content{

margin-top: -200px;

width: 360px;

float: left;

}



#xmas_appeal{

z-index:1;

float:right;

top: 50px;

margin-left:200px;

}



/*---------------------  TESTIMONIAL SCROLL ELEMENTS  ----------------------------------*/



.testimonial_scroll_element {

	height: 295px;

	width: 400px;

	float:left;

	background-color: #FFFFFF;

	border: 1px solid #005879;

	margin-left: 5px;

	margin-top: 5px;

	margin-right: 5px;

	text-align: center;

	overflow: hidden;

}



.testimonial_scroll_element h1 {

	font-size: 13px;

	font-weight: bold;

	color:#003366;

	margin-bottom:0px;

	margin-top: 10px;

}

.testimonial_scroll_element p {

	margin-left: 14px;

	margin-right: 14px;

	margin-top:2px;

	overflow: hidden;

	font-size: 0.65em;

	color: #003448;

	line-height: 1.3em;

	background-color: inherit;

}



.testimonial_scroll_tall_img {

float:right;

overflow: hidden;

/*position: absolute;*/

/*left: 100px;*/

}



.skinny_testimonial p{

	padding: 5px;

	margin-top: 10 px;

	overflow: hidden;

	font-size: 0.65em;

	color: #003448;

	background-color: inherit;

	line-height: 0.9em;



}





div#scroll_outer {

	height: 330px;

	width: 794px;

	overflow: auto;

	padding: 3px;

}



div#scroll_inner {

	padding-left: 100px;

	padding-right: 100px;

}



div#scroll_controls {

	display: none;

}



div#scroll_controls .arrow {

	cursor: pointer;

	cursor: hand;

}





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





div#graphic div#label {

	position: absolute;

	right: 82px;

	top: 264px;

	height: 137px;

	width: 106px;

	background-color: transparent;

	color: #333333;

	font-size: 80%;

	letter-spacing: .1em;

	text-align: center;

	vertical-align: middle;

}



	#right_graphic {

	position: absolute;

	left: 560px;

	top: 164px;

	background-color: transparent;

	color: #333333;

	font-size: 80%;

	letter-spacing: .1em;

	text-align: center;

	vertical-align: middle;
	margin-top: 5px;

}





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





#reasons ol{

	list-style-type: decimal;

	text-align: left;

	width:420px;

}



	#reasons li {

		padding: 7px;

		text-align: left;

		color:#003366;

		font-size:12px;

	}

	

#index_text{

margin-top: 10px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:9px;

}