/**
 * HTML5 âœ° Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */

/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*ul, ol { margin-left: 2em; }*/
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #6ABF68; color:#fff; text-shadow: none; }
::selection { background:#6ABF68; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* END BOILERPLATE STYLES =================================================== */


/*  ___________________________________________________________________________
   |                                                                           |
   |                OUR ILLUSTRIOUS STYLES MAY BE FOUND BELOW!                 |            
   |___________________________________________________________________________|
*/


/* GLOBALS =============== */
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px; background:grey; }
a {color: #2685c7;}
a:hover {text-decoration: none;}

body {font-family: 'PT Sans', arial, serif; font-size: 13px; color: #767f66;}
p {margin-bottom: 20px;}

h3 {font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}

.error {margin-left: 10px; font-weight: bold; color: red;}
.special {font-size: 16px; color: #37471a;}
.dark {color: #37471a;}
.bolded {font-weight: bold;}
.italics {font-style: italic;}

.donate_but {width: 99px; height: 36px; border: 0px; padding: 0px; overflow: hidden; background: url('https://culturepilot.com/global_secure/houstonwild/donate_but.png') no-repeat left top;}
.donate_but:hover {background: url('https://culturepilot.com/global_secure/houstonwild/donate_but.png') no-repeat left bottom;}
#donor_block {margin-top: 30px;}
#donor_block h3 {margin-bottom: 10px;}
#donor_block ul {margin-bottom: 20px;}

#former span.watermark_container {height: 16px;}

.resultRowOne {}
.resultRowTwo {background-color: #D7E2B1;}

.sf-menu li ul {margin-left: 0px; position:absolute;}

.homepg #homepg {color: #fff; background-color: #2e6875; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf; padding: 10px 10px 8px 9px;}
.shgreenbelt #shgreenbelt {color: #fff; background-color: #2e6875; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf; padding: 10px 10px 8px 9px;}
.newsevents #newsevents, .newsevents #newsevents_cal {color: #fff; background-color: #2e6875; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf; padding: 10px 10px 8px 9px;}
.studentsteachers #studentsteachers {color: #fff; background-color: #2e6875; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf; padding: 10px 10px 8px 9px;}
.eco #eco {color: #fff; background-color: #2e6875; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf; padding: 10px 10px 8px 9px;}
  .ecobt #ecobt {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_bt-r.png') no-repeat 10px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecopw #ecopw {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_pw-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecotb #ecotb {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_tb-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecocb #ecocb {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_cb-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecops #ecops {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_ps-r.png') no-repeat 10px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecopos #ecopos {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_pos-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecoeb #ecoeb {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_eb-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecocm #ecocm {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_cm-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecogm #ecogm {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_gm-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}
  .ecobw #ecobw {color: #fff; background: #2e6875 url('http://houstonwilderness.org/img/ico_bw-r.png') no-repeat 15px 50%; padding-left: 39px; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf;}


.nav_item {font-size: 16px; color: #b4b48d; background-color: #fff; border-right: 1px solid #e9e6da; padding: 10px 11px 8px 11px;}
.nav_item:hover {color: #fff; background-color: #2e6875; border-left: 2px solid #77bfcf; border-right: 2px solid #77bfcf; padding: 10px 10px 8px 9px;}
  .last {border-right: 0px;}
  
  .ico_bt {background: #fff url('http://houstonwilderness.org/img/ico_bt.png') no-repeat 10px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
  .ico_bt:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_bt-r.png') no-repeat 10px 50%; padding-left: 39px;}
	.ico_pw {background: #fff url('http://houstonwilderness.org/img/ico_pw.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_pw:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_pw-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_tb {background: #fff url('http://houstonwilderness.org/img/ico_tb.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_tb:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_tb-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_cb {background: #fff url('http://houstonwilderness.org/img/ico_cb.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_cb:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_cb-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_ps {background: #fff url('http://houstonwilderness.org/img/ico_ps.png') no-repeat 10px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_ps:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_ps-r.png') no-repeat 10px 50%; padding-left: 39px;}
	.ico_pos {background: #fff url('http://houstonwilderness.org/img/ico_pos.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_pos:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_pos-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_eb {background: #fff url('http://houstonwilderness.org/img/ico_eb.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_eb:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_eb-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_cm {background: #fff url('http://houstonwilderness.org/img/ico_cm.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_cm:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_cm-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_gm {background: #fff url('http://houstonwilderness.org/img/ico_gm.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_gm:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_gm-r.png') no-repeat 15px 50%; padding-left: 39px;}
	.ico_bw {background: #fff url('http://houstonwilderness.org/img/ico_bw.png') no-repeat 15px 50%; padding-left: 41px; border-top: 1px solid #e9e6da;}
	.ico_bw:hover {background: #2e6875 url('http://houstonwilderness.org/img/ico_bw-r.png') no-repeat 15px 50%; padding-left: 39px;}
  

/* TIPS OVERLAY STYLES */
.tips_overlay {width:100%; height:520px; position: absolute; top: 135px; z-index: 100;}

#toggle_tips {position: absolute;top: 230px;right: 0;margin-left: 423px; z-index: 3; cursor: pointer;}
#note_chooseactivity {position: absolute; top:20px; left: 50%; margin-left: -70px;}
#note_toggletips {position: absolute; top:50px; left: 50%; margin-left: 280px;}
#note_zoomfull {position: absolute; top:220px; left: 70px;}
#note_ecobutts {position: absolute; top:320px; left: 50%; margin-left: -380px;}
#note_streetview {position: absolute; top:370px; right: 40px;}
.fakeMapBtn {
background: url('http://houstonwilderness.org/img/view_full_map.png');
height: 56px;
width: 55px;
position: absolute;
z-index: 400;
top: 300px;
left: 16px;
display:hidden;
cursor:pointer;
}

	
#footer_nav h2 {font-family: 'PT Sans', arial, serif; font-size: 13px; font-weight: bold; color: #fff;}

/* MAP STYLES ================ */
.mainMapBtn {
background: url('http://houstonwilderness.org/img/view_full_map.png');
height: 56px;
width: 55px;
position: absolute;
z-index: 400;
top: 300px;
left: 16px;
display:hidden;
cursor:pointer;
}

#map_canvas_home {width:100%; height:516px; border-top:thick solid white; border-bottom:thick solid white; position:relative; z-index:2; }
#map_canvas{
position: absolute;
z-index:5;
width: 100%;
height:100%;
}

#map_menu_bg{
    display:block;
    width:100%;
    height:80px;
    margin-top:-80px;
}

#map_icons{
    position:relative;
    display:block;
    width:960px;
    height:80px;
    margin:-94px auto;
    z-index:99;
    cursor:pointer;
		left: 50%;
		margin-left: -463px;
}
.map_icon{
    background: url("http://culturepilotplus.com/clients/houstonwild/dev/img/icons2.png");
    width:92px;
    height:94px;
    float:left;
    }
#icon1{
    background-position:0px 94px; 
    }
#icon2{
    background-position:-93px 94px;
    }
#icon3{
    background-position:-186px 94px;
    }
#icon4{ 
 background-position:-279px 94px;
    }
#icon5{ 
background-position:-372px 94px;
    }
#icon6{ 
background-position:-465px 94px;
    }
#icon7{ 
background-position:-558px 94px;

}
#icon8{ 
background-position:-651px 94px;

    }
#icon9{ 
background-position:-742px 94px;

    }
