@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, p a {
	text-align:left;
}

img, embed, object, video {	max-width:100%;}
header, nav, footer, article { display:block;}
/************ end of the reset *******************/

/* Basic layout styles (for the Parks Foundation) that apply to all media queries */
html, body {
	font: normal 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color:#576C0F; /* green */
	max-width:60em; /* 960 / 16 = 60em */ /*988px / 16px = 61.75em */
	margin:0 auto;
}

a {
	color: #5c838a;
	text-decoration: none;
	/*font-family: georgia, serif; 
	font-weight: bold; */
}

a:hover {
	color:#576C0F;
	text-decoration: underline;
}

a:visited {
	color:#73588C;
}

.bold, b, strong {
	font-weight:bold;	
}

.italic, i, em {
	font-style:italic;
}

.bolditalic {
	font-weight:bold;
	font-style:italic;		
}

#wrapper {
	margin: .9em auto;
	padding:1em 0;
	width: 97.65625%; /* 1000 / 1024 = 97.65625 */
	background-color:#F9f9f9;
}

header {
	width:95%;
	margin:0 auto;
	padding:0;
}

.logo {
	float:left;
	margin:0 0 0 1em;
}

header h1 {
	float:left;
	width:45%;
	font-size:2.5em;	
	margin:-.1em 0 0 .1em;
	padding:0;
	color:#576C0F;
	font-family:georgia, Geneva, Arial, Helvetica, sans-serif;
			text-align:left; /*text-align:center; */
}

header h2 {
	float:left;
	width:90%;		/*width:46%;*/
	font-size:1.2em;
	margin:0 .5em .5em 0;
	color:gray;
	font-style:italic;
	text-align:left; /*text-align:center; */
	clear:both;
}

header .donate {
	float:right;
	margin:0 .5em 0 2em;
}

/*******************************here begins the navigation styles**************************/
nav {
	clear:both;
	padding:.5em 0;
	width:100%;
	margin:2em auto 1em;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

nav ul {
	margin:0 auto;
	padding:0; 
	text-align:center;
}

nav ul li {
	display:inline;
	list-style-type:none;
	margin:0 1em;
	font-size:.9em;
}
/*******************************here ends the navigation styles**************************/

#content {
	float:left;
	width:100%;
	margin:0 auto 1em;
}

#leftcolumnhomepage {
	width: 90%; 
	margin:0 auto .5em;
	padding:0;
}

#photoone p {
	clear:both;
}

#phototwo p {
	clear:both;
}


.surveybutton {
	float:left;
	font-size:1.3em;	
    margin:0 0 1em 0;
	padding:.2em .2em .3em .2em;
	background-color: #cbcbc9;
	border: 1px solid grey;  
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px;
	text-align:center;
}

.surveybutton a {
	color:black;
	text-decoration:none;
}


.bigimage {
	width:93.36099585061756%; /* 600 / 642.6666666666667 = 93.36099585061756% */
	margin:0 auto;
}

#toptwophotos {
	margin:0 auto;
	background-color:#f9f9f9;
}

#toptwophotos h3 {
	font-size:.9em;
	margin:.3em auto;
	color:#576C0F; /* green */
}

#toptwophotos p {
	font-size:1em;
	margin:.3em auto 1em;
}

#toptwophotos img {
	width: 93.36099585061756%;
	margin: 0 auto;
	float: left;
	text-align: center;
}

/*******************************here begins the article styles**************************/
.toparticle img {
	display:block;
	margin:0 .5em 0 0;
}

/*article img {
	display:none;
}
*/
article.morespace {
	padding:0;
}

.lowerarticles {
	width:95%;
	float:left;
	margin:0 .5em;
	padding:0;
}

.lowerarticles section p {
	font-size:1em;
	margin:1em 0;
	padding:0;
	line-height:1.7em;
}

article {
	margin-top:0;
	padding:0;
	/*margin-bottom:1em;*/
	border-bottom:none;
	overflow:hidden;
}

