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

body{
	max-width:1025px;
	min-width: 285px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 16px;
	color:#3C3636;
}

.col{
	display: block;
	width: 100%;
	float:left;
}



/*-------------Start Navigation Bar Handling---------------*/
/*Not used on index page*/
/*124px Header Section Contains Both Bar and Logo*/
header{	
	height: 160px;
	position: relative;
  	top: 0;
 	left: 0;
  	width: 100%;
	display: block !important;
}
/*Teal Bar*/
nav{
	z-index:0;
	position: relative;
	left: 0;
	top: 34px;
	height:22px;
  	width: 100%;
	background-color:#40aead; 
  	display: block !important;
  	float: left;
	text-align:right;
	padding: 8px 0px 0px 0px;
}
/*Logo is positioned over nav bar*/
.nav_logo{
	width:196px;
	z-index:100;
	position: absolute;
	left: 0;
	top: 0;
	padding: 2px 0px 0px 12px;	
}
/*-------------End Navigation Bar Handling---------------*/


/*-------------Start Text Handling---------------*/
h1{
	display: block !important;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin: 12px 12px 0 12px;
}

h2{
	display: block !important;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin: 12px 24px 0px 24px;
}

h3{
	display: block !important;
	font-size:14px;
	text-align:center;
}


.top_margin{
	margin-top: 24px;
}


.title{
	z-index:0;
	position: relative;
	left: 0;
	top: 100px;	
}

p{
	margin: 12px 24px 0px 24px; 
	text-align: left;	
}

.red_text{
	color:#BD0A0D;
}

.rust_text{
	color:#AB5E29;
}

.align_center{
	text-align: center;
}

.align_left{
	text-align: left;
}

.align_right{
	text-align: right;
}

ul{
	list-style-type: none;
}

li{
	margin-top: 5px;
}

.nav_list{
	display: inline;
	margin-right: 10px;
	line-height: 24px;
}
/*-------------End Text Handling---------------*/



/*-------------Start Image Handling---------------*/

img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align:middle;
}

#paypal_button{
	width: 100px;
	height: 60px;
	float: left;
	padding: 24px 12px 0px 24px;
}

#smile_logo{
	width: 100px;
	height: auto;
	float: left;
	margin: 6px 14px 6px 0px;
}


/*Inline images WItHOUt captions*/
.inline_image_left{
	width: 200px;
	height: auto;
	float: left;
	margin: 6px 14px 6px 0px;
}

.inline_image_right{
	width: 200px;
	height: auto;
	float: right;
	margin: 6px 0px 6px 14px;
}


/*Inline images WITH captions*/
.inline_caption_image_left{
	width: 190px;
	height: auto;
	float: left;
	position:relative;
	top: 0px;
	margin-bottom: 4px;
}

.inline_caption_image_right{
	width: 190px;
	height: auto;
	float: right;
	position:relative;
	top: 0px;
	margin-bottom: 4px;
}

.inline_caption_box_right{
	width: 190px;
	display:inline;
	height:230px;
	float: right;
	margin: 18px 24px 12px 12px;
}

.inline_caption_box_left{
	display:inline;
	width: 190px;
	height:230px;
	float: left;
	margin: 18px 12px 12px 24px;
}


.six_photo_row{
	width: 158px;
	height: auto;
	padding-bottom: 6px;
}

.photo_row_container{
	display: block;
	width: 100%;
	height: auto;
	margin: 0px 24px 0 24px;
}

.photo_caption_box{	
	height:200px;
	width: 190px;
	float: left;
	margin: 2px;
}

.five_photo_row{
	width: 190px;
	height: auto;
	position:relative;
	top: 0px;
}

.photo_caption_text{
	text-align: center;
	margin-top: 3px;
	font-size:14px;
}



/*End Image Handling*/