#icon10{ 
background-position:-833px 94px;
    }

#icon1:hover{
    background-position:0px 189px;
    }
#icon2:hover{
    background-position:-93px 189px;
    }
#icon3:hover{
    background-position:-186px 189px;
    }
#icon4:hover{ 
 background-position:-279px 189px;
    }
#icon5:hover{ 
background-position:-372px 189px;
    }
#icon6:hover{ 
background-position:-465px 189px;
    }
#icon7:hover{ 
background-position:-558px 189px;

}
#icon8:hover{ 
background-position:-651px 189px;

    }
#icon9:hover{ 
background-position:-742px 189px;

    }
#icon10:hover{ 
background-position:-833px 189px;
    }

.callout {
display:none;
position:absolute;
top:333px;
height: 89px;
z-index: 95;
}

#search {
margin-top: 200px;
}

.map_info{display:none;}


.map_info_left {
margin-left: 110px;
margin-top: 15px;
font-family: sans-serif;
font-size: 14px;
padding-right: 10px;
}
.map_info_right {
margin-left: 20px;
margin-top: 15px;
width: 350px;
font-family: sans-serif;
font-size: 14px;
}

#map_titler {
color: #2685C7;
font-weight: 900;
}
#map_linker {
color: #2685C7;
font-weight: 900;
}

/* LAYOUT ================ */

.uberwrap {width: 100%; height: 100%;}