.lowerarticles h4 {
	margin:1em 0 0 0;
	padding:.2em .2em .2em .5em;
	background-color:#576C0F; /* green */
	color:#fff;
	font-size:1em;
	font-weight:normal;
}

.lowerarticles ul {	
	clear:both;
	margin: 2em 0 0 3em;
}

.lowerarticles ul li {	
	list-style-type:none;
	margin:1em 0 0 0;
}

.ezgo {
	padding:.5em 0 0 0;
}


.chessie320 {
	display:none;
}

.take12 {
	display:block;
	margin:.5em .5em 0 0;
}

.sponsorleft {
	width:45%;
	float:left;
}

.sponsorright {
	width:45%;
	float:left;
}

.homepage ul {
	list-style-type:none;/* removes bullets */
	margin:2em 0 2em 1em;
	padding:0; 
	background-color:#F9f9f9;
}

.homepage ul li {
	margin:0 0 1em 0;
}
/******************** images **********************************************/

.right100, .right150, .right200, .right250, .right300, .right400, .right500 {
	margin:1em .5em 1em 1em;
	border:none;
	float:right;
}

.left100, .left150, .left200, .left250, .left300, .left400 {
	margin:1em;
	border:none;
	float:left;
}

.left500 {
	float:none;
}

.textposition {
	text-align:center;
	padding:.5em 0 0 2em;
	width:30%;
}

.right100, .left100 {
	width:16.666666666667%; /* 100 / 600 = 16.666666666667% */
}

.right150, .left150 {
	width:25%; /* 150 / 600 = 25% */
}

.right200, .left200 {
	width:33.333333333333%; /* 200 / 600 = 33.333333333333% */
}

.right250, .left250 {
	width:41.66666666666667%; /* 250 / 600 = 41.66666666666667% */
}

.right300, .left300 {
	width:50%; /* 300 / 600 = 50% */
}

.right400, .left400 {
	width:66.666666666667%; /* 400 / 600 = 66.666666666667% */
}

.right500, .left500 {
	width:83.333333333333%; /* 500 / 600 = 83.333333333333% */
}

.center200 { /* these centered images: the class=center200 etc.,  should be in div tags, eg. <div class="center200">*/
	width:33.333333333333%; /* 200 / 600 = 33.333333333333% */
	margin:0 auto;
}

.center300 {
	width:50%; /* 300 / 600 = 50% */
	margin:0 auto;
}

.center400 {
	width:66.666666666667%; /* 400 / 600 = 66.666666666667% */
	margin:0 auto;
}

.center500 {
	width:83.333333333333%; /* 500 / 600 = 83.333333333333% */
	margin:0 auto;
}

.centeredimages { 
	width:90%;
	text-align:center;
}







/* .picture, .picture>img, .right, and .left came from the ADS site and can be seen here on summerentertainmentseries.htm .right300 is for images 300px wide and that need to be aligned on the right side. These styles provide room for a caption as well as making the images flexible. */
.picture { 
	background-color: #fff;
	border: 1px solid #CCCCCC; 
	vertical-align:middle; 
	padding: 7px 3px 3px 3px; /* padding around the entire image. When the interior border is displayed (see below) the padding was 3px all the way around. */
	font: 11px/1.4em Arial, sans-serif; 
}

.picture img { 
	border: 1px solid #fff; /* the original color -- which shows an interior border -- was CCCCCC */
	margin-bottom: 3px; /* margin between the image and the caption */
	display:block;
}

.right { 
	margin: .5em .8em;  /* margin around the entire thing */
	float:right; 
	text-align:center;
}

.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left; 
	text-align:center;
}

/*
.left200 {
	width:33.333333333333%; 
	padding:.7em 1.5em .5em .7em;
	margin:1em;
	text-align:center;
	float:left;
}

.left400 {
	width:66.66666666666667%; 
	padding:.7em 1.5em .5em .7em;
	margin:1em;
	text-align:center;
}
*/

.rightvert {
	width:33.16666666666667%; /* 199w / 600h = 33.16666666666667% */
	margin:1em;
	float:right; 
}

