body {
	border: 0px;
	margin: 0px;
	font-family: Garamond, Georgia, serif;
	/*background-color: #FED95F;*/
	background-color: #D2ECFC;	
	font-size: 18px;
}

#container {
	width: 100%;
	height: 100%;	
}

/*--------------- Dotted Border ---------------*/
#container_table {
	width: 100%;
}

#container_table_cell {
	
}

#splash_table {
	background-color: #FED95F;
}

#dotted_border_top_container_cell,
#dotted_border_bottom_container_cell {
 	height: 28px;
}

#dotted_border_top_table, 
#dotted_border_bottom_table {
	width: 100%;
}

#dotted_border_left_table,
#dotted_border_right_table {
	width: 28px;
}

#dotted_border_top_left, 
#dotted_border_top_right, 
#dotted_border_bottom_left, 
#dotted_border_bottom_right, 
.dotted_border_cell {
	height: 28px;
	width: 28px;
	background-image: url('/images/dotted_border.png');
}

#dotted_border_right_middle,
#dotted_border_left_middle {
	height: 100%;
}

#dotted_border_right_table, 
#dotted_border_left_table,
#dotted_border_right_middle_table,
#dotted_border_left_middle_table {
	height: 100%;
}

#container_content_table {
	width: 100%;
	height: 100%;
}

#content_table {
	height: 100%;
}

#content_cell {
	background-color: #FFFFFF;
	width: 100%;
	background-image: url('/images/orange_banner.png');
	background-position: top right;
	background-repeat: repeat-x;
}

.content_left {
	text-align: center;
	width: 50%;
}

.content_left img {
	width: 100%;
}

.content_right {
	width: 50%;
	text-align: center;
}

#clown_photo {
	display: block;
	width: 100%;
	padding-top: 3vw;
	/*
	position: absolute;
	z-index: 1000;
	width: 40%;
	left: 90px;
	top: 90px;
	*/	
}

#clown_photo img {
	width: 65%;
	box-shadow: 5px 5px 15px #71381A;	
}

#clown_star {
	display: block;
	position: absolute;
	top: 0px;
	left: 28px;
	width: 100px;
	z-index: 1100;	
}

#clown_star_small img {
	width: 100%;
}

#orange_banner {
	height: 156px;
}

.container_table_content {
	
}

.dotted_border_middle {
	height: 28px;
}

.border_spacer {
	height: 100%;
	width: 28px;
	background-image: url('/images/dotted_border.png');
}

.dotted_border_bottom {
	height: 28px;
	width: 100%;
	background-image: url('/images/dotted_border.png');
}

/*--------------- Logo ---------------*/

#logo_wrapper {
	height: 156px;
	width: 100%;
}

#logo_wrapper_table {
	height: 100%;
	width: 100%;
}

#logo_wrapper_table td {
	height: 100%;
	width: 100%;
}

#logo {
	width: 100%;
	text-align: right;
}

#logo img {
	margin-right: 0px;
}

/*--------------- Content Right Wrapper ---------------*/

#content_right_wrapper {
	width: 100%;
	text-align: center;
	color: #333333;
}

/*--------------- Navigation ---------------*/

#topnav {
	display: none;
	padding-top: 5vh;
	padding-bottom: 5vh;
}

#bottomnav {
	padding-top: 5vh;
	padding-bottom: 0vh;
	width: 100%;
}

#bottomnav_table {
	width: 90%;
}

#bottomnav_highlight_table {
	width: 95%;
}

#bottomnav #bottomnav_highlight_table_left,
#bottomnav #bottomnav_highlight_table_right {
	width: 40px;
}

#bottomnav #bottomnav_highlight_table_left .highlight {
	width: 100%;
	height: 15px;
	background: url('/images/tan_highlight_left.png');
	background-repeat: no-repeat;
}

#bottomnav #bottomnav_highlight_table_middle .highlight {
	width: 100%;
	height: 15px;
	background: url('/images/tan_highlight_gradient.png');
	background-repeat: repeat-x;
}

#bottomnav #bottomnav_highlight_table_right .highlight {
	width: 100%;
	height: 15px;
	background: url('/images/tan_highlight_right.png');
	background-repeat: no-repeat;
}

#topnav_table {
	width: 70%;
}

