@charset "UTF-8";
@import url("reset.css");
/* CSS Document */

/*--------------COLORS--------------------
LIGHT ORANGE: #eb9b36
DARK ORANGE: #e76625
TEAL: #066a6e
DARK GREY: #626262
LIGHT GREY: #e8e8e8
------------------------------------------*/

body {
	color: #626262;
	font: 16px/1.5em Helvetica, Arial, sans-serif; }
	
#slider-wrapper {
	height: 336px;
	width: 940px; }

h1 {
	color: #066a6e;
	font-size: 24px;
	font-weight: bold; 
	margin-bottom: 8px;
	text-transform: uppercase; }
	
h2 {
	font-size: 20px;
	font-weight: bold; 
	text-transform: uppercase; }
	
strong {font-weight: bold; }

p {padding-bottom: 24px; }
	
blockquote {
	color: #e76625;
	font-style: italic; 
	padding: 0 380px 32px 32px;}
	
.floatleft {float: left;}
.floatright {float: right;}
.italic {font-style: italic; }

/*--------------LINKS--------------------*/
a {
	color: #eb9b36;
	text-decoration: none; }

	a:hover {color: #e76625; }
	
.italiclink {font-style: italic; }	
/*----------------------------------------*/	

/*------------------HEADER----------------*/	
#logo {margin: 16px 0; }

.headerimg {margin-bottom: 32px; }		
/*----------------------------------------*/
	
#container {
	margin: 0 auto;
	padding: 0 40px;
	width: 940px; }
	
#sidebar {
	float: left;
	text-align: center;
	width: 280px; }
	
	#sidebar img {padding-bottom: 24px; }
	
	#bymail {
		color: #fff;
		height: 216px;
		width: 240px;
		text-align: left;
		margin-bottom: 24px;
		padding: 16px 20px 8px 20px;
		background: url(../images/donatebymail.png) no-repeat center center; }
				
		#address {
			color: #eb9b36; 
			letter-spacing: .25px;
			margin-top: -8px; }
	
#contentright {
	float: right;
	margin-top: 8px;
	width: 580px; }
	
	#donatenow {padding-bottom: 24px; }
	
#contentfull {clear: both; }
	
	.tinaimg {
		float: right;
		margin: 40px 0 0 35px; }
	
/*-----------THUMBNAIL GALLERY------------*/
#thumbgallery {padding-top: 24px; }/* ADD PADDING ABOVE TO SEPARATE FROM DONATE BOX*/
#gallery li {float: left; }
#gallery img {padding-bottom: 8px; }
.first {padding-right: 10px; }
.mid {padding: 0 10px; }
.last {padding-left: 10px; }

#seemore {
	float: right;
	height: 40px;
	margin-top: -16px;
	width: 100px; 
	padding-bottom: 24px;}
/*----------------------------------------*/

/*----------------FOOTER------------------*/
#footer {
	clear: both;
	font: 14px/1.5em Helvetica, Arial, sans-serif; }
	
hr {margin-bottom: 16px; }
	
#socialmediaicons {float: right; }
	#socialmediaicons img {padding: 0 5px; }
/*----------------------------------------*/

/*-------------MAIN NAV-------------------*/
#nav {
	clear: right; /* clear donate button */
	float: right;
	width: 580px; /* Makes nav sit to right (won't clear if full width of container) */
	height: 32px; }
	
#navlist {
	width: 580px;
	height: 32px;
	z-index: 9999;
	position: absolute; /* Ensures that the menu doesn’t affect other elements */ }
	
#navlist li {
	height: auto;
	width: 116px;  /* Each menu item is 150px wide */
	float: left;  /* This lines up the menu items horizontally */
	text-align: right;  /* All text is placed in the center of the box */ }
						
#navlist a {		
	padding-top: 24px;					
	text-decoration: none;  /* Removes the default hyperlink styling. */
	display: block;
	color: #066a6e;
	font: 16px/1.5em Helvetica, Arial, sans-serif;
	font-weight: bold; 
	letter-spacing: .5px;
	text-transform: uppercase; }
		
#navlist a:hover {color: #eb9b36; }
#navlist li.current a {color: #eb9b36; }
#navlist li.current ul li a {color: #066a6e; }
 
#navlist li ul {
	display: none;  /* Hides the drop-down menu */
	height: auto;	
	margin-left: 24px; }	
		
#navlist li ul a {
	color: #066a6e; 
	font: bold 14px/1.5em Helvetica, Arial, sans-serif; }
			
#navlist li:hover ul {display: block;}  /* Displays the drop-down box when the menu item is hovered over */ 
						
#navlist li ul li {
	background-color: #e8e8e8; 
	text-align: left; 
	width: 240px; } 

#navlist li ul li a {padding: 8px 16px;}
#navlist li ul li a:hover {
	color: #fff; 
	background-color: #eb9b36; }

.arrow-up {
	width: 0; 
	height: 0; 
	margin-left: 16px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #e8e8e8; }
/*----------------------------------------*/