.leftvert {
	width:33.16666666666667%; /* 199w / 600h = 33.16666666666667% */
	margin:1em;
	float:left; 
}


.captionsesqui { /* This style, and the following two, can be seen on /contact/default.htm */
	font-size:.8em;
}

.captionsesqui p { /* on /contact/default.htm */
	font-style:italic;
	padding:0;
	clear:right;
	width:27%;
	float:right;
	text-align:center;
}

.sesquiphoto { /* on /contact/default.htm */
	width:25%;
	float:right;
	margin:0 1em 0 0;
}



.picturecaption { /* found on /about/awards.htm */
	width:88%;
	margin:0 auto 1em;
	border:1px solid grey;
	text-align:center;
	padding-top:.5em;
}

.picturecaption img { /* found on /about/awards.htm */
width:inherit;
	margin:0 auto;
}

.picturecaption p { /* found on /about/awards.htm */
	/*clear:both;
	margin:0 auto;
	font-size:1.5em;*/
	font-style:italic;
}

.awardsphotos {/* on /about/awards.htm */
	width:83.33333333333333%; /* 500 / 600 = 83.33333333333333% */
	text-align:center;
	margin:0 auto;
	border:none;
}

.cbbtiki { /* on /projects/chessiebigbackyard.htm */
	width:77.3333%; /* 464 / 600 = 77.33333333333333% */
	float:none;
	margin: 0 .3em .5em .3em;
}

.ossian { /* on /projects/summerentertainmentseries.htm and /support/default.htm */
	width:43.16666666666667%; /* 259 / 600 = 43.16666666666667% */
	float:right;
	margin: 0 .3em .3em .3em;
}

.parkbondsign { /* on /support/advocate.htm */
	width:13.333333333333%; /* 80 / 600 = 13.333333333333% */
	float:right;
	margin: 0 1em .3em 1em;
}

.take12logo {
	width:33.33333333333333%; /* 200 / 600 = 33.33333333333333% */
	float:right;
}

.bench180 { /* on /suppport/benchtree.htm */
	width:30%; /* 180 / 600 = 30% */
	float:left;
	margin: .5em .7em .2em .5em;
}

.clemyribboncutting400 {
	width:66.66666666666667%; /* 400 / 600 = 66.66666666666667% */
	float:right;
	margin: 0 .3em .5em .3em;
}

.volunteers345 {
	width:57.5%; /* 345 / 600 = 57.5% */
	float:right;
	margin: 0 .3em .5em .3em;
}

.sterlingharrisrecognition250 {
	width:41.66666666666667%; /* 250 / 600 = 41.66666666666667% */
	float:right;
	margin: 0 .3em .5em .3em;
}

.colvinrun { /* on /projects/colvinrunmillvisitorscenter.htm */
	width:54%; /* 324 / 600 = 54% */
	float:right;
	margin: 0 .3em .5em .5em;
}

.artsintheparks { /* on /projects/artsintheparks.htm */
	width:56.66666666666667%; /* 340 / 600 = 56.66666666666667% */
	float:right;
	margin: 0 0 .5em 0;
	
}

.chessiemap { /* found on /projects/sponsorshipopportunities.htm */
	width:85.33333333333333%; /* 512 / 600 = 85.33333333333333% */
}

.chessiesponsorpictures { /* this and the next 3 styles are for logos found on chessiesbigbackyard.htm *****/
	width:90%;
	text-align:center;
}

.first {
	margin:.5em auto;

}

.second {
	margin:.5em auto;
}

.third {
	margin:.5em auto;
}
/****************** end of images ******************************************/

.listoutercontainer ul {
	width:100%;
}

.listoutercontainer li {
	text-align:center;
}

.supportingsponsortext {
	display:none;
	/*width:46.66666666666667%;  /* 140px / 300px = 46.66666666666667% */
}

.supportingsponsorlogos {
	display:block;
}

.partnersponsortext {
	display:none;
}

.partnersponsorlogos {
	display:block;
}