/*-----------Start Hyperlink Appearance---------------*/
/*Used for links in page top and Index page navigation bars*/
a{
	color: white;
	font-size:15px;
	font-weight: light;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
a:hover {
	border-bottom: 1px solid white;
}

.a_centered{
	margin: 0px;
}


/*Used for links within site*/
.in_site_a{
	color:#3C3636;
	text-transform: none;
	text-decoration: underline;
	font-size: 16px;
}

.in_site_a:hover{
	color:darkgrey;
	border-bottom:none;
}


/*Used during site construction*/
.a1_inactive{
	color:#7CE0E4;
}
.grey_text{
	color: darkgrey; 
}

/*------------End Hyperlink Appearance---------------------*/



/*Horizontal rules and colorted bars are used throughout site to visually divide sections. White bars are used for spacing where the margin property doesn't work.*/

hr{
	margin: 6px 24px 0px 24px; 
}

.bar{
	float: left;
	height: 12px;
	width: 100%;
	background-color:#dec024;
	display: block !important;
	margin: 12px 0px 12px 0px;
}

.no_margin{
	margin: 0px;
}

/*Background colors used for bars and photo caption backgrounds*/
.gold{
	background-color:#dec024;
}
.white{
	background-color:#ffffff;
}
.teal{
	background-color:#40AEAD;
}
.brown{
	background-color:#786752;
}
.green{
	background-color:#6e813d;
}
.rust{
	background-color:#AB5E29;
}

.light_blue{
	background-color:#e4f4f4;
}

.light_yellow{
	background-color:#F7ECCD;
}

.light_green{
	background-color:#dce2c7;
}

.light_rust{
	background-color:#EDCEB9;
}

.light_brown{
	background-color:#CEC4B8;
}

/*Copyright bar at bottom of pages*/
.light_gold_bar{
	float: left;
	height: auto;
	width: 100%;
	background-color:#F3D7AF;
	display: block !important;
}
.copyright{
	text-align: center;
	font-size: 14px;
	color:#AB5E29;
	height: 28px;
}



/* --------------DEVICE ADJUSTMENTS-----------------*/

/* ----------DESKTOPS and laptops----------  */
@media only screen and (min-width:1025px) 
{
	
	
}

/* ----------Start Media Query for TABLETS----------*/
@media only screen and (min-width : 481px) and (max-width : 1024px)

{
	h1{
	font-size: 24px;
	}
	
	h2{
	font-size: 18px;	
	}
	
/* Start Top Nav Bar, Logo, and Title*/
	
header{	
	height: 160px;
	}
	
.nav_logo{
	width:175px;
	padding: 2px 0px 0px 6px;
	}
	
	
	/* Six Photo Row */
	.six_photo_row{
	}
	
	.photo_row_container{
	width: 100%;
	margin-left: 24px;
	margin-right: 24px;
	}
	
	.photo_caption_box{	
	width: 237px;
	height:232px;
	}

	.five_photo_row{
	width: 237px;
	}

	.photo_caption_text{
	font-size:15px;
	}
	
	
	/* Images within Paragraphs */
	.inline_image_left{
		width: 175px;
	}

	.inline_image_right{
		width: 175px;
	}
	
/*Inline images WITH captions*/
	.inline_caption_image_left{
		width: 175px;
	}

	.inline_caption_image_right{
		width: 175px;
	}

	.inline_caption_box_right{
		width: 175px;
	}

	.inline_caption_box_left{
		width: 175px;
	}	
	
	
	
}
/* ----------End Media Query for TABLETS*----------/



/* ----------Media query for MOBILE devices----------*/
@media only screen and (min-width : 285px) and (max-width : 480px) {
	
	p{
	font-size: 18px;
	}
	h1{
	font-size: 21px;
	}
	h2{
	font-size: 18px;	
	}
/* Start Top Nav Bar, Logo, and Title*/
	
header{	
	height: 130px;
	}
	
.nav_logo{
	width:140px;
	padding: 2px 0px 0px 6px;
	}
	
nav{
	top: 22px;
	height:16px;
	padding: 2px 0px 4px 0px;
	}
	
a{
	font-size:14px;
	}
	
	
.title{
	top: 90px;	
}

/* End Top Nav Bar, Logo, and Title*/	
	
	
/* Start Bottom Nav Bar*/	
	.nav_list{
	word-spacing: 2px;
	}
/* End Bottom Nav Bar*/	
	

/* Start Text*/		
	h1{
		font-size: 16px;
	}
	h2{
		font-size: 14px;
	}
	
	a{
	font-size:14px;
	}
	

/* End Text*/
	
	
/* Start Images*/		
	.inline_image_left{
		width: 142px;
	}

	.inline_image_right{
		width: 142px;
	}
	
	.six_photo_row{
		width: 200px;
		height: auto;
		padding-bottom: 6px;
	}
	
	/*Inline images WITH captions*/
	.inline_caption_image_left{
		width: 142px;
	}

	.inline_caption_image_right{
		width: 142px;
	}

	.inline_caption_box_right{
		width: 142px;
	}

	.inline_caption_box_left{
		width: 142px;
	}	
	
	
		
	.photo_row_container{
		width: 237px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.photo_caption_box{	
	width: 237px;
	height:230px;
	}

	.five_photo_row{
	width: 237px;
	}
	
	.photo_caption_text{
		font-size:16px;
	}
	
	
	#paypal_button{
		height: 40px;
	}
}
/* Start Images*/