.header {width: 100%; height:145px; background:#efead3 url(http://houstonwilderness.org/img/bg_header.gif) repeat-x top; position:relative; z-index:34;}
  .bluebar {width: 966px; height: 16px; font-size: 11px; color: #9fe8f8; text-align: right; padding: 2px 0 0 0; margin: auto;}
	  .bluebar a {color: #9fe8f8; text-decoration: none;}
		.bluebar a:hover {color: #9fe8f8; text-decoration: underline;} /*86cfe0 */
	
	.header_leaves {
		background-image: url('http://houstonwilderness.org/img/header_leaves.png');
		height: 28px;
		width: 42px;
		position: absolute;
		z-index: 2;
		left: 50%;
    margin-left: -505px;
    margin-top: -6px;
	}
	.ie9 .header_leaves {
		background-image: url('http://houstonwilderness.org/img/header_leaves.png');
		height: 28px;
		width: 42px;
		position: absolute;
		z-index: 2;
		left: 50%;
    margin-left: -505px;
    margin-top: -38px;
	}
	
	.header_bird {
		background-image: url('http://houstonwilderness.org/img/header_bird.png');
		height: 37px;
		width: 148px;
		position: absolute;
		z-index: 2;
		left: 50%;
    margin-left: 415px;
    margin-top: -15px;
	}
	
	.header_donate {
	  width:99px;
		height:54px;
		background: url('http://houstonwilderness.org/img/header_donation.gif') no-repeat;
		float:right; 
		margin: -8px 0 0 0;
	}
	.header_donate:hover {background: url('http://houstonwilderness.org/img/header_donation-r.gif') no-repeat;}
	
	
	#header_controls {width: 966px; height: auto; margin: auto;}
	
	.refine_search{
    width: 600px;
    margin: 3px 0 0px 220px;
  }

  .headline {
    font-style: italic;
    font-weight: bold;
    font-family: 'PT Sans', arial, serif;
    font-size: 20px;
    color: #767F66;
    margin-right:20px;
    float:left;
}

.refineMenu input
{
margin-right: 5px;
}

.refine_search input[type="text"] {
    width: 121px;
		height: 18px;
		color: #767f66;
		font-size: 12px;
    display: block;
    margin-bottom: 10px;
		padding-left: 5px;
		border: 2px solid #f5f1df;
    background-color: #e1d8af;
    -moz-border-radius: 10px;
    border-radius: 7px;
    margin-right:7px;
    float:left;
}

button {
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: auto;
		height: auto;
    overflow: visible;
		border: 2px solid #f5f1df;
    background-color:#a29d89;
    color: white;
		text-transform: uppercase;
    font-weight:bold;
}

  
.refineMenu{
	position:absolute;
	z-index:10;
    font-family:Arial;
    border:10px solid #f7f1db;
    display:block;
    height:200px;
    width:660px;
	margin: 0 auto;
	margin-left: -330px;
	background:white;
	left: 50%;
	top: -75px;
}

.menu_choices{
    float:left;
    list-style:none;
    margin: 20px 30px 0 0;
		padding-left: 30px; 
    border-left: 1px solid #ebdba3;
	  position:absolute;
}

.goout_but {
    width: 132px;
		height: 32px;
		background: url('http://houstonwilderness.org/img/goout_but.gif') no-repeat;
		margin: 170px 0 0 500px;
		position:absolute;
}
.goout_but:hover {background: url('http://houstonwilderness.org/img/goout_but-r.gif') no-repeat;}

.pullDown img {
margin-left: 10px;
}
.pullDown{
    font-family: 'PT Sans', arial, serif;
    font-size: 13px;
		color: #c2bfb2;
    height:24px;
    width:147px;
    border:4px solid #EFEAD3;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
    float:right;
    border-top:none;
    background-color:white;
    margin-right:10px;
    padding-top:15px;
    padding-left:25px;
	-moz-box-shadow: 0px 2px 2px #888;
	-webkit-box-shadow: 0px 2px 2px #888;
	box-shadow: 0px 2px 2px #888;
	margin-top: 200px; 
}
	
	.logo {width: 124px; height: 111px; margin: -16px 0 0 18px; float: left;}
  
	.nav {width: 801px; height: 54px; text-align: left; margin: 26px 0 0 165px; position: relative; z-index: 3;}
	.nav li {float: left; list-style: none;}
	.nav li li {float: none;}
	.nav ul li a{text-decoration:none;}
	
	.main_map {width: 100%; position:relative; z-index:3; height: 511px;}
	
	.main_contentwrap {background: #ddeffa url('http://houstonwilderness.org/img/bg_clouds.jpg') repeat-y center top;}

	.content {width: 966px; text-align: left; margin: auto; margin-top: 15px;}
	.intro_block { z-index: 1; margin-top: -3px; padding: 0 0 20px 0; background-image: url('http://houstonwilderness.org/img/bg_content.gif');}
  
  #home .intro_block {margin-top: -21px; padding-top: 20px; }
	#intro_L {width: 388px; height: 280px; border-right: 1px solid #cdc7ab; padding: 0 20px 15px 30px; }
	#intro_R {width: 484px; height: 280px; float: right; padding: 0 20px 0 20px; }
		  
	.feature_block {position: relative; width: 898px; height: auto; padding: 26px; z-index: 3; background: #3d3625 url('http://houstonwilderness.org/img/bg_featureblock.gif') repeat-x top; border-radius: 15px; -moz-border-radius: 15px; border: 8px solid #fff; margin-top: -10px; overflow: hidden;}
	.feature_box {width: 278px; height: auto; float: left;}
	.feature_box  ul{margin-left:0;}	
.feature_wrap {
width: 1200px;
/* shift by margin-left: -309px; */
}
	.feature_box  li {
		list-style: none;
		border-bottom: dotted thin;
		margin-top: 5px;
		padding-left: 10px;
		font-weight: 900;
		font-size: 14px;
		color: #354C44;
		padding-bottom: 10px;
	}
	
  .feature_box a {text-decoration:none;}
  
	.feature_box p{
		font-family: 'PT Sans', arial, serif;
		font-size: 14px;
		color: #41463e;
		margin: 6px;
	}
	
	.feature_box  h3 {
		font-family: 'PT Sans', serif;
		font-size: 17px;
		color: white;
		font-weight: 900;
		height: 29px;
		text-align: center;
		padding-top: 10px;
	}
			
	
	#whats_happening {background-color: #9ed2cd; border: 1px solid #3b9990; margin-left: 29px;}
	#experience_and_learn {background-color: #b6e07e; border: 1px solid #79a143; margin-left: 29px;}

/* Did You Know Extras ====================================== */
#dyk_bt {color: white; background-color: #5E8F3E; border: 1px solid #688453;}
#dyk_bt .imgHolder {background-color: #456530; border: 1px solid #688453; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_bt h3 {background-color: #456530; border: 1px solid #688453; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_pw {color: white; background-color: #7AA047; border: 1px solid #9dca5f;}
#dyk_pw .imgHolder {background-color: #597533; border: 1px solid #9dca5f; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_pw h3 {background-color: #597533; border: 1px solid #9dca5f; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_tb {color: white; background-color: #F8955A; border: 1px solid #d39d79;}
#dyk_tb .imgHolder {background-color: #BD6B39; border: 1px solid #d39d79; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_tb h3 {background-color: #BD6B39; border: 1px solid #d39d79; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_cb {color: white; background-color: #A86552; border: 1px solid #a66350;}
#dyk_cb .imgHolder {background-color: #884B3A; border: 1px solid #a66350; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_cb h3 {background-color: #884B3A; border: 1px solid #a66350; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_ps {color: white; background-color: #B5A358; border: 1px solid #b3a157;}
#dyk_ps .imgHolder {background-color: #968644; border: 1px solid #b3a157; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_ps h3 {background-color: #968644; border: 1px solid #b3a157; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_pos {color: white; background-color: #A7A036; border: 1px solid #a49d35;}
#dyk_pos .imgHolder {background-color: #6E6A21; border: 1px solid #a49d35; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_pos h3 {background-color: #6E6A21; border: 1px solid #a49d35; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_eb {color: white; background-color: #7CB0AB; border: 1px solid #7aaea9;}
#dyk_eb .imgHolder {background-color: #325E77; border: 1px solid #7aaea9; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_eb h3 {background-color: #325E77; border: 1px solid #7aaea9; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_cm {color: white; background-color: #CC9511; border: 1px solid #cb9410;}
#dyk_cm .imgHolder {background-color: #BA8302; border: 1px solid #cb9410; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_cm h3 {background-color: #BA8302; border: 1px solid #cb9410; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_gm {color: white; background-color: #5C9DC4; border: 1px solid #5a99bf;}
#dyk_gm .imgHolder {background-color: #325E77; border: 1px solid #5a99bf; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_gm h3 {background-color: #325E77; border: 1px solid #5a99bf; border-bottom: 0px; border-top: 0px; margin:-1px;}

#dyk_bw {color: white; background-color: #4783AC; border: 1px solid #437fa7;}
#dyk_bw .imgHolder {background-color: #0F4164; border: 1px solid #437fa7; border-bottom: 0px; padding: 3px; margin:-1px;}
  #dyk_bw h3 {background-color: #0F4164; border: 1px solid #437fa7; border-bottom: 0px; border-top: 0px; margin:-1px;}


/* ========================================================== */


	#did_you_know  h3{background-color: #b2a153; border: 0px solid #e6d792;}
	#whats_happening  h3{background-color: #3c998f; border: 1px solid #3b9990;}
	#experience_and_learn  h3{background-color: #7aa144; border: 1px solid #79a143; }
	
	.dogwood {
		background-image: url(http://houstonwilderness.org/img/dogwood.png);
		height: 97px;
		width: 117px;
		position: absolute;
		z-index: 2;
		left: 50%;
		margin-left: 420px;
		margin-top: -41px;
	}
	
	.imgHolder {
		height: 137px;
		width: 272px;
	}
	
	
.footer {width:100%; margin: auto; background: url('http://houstonwilderness.org/img/bg_footerleaves.png') no-repeat center bottom;} 
  #partners {width: 916px; max-height: 140px; overflow:hidden; background-color: #fff; padding: 20px 20px 100px 30px; margin: auto; margin-top: -8px; z-index: -1;}
  #footer_green {width: 910px; background-color: #d1e98f; border: 8px solid #fff; border-bottom: 0px; border-radius: 15px 15px 0 0; -moz-border-radius: 15px 15px 0 0; padding: 35px 20px 20px 20px; margin: auto; margin-top:-10px; clear: both;}
		#footer_nav {width: 490px; height: 30px; background-color: #a1cf62; border: 1px solid #e1feb7; padding: 10px; margin: 0 0 0 140px;}
		#legal {margin: auto; margin-top: 20px;}
		
		.footer_donate {
		  width: 122px; 
			height: 73px;
			background: url('http://houstonwilderness.org/img/footer_donation.png') no-repeat; 
			float:right; 
			margin: -20px 120px 0 0;
		}
		.footer_donate:hover {background: url('http://houstonwilderness.org/img/footer_donation-r.png') no-repeat; margin-top:-19px;}
		
	
		
/* SUBPAGE MASTER STYLES ============================ */
.sub_contentwrap {}

.submap_wrap {
width: 100%;
height: 517px;
position: absolute;
top:137px
}
.submap_block {
width: 946px;
height: 517px;
margin: auto;
position: absolute;
margin-left: -483px;
margin-bottom:20px;
left: 50%;
top: 0;
z-index: 20;
border: white solid 10px;
}
	.submap_nav {width: 167px; padding-left: 3px; padding-right: 3px; margin: 95px 0 0 0px; float:left; position: relative; z-index: 30;} /* margin-left formerly 9px */
	  .submap_nav h3 {font-size: 14px; color: #fff; text-align: left; padding: 7px 10px 10px 10px; margin-bottom: 0px;}
		.submap_nav ul {margin:0px;}
		.submap_nav li {list-style: none; margin-bottom:2px;}
		.submap_nav a {text-decoration: none;}
		.submap_nav_but {
		  width: 147px;
			height: 21px;
		  padding: 8px 0 6px 20px;
		  font-weight: bold;
	  	font-size: 14px;
			text-align: left;
	  	color: #fff;
			}
      .submap_nav_but:hover{cursor:pointer;}
		 
	.submap_toggle{width: 89px; height: 88px; background: url('http://houstonwilderness.org/img/toggle_gal.png')no-repeat; float: left; margin: 420px 0 0 -156px; position: relative; z-index: 40;}
	
.top10facts {width:303px; float:right; margin: -9px 9px 0 0px; position: relative; z-index: 333;}
  .top10facts  ul{margin-left:0;}	

	.top10facts li {
		list-style: none;
		padding: 10px;
		font-weight: 900;
		font-size: 14px;
		color: #fff;
	}
	
	.top10facts p{
		font-family: 'PT Sans', arial, serif;
		font-size: 14px;
		color: #fff;
		margin: 6px;
	}
	
	.top10facts  h3 {
		font-family: 'PT Sans', serif;
		font-size: 17px;
		color: white;
		font-weight: 900;
		text-align: center;
		padding: 10px 0 10px 0;
    margin-bottom: 0px;
	}

	.sub_imgHolder {
		height: 113px;
		width: 303px;
	}

.about_block { padding: 0 20px 0 30px;}
.key_locations_block {width: 622px; padding: 0 0 20px 30px;}
  .key_location_entry {margin-bottom: 15px;}
	.key_location_description {margin: 5px 20px 0 0; padding: 10px; background: #e4ddba; display: none;}
  #key_locations {width: 187px; height:33px; background: url('http://houstonwilderness.org/img/h2_key_locations.png') no-repeat; margin-bottom:12px; position: relative; left:-40px; margin-top: 20px;}
  
	.key_location_entry .special {padding-right: 15px; background: url('http://houstonwilderness.org/img/arrow_closed.png') no-repeat right 6px; cursor:pointer;}
	
	
	#arrow_closed {width:9px; height: 10px; background: url('http://houstonwilderness.org/img/arrow_closed.png') no-repeat; margin-left:15px; float: left;}
	#arrow_open {width:10px; height: 8px; background: url('http://houstonwilderness.org/img/arrow_open.png') no-repeat; margin-left:15px; float: left;}
	
.dl_region_but {
    width:89px;
		height:36px;
		background: url('http://houstonwilderness.org/img/dl_region_but.png') no-repeat top; 
		margin: -25px 0 0 -72px;
    position: absolute;
    left: 50%;
    cursor:pointer;
    
	}
	.dl_region_but:hover {background-position: bottom;}
  
.dl_full_but {
    width:94px;
  	height:36px;
		background: url('http://houstonwilderness.org/img/dl_full_but.png') no-repeat top; 
		margin: -25px 0 0 22px;
    position: absolute;
    left: 50%;
    cursor:pointer;
	}
	.dl_full_but:hover {background-position: bottom;}
  
#pdflinks {margin-bottom: 0px; padding-top: 10px;}
	
/* SPECIFIC SECTIONS ================================ */

/* Home ================ */
#about_houwild {width: 318px; height: 33px; background: url('http://houstonwilderness.org/img/h2_about_houwild.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#conserv_partners {width: 324px; height: 33px; background: url('http://houstonwilderness.org/img/h2_conserv_partners.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
.partner_imgs {margin-left: 27px; margin-bottom: 20px; height: 50px;}


/* About Hou Wild ========== */

#about_mission_statement {width: 235px; height: 33px; background: url('http://houstonwilderness.org/img/h2_mission_statement.png') no-repeat; text-indent: -3333px; margin-bottom:12px; margin-top: 18px; position: relative; left:-40px;}
#about_vision {width: 115px; height: 33px; background: url('http://houstonwilderness.org/img/h2_vision.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#about_values {width: 120px; height: 33px; background: url('http://houstonwilderness.org/img/h2_values.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#about_goals_obj {width: 235px; height: 33px; background: url('http://houstonwilderness.org/img/h2_goals_obj.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#about_org_leadership {width: 295px; height: 33px; background: url('http://houstonwilderness.org/img/h2_orgleadership.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}

#sub_contentwrapAbout {border-top: 2px solid #fff; background: #ddeffa url('http://houstonwilderness.org/img/bg_clouds.jpg') repeat-y center top; -moz-background-size: cover; background-size: cover;}
#top10_about {width: 289px; height: 424px; background: #fff; padding: 10px; margin: 20px 30px 20px 20px;}

.goal_list {width:880px; list-style: none; padding: 10px; background-color: #e4ddba; margin-bottom: 20px;}
  .goal_list li {font-size: 16px; color: #37471a; padding-bottom: 10px; border-bottom: 1px dotted #716e63; margin-bottom: 10px;}
  .goal_list li p {margin:0px;}

.half_col1 {width: 440px; margin: 0px 20px 20px 0;}
.half_col2 {width: 440px; float: right;}
.third_col1 {width: 285px; margin: 0px 15px 20px 0;}
.third_col2 {width: 285px; margin: 0px 15px 20px 0; float: right;}
.third_col3 {width: 285px; float: right;}

.stafflist {list-style: none;}


/* Partners Page ========== */

.partner_logo {position: relative; float:left; margin: 0 10px 10px 0;}
.partner_box {width: 100%; position: relative; margin: 0 10px 10px 0; }

.but_viewpartners {width: 225px; height: 40px; background: url('http://houstonwilderness.org/img/but_viewpartners.png') no-repeat top;}
.but_viewpartners:hover {background: url('http://houstonwilderness.org/img/but_viewpartners.png') no-repeat bottom;}

#sub_contentwrapAbout {border-top: 2px solid #fff; background: #ddeffa url('http://houstonwilderness.org/img/bg_clouds.jpg') repeat-y center top; -moz-background-size: cover; background-size: cover;}
#top10_about {width: 289px; height: 424px; background: #fff; padding: 10px; margin: 20px 30px 20px 20px;}


/* Make a Donation ======== */

#donate_flag {width: 318px; height: 33px; background: url('http://houstonwilderness.org/img/h2_donate.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}


/* News & Events ========== */

.news_block {padding: 0 20px 0 30px;}
#latest_news {width: 235px; height: 33px; background: url('http://houstonwilderness.org/img/h2_latestnews.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#search_results {width: 235px; height: 33px; background: url('http://houstonwilderness.org/img/h2_search_results.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
.cal_embed {margin-bottom: 25px; padding: 0 30px 0 30px;}
#categories_flag {width: 160px; height: 33px; background: url('http://houstonwilderness.org/img/h2_categories_flag.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#archives_flag {width: 140px; height: 33px; background: url('http://houstonwilderness.org/img/h2_archives_flag.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#the_calendar {width: 180px; height: 33px; background: url('http://houstonwilderness.org/img/h2_calendar.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}

.sidebar {width: 229px; height: auto; float: right; background-color: #e4ddba; position: relative; margin: -10px 10px 0 20px; z-index: 3;}
  .sidebar ul {margin: 0 10px 0 10px; list-style:none;}
.news_search {padding: 5px; background-color: #fdb813;}
  .news_search input[type="text"] {width: 214px; height: 25px; border: 0px; padding-left: 5px;}
.recent_articles {margin-bottom: 20px;}
.recent_article_sidebar {margin: 0 10px 5px 0; padding-left: 10px; text-indent: -7px;}
.categories {margin-bottom: 20px;}
.archives {margin-bottom: 20px;}
#recent_articles {width: 230px; height: 41px; background: url('http://houstonwilderness.org/img/h2_recent_articles.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; }
#categories {width: 230px; height: 41px; background: url('http://houstonwilderness.org/img/h2_categories.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative;}
#archives {width: 230px; height: 41px; background: url('http://houstonwilderness.org/img/h2_archives.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative;}
.news_social {margin: 20px 0 -20px 0; background-color: #D5C999; padding: 5px 5px 7px 16px;}

.news_critters {width: 368px; height: 109px; background: url('http://houstonwilderness.org/img/news_critters.png') no-repeat; position: absolute; z-index: 2; left: 50%; top: 150px; margin-left: 174px;}

.but_newsletter {width: 230px; height: 40px; background: url('http://houstonwilderness.org/img/but_newsletter.png') no-repeat top; margin-top: 10px;}
.but_newsletter:hover {background: url('http://houstonwilderness.org/img/but_newsletter.png') no-repeat bottom;}

.datebox {width: 35px; height: 43px; color: white; text-transform: uppercase; text-align: center; font-weight: bold; line-height: 20px; position: absolute; padding: 2px;}
.month {font-size: 20px;}
.day {font-size: 30px; line-height: 15px;}
#date11 {background-color: #4783AC; border: 2px solid #74ACCD;}
#date13 {background-color: #3b9990; border: 2px solid #9ed2cd;}
#date12 {background-color: #fdb813; border: 2px solid #fde8b5;}
#date14 {background-color: #79a143; border: 2px solid #b6e07e;}

.articlebox {width: 615px; position: relative; left: 62px;}
.title11 {color: #4783AC; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
.title13 {color: #3b9990; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
.title12 {color: #fdb813; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}
.title14 {color: #79a143; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px;}

.links11 {color: #4783AC;}
.links13 {color: #3b9990;}
.links12 {color: #fdb813;}
.links14 {color: #79a143;}

.tagbar {height: 20px; background-color: #d7e2b1; padding: 4px 4px 0 4px; margin-bottom: 40px;}
.tag_title {font-weight: bold; text-transform: uppercase;}

.articlebox a {text-decoration:none;}
.articlebox .tagbar a {text-decoration:underline;}
.articlebox .tagbar a:hover {text-decoration:none;}

.pagination {width: 675px; text-align: right; margin-bottom: 10px;}
.partners_block .pagination {width: 906px; text-align: right; margin-bottom: 10px;}

/* Get Involved ========== */
#getinvolved_flag {width: 175px; height: 33px; background: url('http://houstonwilderness.org/img/h2_getinvolved.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}

.recent_gigs {width: 290px; background-color: #E4DDBA; padding: 0 10px 10px 10px; margin: 7px 0 20px -10px; font-size: 13px; color: #767F66; position:relative; z-index:1;}
.recent_gigs li {font-size: 13px; color: #767F66; font-weight: normal;}
.gigs_title {
  width: 296px;
  height: 27px;
  color: white;
  position: relative;
  z-index: 2;
  border: 2px solid #D0EDA7;
  background-color: #A1CF62;
  left: -10px;
  padding: 0 0 10px 10px;
}
.gigs_title h3 {text-align: left;}


/* Students & Teachers ========== */
#students_teachers_flag {width: 260px; height: 33px; background: url('http://houstonwilderness.org/img/h2_students_teachers.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px; margin-top: 18px;}


/* Contact ========== */

.contact_block {padding: 0 20px 0 30px;}
#contact_us {width: 160px; height: 33px; background: url('http://houstonwilderness.org/img/h2_contactus.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}
#getintouch {width: 115px; height: 33px; background: url('http://houstonwilderness.org/img/h2_getintouch.png') no-repeat; text-indent: -3333px; margin-bottom:12px; position: relative; left:-40px;}

.contact_critters {width: 389px; height: 147px; background: url('http://houstonwilderness.org/img/contact_critters.png') no-repeat; position: absolute; z-index: 3; left: 50%; top: 161px; margin-left: 89px;}

#top10_contact {width: 289px; height: 474px; background: #fff; padding: 10px; margin: 20px 30px 20px 20px; position:relative; z-index: 2;}
.address_box {width: 269px; height: 243px; background-color: #e0d7af; font-size: 18px; margin-top: -3px; padding: 0 10px 0 10px;}

.form_title {font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 30px;}
.contact_block input[type="text"] {width: 250px; height: 20px; border: 1px solid #E0D7AF; margin-top: -6px; padding-left: 5px;}
.contact_block textarea {margin-left: 8px; height: 75px;width: 557px; border: 1px solid #E0D7AF; padding: 5px;}
.contact_block button {position: relative; left: 530px;}
.social_ico {margin-bottom: -3px;}

/* Big Thicket ========== */
#big_thicket .content {
margin-top: 540px;
}
#sub_contentwrapBT {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_bt_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapBT {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockBT {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navBT {background-color: #456530;}

#submap_navBT  .submap_nav_but {background: #5e8f3e;}
#submap_navBT  .submap_nav_but:hover {background-color: #80a767;}

.submap_linkBT {background-color: #5e8f3e;}
.submap_linkBT:hover {background-color: #80a767;}

#h2_map_BT {width: 204px; height:43px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat top; margin: -43px 0 0 -27px;}

#top10_bt {background:#456530; border: 1px solid #456530;}
  #top10_bt .odd {background: #5e8f3e; border-bottom: 1px dotted #456530;}
	#top10_bt .even {background: #80a767; border-bottom: 1px dotted #456530;}

#about_BT {width: 265px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_bt.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerBT {width: 100%; background: url('http://houstonwilderness.org/img/bg_brown_grad.png') repeat-x bottom;}

/* BT PARALLAX STYLES ============================ */
#para1BT {
background: url("http://houstonwilderness.org/img/bg_bt_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 23px;
width: 1144px;
height: 300px;
left: 50%;
margin-left: -572px;
}

#para2BT {
background: url("http://houstonwilderness.org/img/bg_bt_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 132px;
width: 1145px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3BT {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_bt_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 120px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}


/* Piney Woods ========== */
#piney_woods .content {
margin-top: 540px;
}
#sub_contentwrapPW {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_pw_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapPW {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockPW {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navPW {background-color: #597533;}


#submap_navPW   .submap_nav_but {background: #7aa047;}
#submap_navPW   .submap_nav_but:hover {background-color: #96b46e;}

.submap_linkPW {background-color: #7aa047;}
.submap_linkPW:hover {background-color: #96b46e;}

#h2_map_PW {width: 204px; height:43px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -43px; margin: -43px 0 0 -27px;}

#top10_pw {background:#597533; border: 1px solid #597533;}
  #top10_pw .odd {background: #7aa047; border-bottom: 1px dotted #597533;}
	#top10_pw .even {background: #96b46e; border-bottom: 1px dotted #597533;}

#about_PW {width: 278px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_pw.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerPW {width: 100%; background: url('http://houstonwilderness.org/img/bg_pine_grad.png') repeat-x bottom;}

/* PW PARALLAX STYLES ============================ */
#para1PW {
background: url("http://houstonwilderness.org/img/bg_pw_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 83px;
width: 1194px;
height: 300px;
left: 50%;
margin-left: -622px;
}

#para2PW {
background: url("http://houstonwilderness.org/img/bg_pw_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: -8px;
width: 1205px;
height: 300px;
left: 50%;
margin-left: -603px;
}

#para3PW {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_pw_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 200px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}


/* Trinity Bottomlands ========== */
#trinity_bottomlands .content {
margin-top: 540px;
}
#sub_contentwrapTB {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_tb_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapTB {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockTB {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navTB {background-color: #bd6b39;}

#submap_navTB   .submap_nav_but {background: #f8955a;}
#submap_navTB   .submap_nav_but:hover {background-color: #f9ab7d;}

.submap_linkTB {background-color: #f8955a;}
.submap_linkTB:hover {background-color: #f9ab7d;}

#h2_map_TB {width: 204px; height:67px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -86px; margin: -43px 0 0 -27px;}

#top10_tb {background:#bd6b39; border: 1px solid #bd6b39;}
  #top10_tb .odd {background: #f8955a; border-bottom: 1px dotted #bd6b39;}
	#top10_tb .even {background: #f9ab7d; border-bottom: 1px dotted #bd6b39;}

#about_TB {width: 359px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_tb.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerTB {width: 100%; background: url('http://houstonwilderness.org/img/bg_trinity_grad.png') repeat-x bottom;}

/* TB PARALLAX STYLES ============================ */
#para1TB {
background: url("http://houstonwilderness.org/img/bg_tb_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: -17px;
width: 1144px;
height: 300px;
left: 50%;
margin-left: -565px;
}

#para2TB {
background: url("http://houstonwilderness.org/img/bg_tb_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 142px;
width: 1145px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3TB {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_tb_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 240px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -620px;
}


/* Columbia Bottomlands ========== */
#columbia_bottomlands .content {
margin-top: 540px;
}
#sub_contentwrapCB {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_cb_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapCB {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockCB {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navCB {background-color: #884B3A;}

#submap_navCB   .submap_nav_but {background: #A86552;}
#submap_navCB   .submap_nav_but:hover {background-color: #ba8677;}

.submap_linkCB {background-color: #A86552;}
.submap_linkCB:hover {background-color: #ba8677;}

#h2_map_CB {width: 204px; height:68px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -153px; margin: -43px 0 0 -27px;}

#top10_cb {background:#884B3A; border: 1px solid #884B3A;}
  #top10_cb .odd {background: #A86552; border-bottom: 1px dotted #884B3A;}
	#top10_cb .even {background: #ba8677; border-bottom: 1px dotted #884B3A;}

#about_CB {width: 382px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_cb.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerCB {width: 100%; background: url('http://houstonwilderness.org/img/bg_columbia_grad.png') repeat-x bottom;}

/* CB PARALLAX STYLES ============================ */
#para1CB {
background: url("http://houstonwilderness.org/img/bg_cb_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: +26px;
width: 1144px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para2CB {
background: url("http://houstonwilderness.org/img/bg_cb_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 102px;
width: 1185px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3CB {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_cb_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 180px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -620px;
}


/* Prairie Systems ========== */
#prairie_systems .content {
margin-top: 540px;
}
#sub_contentwrapPS {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_ps_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapPS {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockPS {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navPS {background-color: #968644;}

#submap_navPS   .submap_nav_but {background: #b5a358;}
#submap_navPS   .submap_nav_but:hover {background-color: #c5b67b;}

.submap_linkPS {background-color: #b5a358;}
.submap_linkPS:hover {background-color: #c5b67b;}

#h2_map_PS {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -221px; margin: -43px 0 0 -27px;}

#top10_ps {background:#968644; border: 1px solid #968644;}
  #top10_ps .odd {background: #b5a358; border-bottom: 1px dotted #968644;}
	#top10_ps .even {background: #c5b67b; border-bottom: 1px dotted #968644;}

#about_PS {width: 342px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_ps.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerPS {width: 100%; background: url('http://houstonwilderness.org/img/bg_prairie_grad.png') repeat-x bottom;}

/* PS PARALLAX STYLES ============================ */
#para1PS {
background: url("http://houstonwilderness.org/img/bg_ps_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 23px;
width: 1144px;
height: 300px;
left: 50%;
margin-left: -562px;
}

#para2PS {
background: url("http://houstonwilderness.org/img/bg_ps_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 52px;
width: 1215px;
height: 300px;
left: 50%;
margin-left: -613px;
}

#para3PS {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_ps_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 200px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}


/* Post Oak Savannah ========== */
#post_oak_savannah .content {
margin-top: 540px;
}
#sub_contentwrapPOS {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_pos_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapPOS {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockPOS {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navPOS {background-color: #6e6a21;}

#submap_navPOS   .submap_nav_but {background: #a7a036;}
#submap_navPOS   .submap_nav_but:hover {background-color: #bab461;}

.submap_linkPOS {background-color: #a7a036;}
.submap_linkPOS:hover {background-color: #bab461;}

#h2_map_POS {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -286px; margin: -43px 0 0 -27px;}

#top10_pos {background:#6e6a21; border: 1px solid #6e6a21;}
  #top10_pos .odd {background: #a7a036; border-bottom: 1px dotted #6e6a21;}
	#top10_pos .even {background: #bab461; border-bottom: 1px dotted #6e6a21;}

#about_POS {width: 342px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_pos.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerPS {width: 100%; background: url('http://houstonwilderness.org/img/bg_postoak_grad.png') repeat-x bottom;}

/* POS PARALLAX STYLES ============================ */
#para1POS {
background: url("http://houstonwilderness.org/img/bg_pos_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 3px;
width: 1174px;
height: 300px;
left: 50%;
margin-left: -612px;
}

#para2POS {
background: url("http://houstonwilderness.org/img/bg_pos_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 82px;
width: 1215px;
height: 300px;
left: 50%;
margin-left: -583px;
}

#para3POS {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_pos_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 194px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}


/* Estuaries & Bays ========== */
#estuaries_and_bays .content {
margin-top: 540px;
}
#sub_contentwrapEB {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_eb_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapEB {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockEB {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navEB {background-color: #628f8c;}

#submap_navEB   .submap_nav_but {background: #7cb0ab;}
#submap_navEB   .submap_nav_but:hover {background-color: #90bcb8;}

.submap_linkEB {background-color: #7cb0ab;}
.submap_linkEB:hover {background-color: #90bcb8;}

#h2_map_EB {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -351px; margin: -43px 0 0 -27px;}

#top10_eb {background:#628f8c; border: 1px solid #628f8c;}
  #top10_eb .odd {background: #7cb0ab; border-bottom: 1px dotted #628f8c;}
	#top10_eb .even {background: #90bcb8; border-bottom: 1px dotted #628f8c;}

#about_EB {width: 321px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_eb.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerEB {width: 100%; background: url('http://houstonwilderness.org/img/bg_estuaries_grad.png') repeat-x bottom;}

/* EB PARALLAX STYLES ============================ */
#para1EB {
background: url("http://houstonwilderness.org/img/bg_eb_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 13px;
width: 1174px;
height: 300px;
left: 50%;
margin-left: -612px;
}

#para2EB {
background: url("http://houstonwilderness.org/img/bg_eb_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 92px;
width: 1215px;
height: 300px;
left: 50%;
margin-left: -593px;
}

#para3EB {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_eb_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 220px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}

/* Coastal Marshes ========== */
#coastal_marshes .content {
margin-top: 540px;
}
#sub_contentwrapCM {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_cm_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapCM {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockCM {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navCM {background-color: #ba8302;}

#submap_navCM .submap_nav_but {background: #cc9511;}
#submap_navCM .submap_nav_but:hover {background-color: #d4a534;}

.submap_linkCM {background-color: #cc9511;}
.submap_linkCM:hover {background-color: #d4a534;}

#h2_map_CM {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -416px; margin: -43px 0 0 -27px;}

#top10_cm {background:#ba8302; border: 1px solid #ba8302;}
  #top10_cm .odd {background: #cc9511; border-bottom: 1px dotted #ba8302;}
	#top10_cm .even {background: #d4a534; border-bottom: 1px dotted #ba8302;}

#about_CM {width: 321px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_cm.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerCM {width: 100%; background: url('http://houstonwilderness.org/img/bg_marshes_grad.png') repeat-x bottom;}

/* CM PARALLAX STYLES ============================ */
#para1CM {
background: url("http://houstonwilderness.org/img/bg_cm_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 3px;
width: 1144px;
height: 300px;
left: 50%;
margin-left: -572px;
}

#para2CM {
background: url("http://houstonwilderness.org/img/bg_cm_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 102px;
width: 1188px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3CM {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_cm_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 200px;
width: 1161px;
height: 300px;
left: 50%;
margin-left: -580px;
}


/* Gulf of Mexico ========== */
#gulf_of_mexico .content {
margin-top: 540px;
}
#sub_contentwrapGM {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_gm_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapGM {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockGM {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navGM {background-color: #325e77;}

#submap_navGM .submap_nav_but {background: #5c9dc4;}
#submap_navGM .submap_nav_but:hover {background-color: #74accd;}

.submap_linkGM {background-color: #5c9dc4;}
.submap_linkGM:hover {background-color: #74accd;}

#h2_map_GM {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -481px; margin: -43px 0 0 -27px;}

#top10_gm {background:#325e77; border: 1px solid #325e77;}
  #top10_gm .odd {background: #5c9dc4; border-bottom: 1px dotted #325e77;}
	#top10_gm .even {background: #74accd; border-bottom: 1px dotted #325e77;}

#about_GM {width: 305px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_gm.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerGM {width: 100%; background: url('http://houstonwilderness.org/img/bg_gulf_grad.png') repeat-x bottom;}

/* GM PARALLAX STYLES ============================ */
#para1GM {
background: url("http://houstonwilderness.org/img/bg_gm_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 3px;
width: 1215px;
height: 300px;
left: 50%;
margin-left: -622px;
}

#para2GM {
background: url("http://houstonwilderness.org/img/bg_gm_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 82px;
width: 1145px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3GM {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_gm_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 180px;
width: 1211px;
height: 300px;
left: 50%;
margin-left: -630px;
}

/* Bayou Wilderness ========== */
#bayou_wilderness .content {
margin-top: 540px;
}
#sub_contentwrapBW {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_bw_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapBW {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockBW {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navBW {background-color: #0f4164;}

#submap_navBW .submap_nav_but {background: #4783ac;}
#submap_navBW .submap_nav_but:hover {background-color: #6295b8;}

.submap_linkBW {background-color: #4783ac;}
.submap_linkBW:hover {background-color: #6295b8;}

#h2_map_BW {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat 0px -546px; margin: -43px 0 0 -27px;}

#top10_bw {background:#0f4164; border: 1px solid #0f4164;}
  #top10_bw .odd {background: #4783ac; border-bottom: 1px dotted #0f4164;}
	#top10_bw .even {background: #6295b8; border-bottom: 1px dotted #0f4164;}

#about_BW {width: 332px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_bw.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerBW {width: 100%; background: url('http://houstonwilderness.org/img/bg_bayou_grad.png') repeat-x bottom;}

/* BW PARALLAX STYLES ============================ */
#para1BW {
background: url("http://houstonwilderness.org/img/bg_bw_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 23px;
width: 1220px;
height: 300px;
left: 50%;
margin-left: -608px;
}

#para2BW {
background: url("http://houstonwilderness.org/img/bg_bw_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 142px;
width: 1145px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3BW {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_bw_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 210px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}

/* Green Belt ========== */
#green_belt .content {
margin-top: 540px;
}

#sub_contentwrapGB {border-top: 2px solid #fff; background: #cbb861 url('http://houstonwilderness.org/img/bg_bw_scene.jpg') no-repeat center top; -moz-background-size: cover; background-size: cover;}

#submap_wrapGB {background: url('http://houstonwilderness.org/img/bg_critter_glow.png') no-repeat center top;}
#submap_blockGB {background: url('http://houstonwilderness.org/img/holder_submap.png') no-repeat;}
#submap_navGB {background-color: #477362; top:-20px}

#submap_navGB .submap_nav_but {background: #7bb092;}
#submap_navGB .submap_nav_but:hover {background-color: #94d3af;}

.submap_linkGB {background-color: #7bb092;}
.submap_linkGB:hover {background-color: #94d3af;}

#h2_map_GB {width: 204px; height:65px; background: url('http://houstonwilderness.org/img/map_nav_flags.png') no-repeat bottom; margin: -43px 0 0 -27px;}

#top10_gb {background:#7bb092; border: 1px solid #477362;}
  #top10_gb .odd {background: #7bb092; border-bottom: 1px dotted #477362;}
	#top10_gb .even {background: #7bb092; border-bottom: 1px dotted #477362;}

#about_GB {width: 332px; height:33px; background: url('http://houstonwilderness.org/img/h2_about_greenbelt.png') no-repeat; margin-bottom:12px; position: relative; left:-40px;}

#footerGB {width: 100%; background: url('http://houstonwilderness.org/img/bg_bayou_grad.png') repeat-x bottom;}

#para1GB {
background: url("http://houstonwilderness.org/img/bg_bw_para1.png") no-repeat center;
position: absolute;
z-index: 1;
top: 23px;
width: 1220px;
height: 300px;
left: 50%;
margin-left: -608px;
}

#para2GB {
background: url("http://houstonwilderness.org/img/bg_bw_para2.png") no-repeat center;
position: absolute;
z-index: 1;
top: 142px;
width: 1145px;
height: 300px;
left: 50%;
margin-left: -573px;
}

#para3GB {
height: 255px;
background: url("http://houstonwilderness.org/img/bg_bw_para3.png") no-repeat center;
position: absolute;
z-index: 1;
top: 210px;
width: 1221px;
height: 300px;
left: 50%;
margin-left: -610px;
}

.eco_gallery {
width: 946px;
height: 517px;
background-image: url('http://houstonwilderness.org/img/transbg.png');
z-index: 35;
position: relative;
display:none;
}

.gal_thumbs {
position: relative;
clear: left;
width: 700px;
margin: 0 auto;
top: -90px;
height: 100px;
overflow: hidden;
}

.gal_big {
display: block;
position: absolute;
height: 400px;
border: thin #015e18 solid;
overflow: hidden;
margin-left: 240px;
}

.gal_thumbs img {
float: left;
}

.subHeadFrame {
color: white;
background-color: #a1cf62;
border: 3px solid #d5e8b0;
margin-left: -17px;
font-size: 20px;
font-weight: 900;
display: inline-table;
padding-left: 12px;
}
.subHeadFrame span {
padding-right: 23px;
text-transform: uppercase;
}
.flagger {
width: 30px;
overflow: hidden;
float: left;
margin-left: -39px;
margin-top: -2px;
height: 33px;
margin-bottom: -2px;
}


.eco #layers {
position: absolute;
z-index: 20;
top: 75px;
right: 0;
padding: 5px;
background-color: white;
border: solid 1px silver;
border-image: initial;
}

#green_belt #layers {
position: absolute;
z-index: 99999;
top: 75px;
right: 0;
padding: 5px;
background-color: white;
border: solid 1px silver;
border-image: initial;
}

.submap_nav ul li:last-child {
padding-bottom: 3px;
}

#green_belt #parkpicker {
position: absolute;
z-index: 88;
left: 0;
top: 324px;
background: white;
border: solid 1px silver;
border-image: initial;
display:none;
}


/* BEGIN BOILERPLATE NON-SEMANTIC =========================================== */

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

