/*  added custom css to sepatare sheet called up in header.php file -- 061413 */

#container {padding-right:0px; padding-left:0px;}  /* added 062813 */

#wrapper {margin-top:3px!important; padding-left:20px; padding-right:20px;}

#header {position:relative; width:100%;}

#logo {
	float: none;
}

#header logo img {
    max-width: 100%;
    height: auto; /* */
	}

#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60px;
/*	font-size-adjust:150%; */
	color:#CC0000;   /* red */
	width:100%; /* */
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	margin-top:0.4em;
/*	margin-left:25px;
	margin-right:25px;
	margin-left:auto;
	margin-right:auto; */
	text-align:center!important;
	}

.subLogo {
	font-size:.5em;
	color:#000000;  /* black */
	}

/* added from head 062813 */

/* link test */
a {color: #006600;}  /* green */
/* link test */
/* test survey form */
#camperSurvey {background-color:#ffffff; line-height:1.3;}
#camperSurvey table {border-color:#FFFFFF!important; border-width:0px!important; border-style:solid; margin-top:0.3em!important; margin-bottom:0.3em!important;}
#camperSurvey table tbody tr td {border-color:#FFFFFF!important; border-width:0px!important; border-style:solid; padding-top:0.1em!important; padding-bottom:0.1em!important;}
/* /test survey form */
/* articles list page */
#articleList dt a {color:#009900; text-decoration: underline;}
#articleList dt a:hover {text-decoration:none;}
/* /articles list page */
/* cat post title */
ul.lcp_catlist li {margin-bottom: 1em;}
ul.lcp_catlist li a {font-weight:bold;}
/* /cat post title */
/* new home page widget substitutes */
.col-420 {
	display: inline;
	margin-right: 2.127659574468%;
}
.col-420 {width: 47.4%;}
.widget-title-home h3 {display:inline;}

.trail-widgets {
	margin-top: 40px;
}

.trail-widgets a {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.trail-widgets form {
    margin: 0;
}

.trail-widgets ul,
.trail-widgets ol {
    padding: 0 0 0 20px;
}

.trail-widgets ul li a {
	display: inline;
	text-decoration: none;
}

.trail-widgets .widget-title img {
	float: right;
	height: 11px;
	position: relative;
	top: 4px;
	width: 11px;
}



/* /added from head 062813 */

/* original image css */
/* img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
} */
/* riginal image css */




/* custom re-sizing */

@media screen and (max-width: 980px) {
/* #container {padding-right:10px; padding-left:10px;}   added 062813 to recheck small screens 
.menu a {padding: 0 0.5em;}  */
}

@media screen and (max-width: 920px) {
.wp-caption {padding:7px 5px 5px 5px;}
}

@media screen and (max-width: 850px) {
.grid, .grid-right {float: none;}
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#000000; /* black */
	margin-top:0.3em;
	}
/* .wp-caption {padding-right:5px; padding-left:5px;}  */
.alignright {margin-left:5px;}
#wrapper, #footer {padding-right:10px; padding-left:10px;}
}

@media screen and (max-width: 720px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#0000ff;  /* blue */
	margin-top:0.3em;
	}
.subLogo {
	font-size:.6em;
	}
#wrapper, #footer {padding-right:10px; padding-left:10px;}
}

@media screen and (max-width: 650px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:35px;
	color:#FF00FF; /* hot pink */
	margin-top:0.2em;
	}
.subLogo {
	font-size:.6em;
	}
/* .widget-wrapper {padding-right:5px; padding-left:5px;} */
.alignright {float:none; margin-left:0px;}  /*   */
#wrapper, #footer {padding-right:10px; padding-left:10px;}
}

@media screen and (max-width: 530px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#ffff00;  /* yellow */
	margin-top:0.2em;
	}
.subLogo {
	font-size:.7em;
	}
.alignright {float:none; margin-left:0px!important;}  /*   */
#wrapper, #footer {padding-right:10px; padding-left:10px;}
.widget-wrapper {padding-right:10px; padding-left:10px;}
}

@media screen and (max-width: 480px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#0000ff;  /* blue */
	text-align:center;
	margin-top:0.1em;
	}
.subLogo {
	font-size:.7em;
	}
.alignright {float:none; margin-left:0px!important;}  /*   */
#wrapper, #footer {padding-right:10px; padding-left:10px;}
}

@media screen and (max-width: 420px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#00ff00;  /* green */
	text-align:center;
	margin-top:0.1em;
	}
.subLogo {
	font-size:.85em;
	}
.alignright {float:none; margin-left:0px!important;}  /*   */
#wrapper, #footer {padding-right:10px; padding-left:10px;}
}

@media screen and (max-width: 320px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF00FF; /* hot pink */
	text-align:center;
	margin-top:0em;
	}
.menu ul {
	min-width: 10em; /* */
}
.sub-header-menu ul {
	min-width: 10em;  /* */
}
.alignright {float:none; margin-left:0px!important;}  
#wrapper, #footer {padding-right:3px; padding-left:3px;}  /* padding-right:10px; padding-left:10px;  */
}

@media screen and (max-width: 240px) {
#header h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0000ff;  /* blue */
	text-align:center;
	margin-top:0.0em;
	}
.alignright {float:none; margin-left:0px!important;}  /*   */
#wrapper, #footer {padding-right:3px; padding-left:3px;}
}