/*******************************here begins the rightcolumn styles**************************/
#rightcolumn { /*this contains the UW, CFC, CVC etc. icons */
	float:right;
	width:30%;
}

#rightcolumnhomepage .bigwords {
	font-size:1em;
	color:#576C0F; /* green */
	margin:0;
	padding:0;
}

#rightcolumn ul {
	list-style:none;
	margin:0;
	padding:0;
}

#rightcolumn ul li {
	margin:0 1em 1em 0;
	height:60px;
}

#rightcolumn ul li.parkauth {
}

#rightcolumn ul li img {
	border:none;
	margin-right:1em;
	vertical-align:middle;
}

#interiorleft {
	width:60%;
	float:left;
	margin:0 .5em .5em 3em;
	border:1px solid #ddd;
	border-bottom:none;
	background:#fff;
}

#interiorleft h2 {
	margin-bottom:.5em;
	font-size:1.5em;
	font-weight:normal;
	color:#fff;
	width:98%;
	padding:.1em .25em .1em .3em;
	background:#576C0F;
}

#interiorleft h3 {
	margin:1em 0 .3em .3em;
	font-size:1.2em;
	font-weight:bold;
	padding:.1em .2em;
	color:#666;
}

#interiorleft h4 {
	margin:1em 0 0 1em;
	font-size:1em;
	font-weight:bold;
	padding:.1em .2em;
	color:#000;
}

#interiorleft p {
	font-size:1em;
	margin:1em 0 .5em 1.2em;
	line-height:1.7em;
	padding:.2em .5em .2em .2em;
}

#interiorleft ul {
	list-style-type:none;/* removes bullets */
	margin:0 auto 1em;
	padding:0; 
	/*border-top:1px solid grey;*/
	width:85%;
}

#interiorleft ul.noborder {
	border-top:none;
}

#interiorleft ul li {
	margin:.7em .3em;
	line-height:1.5em;
}

.curvybox {
	width:53%;
	margin: 0 .5em .5em 0;
	float: right;
	font-style: normal;
	border: 1px solid grey;  
	-moz-border-radius: 7px; /* Firefox */
	-webkit-border-radius: 7px; /* Safari and Chrome */
	border-radius: 7px;
	background-color:#efedeb;
	behavior: url(border-radius.htc); /* This lets IE know to call the script on all elements which get the 'curvybox' class */
}

.curvybox p {
	text-align:center;
	padding:0;
	margin:0;
}

/******************************here ends the rightcolumn styles ****************************/

#footer {
	width:100%;
	margin:0 auto;
	padding:0;
	clear:both;
}

#footer p {
	font-size: .85em; 
	text-align:center;
	color:#909090;
}


.libraryitem {
	margin:2em 0 0 0;
	clear:both;
}

.boldandred {
	font-weight:bold;
	color:#f00;
}

.boldandyellow {
	font-weight:bold;
	color:#EEFD02;
}

.tax {
	width:100%;
	/*padding-top:2em;*/
	text-align:center;
	font-family: georgia, serif;
	color:#576C0F;
}

.bigbox {
	float:left;
	width:200px;
	margin:1em 1em 0 0;
}

/********************* this ends the basic layout styles *********************/





/********************* styles for <=320 *****************************************/
@media only screen and (max-width:375px) {

header .logo { 	
	display:none;
}

header .donate {
	display:block;
	float:right;
	width:35%;
	margin:.5em .5em 0 1.5em;
}

nav {
	display:none;
}

article.morespace section p {
	clear:both;	
}



.left200 {
	margin:1em .3em 1em 0;
}


.right100, .left100 {
	width:26.666666666667%; /* 100 / 375 = 26.666666666667% */
}

.right200, .left200 {
	width:53.333333333333%; /* 200 / 375 = 53.333333333333% */
}

.right300, .left300 {
	width:80%; /* 300 / 375 = 80% */
}
/*******************************here ends the articles styles**************************/

/**************this begins the interior styles for 375px *******************/

#interiorleft {
	width:95%;
	margin:1em .5em .5em .5em;
}

.right300 {
	margin:.6em 0 0 .4em;
}