#topnav_highlight_table {
	display: none;
}

#topnav .caption a {
	color: #666666;
	display: block;
	font-size: 2em;
	text-decoration: none;
}

#bottomnav .caption a {
	color: #333333;
	display: block;
	font-size: 3em;
	text-decoration: none;
}

#topnav .caption a:hover,
#bottomnav .caption a:hover {
	text-decoration: underline;
}

#topnav .image {
	display: none;
}

#bottomnav_clear {
	clear: both;
}

/*--------------- Title ---------------*/

#content_title {
	letter-spacing: 2px;
	padding-top: 5vh; 
	padding-bottom: 1vh; 	
	font-size : 3em;
	line-height: 1.5em;
	clear: both;
}

/*--------------- Contact ---------------*/
#the_clown_red {
	padding-top: 5vh; 
	clear: both;
}

.address_line_1,.address_line_2, .phone_number {
	font-size: 2em;
	text-align: center;
}

.fb_logo {
	padding-right: 1vw;
	padding-left: 1vw;
}

.fb_logo a {
	display: block;
	width: 29px;
	height: 29px;
	background: url('/images/fb_logo_29.png');
}

.twitter_logo {
	padding-right: 1vw;
	padding-left: 1vw;
}

.twitter_logo a {
	display: block;
	width: 36px;
	height: 29px;
	background: url('/images/twitter_logo_29.png');
}

.website_address {
	margin-top: 2vh;	
	font-size: 2em;
	font-weight: bold;
	color: #7BB0D1;
	text-align: center;
}

#splash_footer span,
#splash_footer a {
	background-color: #FFFFFF;
}

#splash_footer .announcement a,
#splash_footer .address_line_1 a,
#splash_footer .address_line_2 a {
	color: #000000;
	text-decoration: none;
}

#splash_footer .announcement a:hover,
#splash_footer .address_line_1 a:hover,
#splash_footer .address_line_2 a:hover {
	text-decoration: underline;
}

#splash_footer {
	background: url('/images/splash_footer_background.png');
	background-repeat: round;
	height: 80px;
	padding-bottom: 2vh;
}

.splash_footer .announcement {
	font-size: 2em;
	text-align: center;
}

.splash_footer {
	width: 33%;
	float: left;
	padding-bottom: 2vh;	
}

#splash_footer_clear {
	clear: both;
}

#footer {
	display: none;
}

#secondary_footer {
	font-family: Verdana;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer a {
	background-color: #231F20;
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1800px) {
	body {
		font-size: 17px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}	
	#content_title {
		line-height: 1.3em;
		font-size: 3em;
		padding-top: 5vh; 
		padding-bottom: 5vh;		
	}	
}

@media only screen and (max-width : 1700px) {
	body {
		font-size: 16px;
	}
	#clown_photo {
		/*width: 38%;*/
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}	
	#content_title {
		font-size: 2.75em;
		padding-top: 5vh; 
		padding-bottom: 5vh;		
	}			
}

@media only screen and (max-width : 1600px) {
	body {
		font-size: 15px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}	
	#content_title {
		font-size: 2.75em;
		padding-top: 5vh; 
		padding-bottom: 5vh;		
	}	
}

@media only screen and (max-width : 1500px) {
	body {
		font-size: 14px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}	
	#content_title {
		font-size: 2.5em;
		padding-top: 5vh; 
		padding-bottom: 5vh;		
	}
	#bottomnav .caption a {
		font-size: 2.5em;
	}	
	#splash_footer {
		height: 70px;
	}	
}

@media only screen and (max-width : 1400px) {
	body {
		font-size: 13px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}
	#content_title {
		font-size: 2.75em;
		padding-top: 3vh; 
		padding-bottom: 3vh;		
	}
}

@media only screen and (max-width : 1300px) {
	body {
		font-size: 12px;
	}
	#clown_photo {
		/*width: 35%;*/
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}
	#content_title {
		font-size: 2.5em;
		padding-top: 2vh; 
		padding-bottom: 2vh;		
	}
	#bottomnav .caption a {
		font-size: 2.25em;
	}	
}

@media only screen and (max-width : 1200px) {
	body {
		font-size: 11px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}
	#content_title {
		line-height: 1.2em;
		font-size: 2.5em;
		padding-top: 2vh; 
		padding-bottom: 2vh;		
	}
}

