/*
Theme Name: Great Plains Trails Network
Theme URI: http://www.gptn.org/
Description: GPTN theme by <a href="http://enjoycreativeinc.com">Enjoy Creative, Inc</a>.
Version: 1.0
Author: Enjoy Creative, Inc.
Author URI: http://EnjoyCreativeInc.com/
*/

body {
	background: #e6fec9 url(images/BG.png) no-repeat center top;
	font-family:"Times New Roman", Times, serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* web standard browsers */
	
}
html>body {
	font-size: small; /* Opera settings */	
}

* { margin: 0pt; padding: 0pt; }

a:link { color: #41a5bb; text-decoration:none; }
a:visited { color: #41a5bb;text-decoration:none; }
a:hover { color: #333333; text-decoration:underline; }
a:active { color: #41a5bb; text-decoration:none; }

/* --- TEXT/LINK STYLES ---*/
.footlinks a:link { color: #f3f3f3; text-decoration:none; }
.footlinks a:visited { color: #f3f3f3; text-decoration:none; }
.footlinks a:hover { color: #FFFFFF; text-decoration:underline; }
.footlinks a:active { color: #f3f3f3; text-decoration:none; }

.footheads a:link { color: #FFFFFF; text-decoration:none; }
.footheads a:visited { color: #FFFFFF;text-decoration:none; }
.footheads a:hover { color: #333333; background-color: #76D590; text-decoration:none; }
.footheads a:active { color: #FFFFFF; text-decoration:none; }

.drophover a:link { color: #ccc; text-decoration:none; }
.drophover a:visited { color: #ccc;text-decoration:none; }
.drophover a:hover { color: #ccc; background-color: #333; text-decoration:none; }
.drophover a:active { color: #ccc; text-decoration:none; }

.login a:link { color: #f3f3f3; text-decoration:none; }
.login a:visited { color: #f3f3f3;text-decoration:none; }
.login a:hover { color: #fff; text-decoration:none; }
.login a:active { color: #f3f3f3; text-decoration:none; }

.mainposthead a:link { color: #54A369; text-decoration:none; }
.mainposthead a:visited { color: #54A369;text-decoration:none; }
.mainposthead a:hover { color: #54A369; text-decoration:underline; }
.mainposthead a:active { color: #54A369; text-decoration:none; }

.projlink a:link, .commentlink a:link  { color: #41a5bb; text-decoration:none; }
.projlink a:visited, .commentlink a:visited { color: #41a5bb;text-decoration:none; }
.projlink a:hover, .commentlink a:hover { color: #333333; text-decoration:underline; }
.projlink a:active, .commentlink a:active { color: #41a5bb; text-decoration:none; }

.commentlink { margin-bottom: 5px; }
.commentlink a:link  { color: #41a5bb; text-decoration:none; }
.commentlink a:visited { color: #41a5bb;text-decoration:none; }
.commentlink a:hover { color: #333333; text-decoration:underline; }
.commentlink a:active { color: #41a5bb; text-decoration:none; }

.comment-author { margin-bottom: 5px; }
.comment-author a:link  { color: #41a5bb; text-decoration:none; }
.comment-author a:visited { color: #41a5bb;text-decoration:none; }
.comment-author a:hover { color: #333333; text-decoration:underline; }
.comment-author a:active { color: #41a5bb; text-decoration:none; }


p { color: #6C6D77; margin-bottom: 15px; }

h2 { color: #54A369; font-size: 24px; font-weight: normal; margin-bottom: 5px; }

h3 { color: #666666; margin-bottom: 5px; }

h4 { color: #54A369; font-size: 24px; font-weight: normal; margin: 0; padding: 5px 0 10px 0px; }

h5 { color: #54A369; font-size: 90%; text-transform: uppercase;}

h6 { font-size: 110%; margin: 5px 0px 15px 0px;}

/*--- LAYOUT ---*/
#container {
	margin: 0 auto;
	width: 899px;
	top: 0;
}

#header {
	float: left;
	background: #333333;
	width: 900px;
	overflow: hidden;
}

#slideshow{
	float: left;
	background: #666666 url(images/slideshowbg.jpg);
	width: 900px;
	height: 300px;
}

#navigation {
	float: left;
	background: url(images/navBG2.jpg) no-repeat;
	width: 900px;
        /*height: 50px;*/
        font-size: 120%;
        font-weight: bold; /* NEW CHANGE */
}

#mainbody {
	float: left;
	/*background: #FFFFFF url(images/contentBG2.jpg) no-repeat top;*/
        background: #FFFFFF;
	width: 860px;
        padding: 20px 20px 10px 20px;
}

.entry { width: 560px; margin: 0px 0px 20px 60px; border-bottom: 1px solid #f3f3f3; }
.entry a:link { color: #41a5bb; text-decoration:none; }
.entry a:visited { color: #41a5bb;text-decoration:none; }
.entry a:hover { color: #333333; text-decoration:underline; }
.entry a:active { color: #41a5bb; text-decoration:none; }
.entry2 { width: 795px; margin: 0px 0px 20px 60px; border-bottom: 1px solid #f3f3f3; }

#homeleft { float: left; width: 619px; padding-right: 20px; border-right: 1px solid #f3f3f3; }
#homeleft h2 { margin-left: 50px; }
#homeright { float: left; width: 200px; padding-left: 20px; color: #6C6D77; }
#homeright p { margin: 10px 7px; }
#homeleftcontent { float: right; }

.post-date{ float: left; display: inline; margin: 7px 20px 10px 0; background: url(images/date-icon.jpg) no-repeat; width: 40px; height: 45px;
}
.month { font-size: 80%; font-variant: small-caps; margin-top: 2px; text-align: center; color: #ffffff;  }
.day { text-align: center; font-size: 120%; color: #ffffff; }
.year { font-size: 70%; font-variant: small-caps; margin-top: 2px; text-align: center; color: #ffffff; }

/*#aboutLeft { float: left; width: 420px; padding: 0px 10px 0px 0px; }

#aboutRight { float: left; width: 420px; padding: 0px 0px 0px 10px; overflow: hidden; display: inline; }*/

#aboutLeft { float: left; width: 409px; height: 230px; padding: 0px 20px 0px 0px; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; margin-bottom: 30px; overflow: hidden; display: inline; }

#aboutRight { float: left; width: 410px; height: 230px; padding: 0px 0px 0px 20px; border-bottom: 1px solid #f3f3f3; overflow: hidden; display: inline; }


/*.officerName { float: left; font-size: 115%; padding: 2px 0px; }*/
.officerPicture { float: left; width: 100px; margin: 2px 54px 2px 49px; border: 1px solid #54A369; overflow: hidden; display: inline; }
.officerBox { float: left; width: 145px; margin: 2px 0px 2px 50px; font-size: 115%; overflow: hidden; display: inline;}
#boardMembers { width: 755px; margin: 20px 54px 0px 49px; border: 1px solid #54A369; }
#boardBox { width: 747px; margin: 0px 55px 0px 49px; padding: 5px 0px 5px 10px; background: #54A369; }
#boardBox p { color: #FFFFFF; margin: 0px; }

.newsarchivewrap { margin: 8px 0px 8px 9px; }
.projectwrap { border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; overflow: hidden; }
.contactwrap { border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; }
.trailheadwrap { border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; }
.newsletterwrap { width: 265px; float: left; margin: 0px 20px 20px 0px; }
.newsletterwrap p { margin: 8px 0px 8px 8px; }
.newsletterwrap a:link { color: #41a5bb; text-decoration:none; }
.newsletterwrap a:visited { color: #41a5bb;text-decoration:none; }
.newsletterwrap a:hover { color: #333333; text-decoration:underline; }
.newsletterwrap a:active { color: #41a5bb; text-decoration:none; }
.newsletterwrap .postbody ul { margin: 0px 0px 15px 25px; }
.linkswrap { width: 265px; float: left; margin: 0px 20px 20px 0px; color: #6C6D77; }
/*.linkswrap p { margin: 8px 0px 8px 0px; }*/
.linkswrap a:link h3 { color: #41a5bb; text-decoration:none; }
.linkswrap a:visited h3 { color: #41a5bb;text-decoration:none; }
.linkswrap a:hover h3{ color: #333333; text-decoration:underline; }
.linkswrap a:active h3 { color: #41a5bb; text-decoration:none; }
.linkswrap .postbody ul { margin: 0px 0px 15px 25px; }
.supportwrapleft { float: left; width: 660px; margin-right: 10px; }
.supportwrapright { float: left; width: 190px; margin: -40px 0px 20px 0px; }
.archivewrapleft { color: #6C6D77; float: left; padding-left: 20px; width: 80px; font-size: 150%; padding-bottom: 2px; }
.archivewrapright { float: left; width: 760px; font-size: 150%; padding-bottom: 2px; }
.archivewrapright a:link { color: #41a5bb; text-decoration:none; }
.archivewrapright a:visited { color: #41a5bb;text-decoration:none; }
.archivewrapright a:hover { color: #333333; text-decoration:underline; }
.archivewrapright a:active { color: #41a5bb; text-decoration:none; }

.memberbutton { float: left; margin: 20px 12px 0 0; }

#fulltext { }

.posthead { }

.postbody { color: #6C6D77; }

.postbody ul { margin: 15px 0px 15px 25px; }
.postbody ul li { margin-bottom: 5px; list-style-type: square; }

.alert { 
        font-size: 105%;
        font-weight: bold;
        padding: 10px;
        color: #ffffff;
        border: 1px dashed #ffffff;
        background: #54A369;
        margin-bottom: 15px;
        text-transform: uppercase;
}

.details .alert p { color: #ffffff; margin-bottom: 0px; }

#trailselect { color: #54a369; margin: -10px 0 40px 40px; }

.trailspecs { padding-top: 10px; }

.trailspecs p {
	line-height: 18px;
}

.trailspecs ul {
        overflow: hidden;
	list-style-type: none;
        padding: 0px 0px 10px 25px;
        line-height: 15px;
}

.trailspecs ul li {
	margin: 0pt;
        padding: 0pt;
}

#footer_top {
	float: left;
	/*background: #58b874;*/
        background: url(images/footerBG3.jpg) no-repeat top;
	width: 880px;
	text-align: left;
	margin: 0pt auto;
	padding: 56px 0px 0px 20px;
}

#footer_bottom {
	float: left;
	background: #55b26c;
	width: 900px;
}

#login {
       float:right;
       font-size: 80%;
       margin: 7px 36px 7px 0px;
       text-transform: uppercase;
}

#footer_shadow {
        float: left;
        width: 900px;
        height: 70px;
        background: #e6fec9 url(images/footerShadow.jpg) no-repeat top;
}

div#footer_content .footer_col p {
	padding: 0 20px 0 0;
}

div.footer_col {
	display: block;
	position: relative;
	margin: 15px 0pt 15px 20px;
	float: left;
	width: 147px;
}

div.footer_col ul li {
        list-style-type: none;
        color: #333333;
        margin-bottom: 5px;
}

/* ---- IMAGE HOVERS ----*/
.ecLogo a {
	float: left;
        display: block;
        width: 130px;
        height: 27px;
        background: transparent url(images/ecFootLogo.png) no-repeat;
}

.ecLogo a:hover {
        background-position: 0 -27px;
} 

.joinHome a {
	float: left;
        display: block;
        width: 200px;
        height: 41px;
        background: transparent url(images/joinHome.jpg) no-repeat;
}

.joinHome a:hover {
        background-position: 0 -41px;
} 

.donateHome a {
	float: left;
        display: block;
        margin-top: 5px;
        width: 200px;
        height: 41px;
        background: transparent url(images/donateHome.jpg) no-repeat;
}

.donateHome a:hover {
        background-position: 0 -41px;
} 

/*
.completeMap a {
	float: left;
        display: block;
        width: 200px;
        height: 200px;
        background: transparent url(images/completeMap.jpg) no-repeat;
}

.completeMap a:hover {
        background-position: 0 -200px;
} 
*/

.completeMap a[href$=".PDF"], .completeMap a[href$=".pdf"] {
	float: left;
        display: block;
        width: 200px;
        height: 200px;
        background: transparent url(images/completeMap.jpg) no-repeat;
}

.completeMap a[href$=".PDF"]:hover, .completeMap a[href$=".pdf"]:hover {
        background-position: 0 -200px;
}

.completeMap a[href$=".PDF"], .completeMap a[href$=".pdf"] {
	background: transparent url(images/completeMap.jpg) no-repeat;
}

.viewphotos a {
	float: left;
        display: block;
        width: 228px;
        height: 82px;
        background: transparent url(images/viewphotos.jpg) no-repeat;
}

.viewphotos a:hover {
        background-position: 0 -82px;
} 

.viewmaps a {
	float: left;
        display: block;
        width: 228px;
        height: 82px;
        background: transparent url(images/viewmaps.jpg) no-repeat;
}

.viewmaps a:hover {
        background-position: 0 -82px;
} 

.viewmaps2 a {
	float: left;
        display: block;
        width: 66px;
        height: 82px;
        background: transparent url(images/viewmaps2.png) no-repeat;
        margin-left: -20px;
}

.viewmaps2 a:hover {
        background-position: 0 -82px;
} 

.joinButton a {
	float: right;
        display: block;
        width: 200px;
        height: 69px;
        background: transparent url(images/joinButton.png) no-repeat;
}

.joinButton a:hover {
        background-position: 0 -69px;
} 

a[href$=".PDF"], a[href$=".pdf"] {
	padding: 2px 2px 2px 20px;
	background: url("images/pdficon_small.gif") left center no-repeat;
}



div#contactcolumn1 {
        width: 300px;
        float: left;
        margin: 0 10px 0 0;
}

div#contactcolumn2 {
        width: 550px;
        float: left;
}

div#formwrap {
        float: left;
        width: 650px;
}

div#footercontact { margin-top: 31px; }

.list { background: #f3f3f3 url(images/traillisthead.png) no-repeat top; font: bold 13px "Arial","Helvetica",sans-serif; letter-spacing: -1px; color: #585858; width: 225px; list-style: none; padding: 24px 0 0 0; margin: 0; float: left; }
.list li { padding: 26px 0 26px 20px; margin-top: -30px; cursor: pointer; }
.list li.selected { background: url('images/selected-feature.png') no-repeat; }
.list img { display: inline; vertical-align: middle; padding-right: 5px; }
.list li.last { padding-left: 5px; }
.list li.last span { padding-left: 6px; }
.viewport { width: 635px; overflow: hidden; float: left; color: #6C6D77; }
.details { width: 1500em; list-style: none; padding: 0; }
.details li { float: left; width: 615px; padding: 45px 20px 0px 20px; }

/* ROUNDED MENU BOTTOM */
.last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; }
.corner_left { position:absolute; left:0px; top:0px;} 
.corner_right { position:absolute; left:139px; top:0px;} 
.middle { position:absolute; left:18px; height: 19px; width: 121px; top:0px;}

div#officerwrap {
        width: 860px;
        overflow: hidden;
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 30px;
        clear: both;
}

div#boardwrap {
        width: 860px;
        overflow: hidden;
}

.officerleft {
        float: left;
        width: 205px;
        margin: 10px 13px 15px 0px;
        overflow: hidden;
        display: inline;
}

.officerleft p {
        margin: 0 25px 15px 0;
        font-size: 90%;
}

.officerleft img {
        float: left;
        margin: 0 10px 0 0;
}
.officerright {
        float: left;
        width: 205px;
        margin: 10px 0px 15px 0px;
        overflow: hidden;
        display: inline;
}

.officerright p {
        margin: 0 25px 15px 0;
        font-size: 90%;
}

.officerright img {
        float: left;
        margin: 0 10px 0 0;
}