#interiorleft h2 {
	font-size:1em;
}

#interiorleft p {
	font-size:1.1em;
	margin:1em .5em;
}

.chessie320 {
	display:block;
}

.largepdf { /* found on /projects/sponsorshipopportunities.htm hidden on small devices */
	display:none;
}

.listoutercontainer ul {
	width:100%;
}

.listoutercontainer ul li {
	text-align:center;
}

.supportingsponsortext {
	display:block;
}

.supportingsponsorlogos {
	display:none;
}

.partnersponsortext {
	display:block;
}

.partnersponsorlogos {
	display:none;
}

/***************************this ends the interior styles for 320px *********************************/



/*******************************here begins the nav styles for 320 (at the bottom of the page) **************************/

.small320 {
	display:block;
	clear:both;
	padding:0;
	margin:0;
	/*border:1px solid red;*/
}

.small320 ul {
	list-style:none;/* removes bullets */
	margin:0 auto 1em;
	padding:1em 0 0 0; 
	border-top:1px solid grey;
	width:85%;
}

.small320 ul li {
	display:inline; /* this makes the links horizontal */
	margin:0 .3em;
	font-size:1.2em;
}

.small320 ul li a {
	text-decoration:underline;	
}

.copyright {
	margin:0 0 1.5em 0;	
}
/* *******************************here ends the 320 UW, CFC, CVC styles**************************/

#rightcolumn {
	display:none;
}

#rightcolumnhomepage {
	display:none;
}

.toparticle {
	border:none;
}
}


@media only screen and (min-width:376px) and (max-width:767px) { /* iPhone in landscape mode */

#wrapper {
	margin: 1.2em auto;
}

.header {
	width:95%;
}

.logo {
	margin-bottom:1em;
}

header h1 {
display:none;
	font-size:1.8em;
}

header h2 {
display:none;
	/*width:90%;
	font-size:.5em;
	float:left;*/
}

/*header .logo { 	
	display:none;
}
*/
header .donate {
	float:left;
	width:35%;  /* 164 / 320 = 51.25 */
	margin:2em .5em 0 5em;
}

nav {
	display:none;
}

#topthreephotos {
	display:none;
}

.lowerarticles h4 {
	margin:0 0 .5em 0;
}

.lowerarticles p {
	font-size:.9em;
	margin:0 0 1em 1em;		
}

.toparticle {
	margin:1em 0 0 0;
}

.toparticle img {
	display:block;
}

/*article img {
	display:none;
}*/

article.morespace {
	padding:0;
}

/**************this begins the interior styles for 321px to 767px*******************/

#interiorleft {
	width:95%;
	margin:1em .5em .5em .5em;
}

#interiorleft img {
	/*display:none;*/
}

#interiorleft h2 {
	font-size:1em;
}

#interiorleft p {
	font-size:1.1em;
}

.chessie320 {
	display:block;
}

.largepdf { /* found on /projects/sponsorshipopportunities.htm hidden on small devices */
	display:none;
}

.listoutercontainer ul {
	width:100%;
}

.listoutercontainer ul li {
	text-align:center;
}


.supportingsponsortext {
	display:block;
}

.supportingsponsorlogos {
	display:none;
}

.partnersponsortext {
	display:block;
}

.partnersponsorlogos {
	display:none;
}
/***************************this ends the interior styles for 321px to 767px *********************************/



/*******************************here begins the nav styles for 320 (at the bottom of the page) **************************/


.small320 {
	display:block;
	clear:both;
	width:85%;
	margin:0 auto;
}

.small320 ul {
	list-style-type:none;
	margin:0 auto 1em;
	border-top:1px solid grey;
	padding:1em 0 0 0; 
	width:85%;
	text-align:center;
}

.small320 ul li {
	display:inline; 
	margin:0 .3em;
	font-size:1.2em;
}

.small320 ul li a {
	text-decoration:underline;	
}

/*******************************here ends the 320 UW, CFC, CVC styles**************************/

#rightcolumn {
	display:none;
}