@media only screen and (max-width : 1100px) {
	body {
		font-size: 10px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}
	#content_title {
		line-height: 1.2em;
		font-size: 2.2em;
		padding-top: 2vh; 
		padding-bottom: 1vh;		
	}	
	#bottomnav {
		padding-top: 2vh;
		padding-bottom: 0vh;
		width: 100%;
	}	
	#bottomnav .caption a {
		font-size: 1.75em;
	}	
	#splash_footer {
		height: 60px;
	}			
}

@media only screen and (max-width : 1000px) {
	body {
		font-size: 10px;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}
	#content_title {
		line-height: 1.1em;
		font-size: 2.2em;
		padding-top: 1vh; 
		padding-bottom: 0vh;		
	}	
	#bottomnav .caption a {
		font-size: 1.75em;
	}		
}

@media only screen and (max-width : 900px) {
	body {
		font-size: 9px;
	}
	#clown_photo {
		/*width: 30%;*/
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
	}
	#content_title {
		line-height: 1.1em;
		font-size: 2em;
		padding-top: 1vh; 
		padding-bottom: 0vh;		
	}	
	#bottomnav .caption a {
		font-size: 1.75em;
	}
}

@media only screen and (max-width : 800px) {
	body {
		font-size: 12px;
		background-color: #FFFFFF;
	}
	#logo {
		text-align: center;
	}	
	#clown_photo {
		display: none;
	}
	#clown_star {
		overflow: hidden;
		margin-left: 0px;
		display: none;
	}	
	#clown_star {
		display: none;		
	}	
 	#dotted_border_top_container_cell,
 	#dotted_border_bottom_container_cell {
 		height: 0px;
 	}	
	#dotted_border_top_table,
	#dotted_border_right_table,
	#dotted_border_bottom_table,
	#dotted_border_left_table
	{
		display: none;
	}
	.content_left {
		width: 0%;
		display: none;
	}
	.content_right {
		width: 100%;
		text-align: center;
	}
	#content_right_wrapper {
		text-align: center;
	}
	#content_cell {
		background-size: auto 120px;
	}
	#content_title {
		line-height: 1.1em;
		font-size: 2.5em;
		padding-top: 1vh; 
		padding-bottom: 0vh;		
	}		
	#logo {
		margin-top: 10px;
		margin-right: 0px;
		width: 100%;
	}
	#topnav {
		display: block;
	}
	#topnav .caption {
		display: block;
	}
	#topnav .caption a {
		display: none;
	}	
	#topnav .image {
		display: block;
		width: 100%;
	}
	#bottomnav {
		display: none;
	}
	.splash_footer {
		padding-top: 3vh;
		padding-bottom: 3vh;		
		float: none;
		width: 100%;
		height: auto;
	}
	#splash_footer {
	
	}
	#splash_footer_left {
		display: none;
	}
	#splash_footer .address_line_1 a,
	#splash_footer .address_line_2 a {
		color: red;
		font-weight: bold;
	}	
	#splash_footer .phone_number {
		color: red;
		font-weight: bold;	
	}
	#logo_wrapper {
		background-color: #E37035;
		background: url('/images/custom_header_bg.png');	
		background-repeat: repeat-x;	
		height: 180px;
		width: 100%;
	}	
	#logo img {
		margin-right: 0px;
	}
	#topnav {
		background: url('/images/orange_highlight_gradient.png');
		background-repeat: repeat-x;	
		padding-top: 0vh;
		padding-bottom: 0vh;		
	}	
	#topnav_table {
		width: 96%;
	}
	#topnav_table td {
		padding-top: 2vh;
		padding-bottom: 1vh;
	}	
	#topnav_highlight_table {
		width: 100%;
		display: table;
	}	
	#topnav .highlight {
		width: 100%;
		height: 30px;
		background: url('/images/grey_highlight_gradient.png');
		background-repeat: repeat-x;
	}
	#footer {
		display: block;
	}
	#secondary_footer {
		display: none;
	}	
}
@media
only
screen
and (max-width : 480px) {
	#topnav table {
	    min-width: 420px;
	}
	#logo img {
		width: 100%;
	}
}