#rightcolumnhomepage {
	display:none;
}

.ads768 { 
	display:block;
	margin:30px auto;
	padding:10px 0 20px 0;
	width:80%;
	float:left;
	clear:both;
	overflow:hidden;
	border:1px solid grey;
}

.ads768 ul {
	list-style:none;
	margin:0 auto .5em;
	/*border:1px solid red;*/
	overflow:hidden;
}

.ads768 ul li {
display:inline;
	padding-left:.9em;
	margin:0 auto;
	width:22%;
	float:left;
	text-align:center;
}

.parkauth {
	clear:both;
	text-align:left;
}


.toparticle {
	border:none;
}
}


















@media only screen and (min-width:768px) and (max-width:799px) { /* iPad portrait */

#wrapper {
	margin: 1.2em auto;
	max-width:60em; /* 960 / 16 = 60em */ /*988px / 16px = 61.75em */
}

/******************************this begins the header div ********************************/

header .logo {
	display:inline;
	float:left;
	/*width:219px*/
	/*width:22.26720647773279%; /*220 / 988 = 22.26720647773279 */
	margin:0 .5em .5em .5em;
	padding:0; 
}

header h1 {
	width:45%;
	font-size:2.3em;
	margin:0 auto;
	text-align:center;
}


header h2 {
	float:left;
	width:46%;
	margin:0 auto;
	font-size:.8em;
	line-height:1.5em;
	text-align:center;
	clear:none;
}



.donate {
	display:block;
	float:right;
	width:16.59919028340081%;  /* 164 / 988 = 16.59919028340081 */
	margin:1em 1em 0 0;
}

/******************************this ends the header div ********************************/


/***************************** start of nav for iPad portrait ******************************/

nav {
	width:99%;
}

nav ul li {
	margin:0 .6em;
}
/***************************** end of nav for iPad portrait ******************************/


#content {
	clear:both;
	margin:1em auto 0;
	float:left;
	width:100%;
}

/*******************************here begins the topthreephotos styles**************************/

#topthreephotos {
display:block;
	/*clear:both;*/
	float:left;
	width:40%;
	margin:0;
	/*border:1px solid blue;*/
}

#topthreephotos p {
	font-size:.8em;
	margin:0;
	font-style:italic;
	text-align:center;
}

#topthreephotos h3 {
	font-size:.8em;
	margin:0 0 .5em 0;
	text-align:center;
	font-weight:bold;
	color:#576C0F;
}

#photoone .bigwords {
	font-size:1em;
}


#photoone {
	width:300px;
	float:left;
	margin:0 0 .5em .5em;
	border:none;
}

#phototwo {
	width:300px;
	float:left;
	margin:0 0 .5em 2em;
}

#photothree {
	width:300px;
	float:none;
	margin:1em 0 .5em .5em;
	padding-bottom:.5em;
	border:1px solid grey;
}


/* the photoonevertical styles are for a vertical image */
#photoonevertical {
	width:300px;
	float:left;
	margin:0 0 .5em .5em;
	border:1px solid grey;
	background-color:#fff;
}

#photoonevertical h3 {
	text-align:center;
}

#photoonevertical img {
	width:150px;
	float:left;
	margin:.5em 1em .5em .5em;
}

#photoonevertical p {
	text-align:left;
	margin-right:.2em;
}

#photoonevertical p.centered {
	margin:3em auto 0;
	text-align:center;
}


/*******************************here ends the topthreephotos styles**************************/


/*******************************here begins the article styles**************************/

/***************************lowerarticle styles are only on the homepage *******************/
.lowerarticles {
	width:55%;
	margin:0 .5em 2em .5em;
	background-color:white;
}

article {
	/*border-bottom:1px solid #ccc;*/
	padding-bottom:1em;
}

.toparticle {
	border-top:none;
	padding-top:0;
	background:#fff;
	/*border-bottom:1px solid #ccc;*/
	margin-bottom:0;
	margin-top:0;
}

.toparticle h4 {
	margin-top:0;
}

.chessie320 {
	display:none;
}

.take12 {
	display:none;
}

.lowerarticles h4 {
	font-size:1em;
	padding-left:1em;
}

.lowerarticles p {
	font-size:1em;
	margin:1em;		
}

.lowerarticles a {
	font-size:1em;	
}

.lowerarticles img {
	margin:.5em;
}

.lowerarticles img .768position {
	float:right;
	width:250px;
}

.toparticle img {
	display:block;
}
/*
article img {
	display:block;
}
*/
#homepage {
	margin:1em 0 0 0;
}


/******************************Interiorleft styles are on all pages EXCEPT the homepage**********************/
#interiorleft {
	width:60%;
	margin:0 1em;
}

#interiorleft h2 {
	font-size:1.5em;
}


/*******************************here begins the rightcolumn styles**************************/

/**************** these do not apply to the homepage *******************************/
#rightcolumn { 
	width:32%;
	margin:0 auto;
	float:left;
	overflow:hidden;
}



.ads768 { 
	margin:0 auto .5em;
	/*width:100%;*/
	/*position:relative;*/
	
}

.ads768 ul {
	list-style:none;
	margin:0 auto .5em;
	/*width:100%;*/
}

.ads768 ul li {
	margin:0 auto;
	padding:0;
	width:95%;
	/*display:inline;*/
	float:left;
	text-align:right;
}

.ads768 ul li.first {
}

.parkauth {
	padding:0;
}

.ads768 li.parktakes {
	width:95%;
	font-style:italic;
}

.ads768 ul li.tax {
	padding:0;
}

/*******************************here ends the rightcolumn styles for evry page EXCEPT the homepage **************************/



/****************************these are the rightcolumn and ads768 styles for the homepage only********************/
#rightcolumnhomepage { 
	width:35%;
	margin:1em auto 0;
	float:left;
	text-align:center;
}



ul.ads768homepage {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:95%;
	overflow:hidden;
}

ul.ads768homepage li {
	margin:0;
	padding:0 1em;
	width:18%;
	float:left;
	text-align:center;
}

.parkauth img {
	padding-right:20px;
}

.ads768homepage li.parktakes {
	width:90%;
	text-align:center;
	font-style:italic;
	margin:2em 0 2em .7em;
}


ul.ads768homepage li.tax {
	padding:0 0 1em 0;
	margin:1em 0 0 0;
	width:100%;
	text-align:center;
	font-family: georgia, serif;
}



/*******************************here ends the aside styles**************************/

#footer {
	border-top:1px solid grey;
	width:80%;
}
.small320 {
	display:none;
}

input {
	height: 20px;
	margin: 0;
	padding: 2px;
	font-size: xx-small;
	background-color: #8bb2b7;
	text-indent: 5px;
	color: #000;
	border: 1px solid black;
}
}


@media only screen and (min-width:800px) { /* iPad landscape */

.logo {
	margin-bottom:.5em;
}

header h1 {
	text-align:center;
}

header h2 {
	width:46%;
	text-align:center;
	clear:none;
	margin-top: 1em;
}



#leftcolumnhomepage {
	float:left;
	width: 66.25%; /* 636 /960 = 66.25% */
	margin:.5em;
	overflow:hidden;
}

.right100, .right150, .right200, .right250, .right300, .right400, .right500 {
	margin:.5em .5em 1em 1em;
}

.left100, .left150, .left200, .left250, .left300, .left400 {
	margin:.5em 1em 1em .5em;
}

#photoone, #phototwo {
	float:left;
	width:46%;
	margin:0 auto 0;
	padding:0 .6em 0;
}


#rightcolumnhomepage { 
	width:30%;
	margin:.5em auto 0;
	float:left;
	text-align:center;
}

.ads768homepage {
	width:70%;
	margin:1em auto;
	border:1px solid grey;
	padding:.5em;
	overflow:hidden;
}

.ads768homepage li {
	margin:1em 0;
}



.trailbuddy {
	clear:left;
	margin:1em auto 0;
}

.small320 {
	display:none;
}
}