/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Stephen Davis & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-05-07 (by Nate Hanna)
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #59595D;
}
body { background: #728991 url('../images/bg_body.jpg') top center no-repeat; }
   a {
      color: #333;
      text-decoration: underline;
   }
      a:hover { text-decoration: none; }
      a:visited { color: #666; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 1.25em; }
      h1, .content h1 { font-size: 1.25em; }
         .content h1.pg_title { margin-top: 0.3em; margin-bottom: 0.2em; }
      h2, .content h2 { font-size: 1.15em; }
      h3, .content h3 { font-size: 1.1em; }
      h4, .content h4 { font-size: 1.0em; }
      h5, .content h5 { font-size: 0.9em; }
      h6, .content h6 { font-size: 0.8em; }

div.hr {
   height: 1px;
   margin: 1.6em 0 1.6em 0;
   background: #000 no-repeat scroll center;
}
   div.hr hr { display: none; }

#wrapper {
   position: relative;
   width: 844px;
/*   margin: 100px auto;*/
   margin: 0 auto;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { padding-top: 45px; }
#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background: url("../images/logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 206px;
   height: 54px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 28px;
   left: 22px;
}
#headerNav {
   position: absolute;
   top: 0;
   right: 24px;
}
   #headerNav ul {
      list-style: none;
      margin: 0;
      padding: 0;
   }
      #headerNav ul li {
         margin: 0;
         display: block;
         float: left;
      }
         #headerNav ul li a {
            display: block;
            float: left;
            color: #FFF;
            font-weight: bold;
            font-size: 1.0em;
            text-transform: uppercase;
            padding: 8px 14px;
            text-decoration: none;
         }
            #headerNav ul li a:hover { text-decoration: underline; }
/** @group txtSize */
#headerNav ul li#txtSize { 
   padding-top: 3px; 
   padding-left: 7px;
   position: relative;
}
#txtSizeMenu { width: 101px; }

.comboboxContainer {
	/*border-left: solid 2px #777;
	     border-top: solid 2px #777;
	     border-right: solid 1px #ccc;
	     border-bottom: solid 1px #ccc;*/
	width: 75px;
	background-image: url('../images/combo_value-content.gif');
}

.comboboxValueContainer {
	/*background: url(/images/bluegradient_content.gif) repeat-x left top;*/
}

.comboboxValueContent {
	padding-left: 10px;
	text-transform: uppercase;
	color: #FFF;
	letter-spacing: 1px;
	font-size: 10px;
	white-space: nowrap;
}

#txtSize .comboboxDropDownContainer {
	background: #728991;
	border: 1px solid #FFF;
	width: 200px;
	line-height: normal;
}
   #headerNav ul li#txtSize .comboboxDropDownContainer li { 
      display: list-item; 
      float: none; 
      line-height: normal; 
      height: 13px; 
      overflow: hidden; 
   }

.comboboxDropDownButton
{
	width: 26px;
	height: 24px;
	background-image: url('../images/combo_trigger.gif');
}

.comboboxGroupItemHeader {
	display: block;
	background: #989898;
	color: #FFF;
}

.comboboxGroupItemContainer { }

.comboboxItem {
	background: #728991;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	padding: 2px 4px;
	margin: 0;
	font-size: 11px;
}

.comboboxItemHover {
	background-color: #6A6B6D;
	color: #fff;
	text-transform: uppercase;
	padding-left: 4px;
	cursor: pointer;
	cursor: hand;
}
/* @end txtSize **/
/* @end header **/


/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   width: 800px;
   min-height: 633px;
   padding: 0 22px;
   margin-top: 101px;
   background: transparent url('../images/bg_contentSlot.png') left top repeat-y;
   position: relative;
}
   .no_hdrImg #contentWrapper { min-height: 150px; }
#hdrImg {
   position: relative;
   z-index: 2;
   top: 0;
}
   #hdrImg img { 
      max-width: 800px;
      max-height: 640px;
   }
   .layout_hotspots #hdrImg #img {
      height: 338px;
      padding: 0 0 10px;
      text-align: center;
   }
/** @group innerWrapper */
#innerWrapper {
   position: relative;
   z-index: 2;
   margin-top: -370px;
}
   .no_hdrImg #innerWrapper { margin: 0; }
   .page_index #innerWrapper {
      margin-top: -270px;
      padding-top: 75px; 
   }
   .layout_hotspots  #innerWrapper { margin-top: -40px; }
   .page_common-areas  #innerWrapper { margin-top: 0px; }
/** @group contentSlot */
#contentSlot {
   width: 550px;
   float: left;
}
   .sidebar_left #contentSlot { float: right; }
   .no_margin #contentSlot, .layout_script #contentSlot, .page_community-map #contentSlot { 
      width: auto; 
      float: none; 
   }
      .layout_script h1.pg_title, .page_community-map h1.pg_title { display: none; }
   /*.page_index #contentSlot { top: -271px; }*/
/** @group layout */
#layout { padding: 20px 45px; }
   .layout_script #layout, .page_community-map #layout { padding: 0; }
   .page_community-map #layout { min-height: 522px; }

#layout ul { padding-left: 2.25em; }
/*#layout ul { 
   padding-left: 0; 
   list-style: none;
}
#layout ul li {
   padding-left: 2.20em;
   background-image: url(../images/bg_li.gif);
   background-repeat: no-repeat;
   background-position: 0 .5em;
}*/
/** @group tabs */
#layout ul.tabs_active { 
   list-style: none;
   padding: 20px 0 0 0;
   margin: 0;
}
   #layout ul.tabs_active li {
      display: block;
      float: left;
      background-image: none;
      padding: 0;
   }
   ul.tabs_active li a {
      display: block;
      float: left;
      padding: 4px 8px;
      margin-right: 8px;
      color: #999;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: bold;
      color: #6F868E;
      outline: none;
   }
      ul.tabs_active li br { display: none; }
      ul.tabs_active li a:hover, ul.tabs_active li a:focus { text-decoration: underline; }
      ul.tabs_active li a.current { 
         color: #FFF;
         background-color: #6F868E;
         font-weight: bold;
         -moz-border-radius: 7px;
         -webkit-border-radius: 7px;
         text-decoration: none;
      }
/* @end tabs **/
.layout_rss #layout div.hr { background-color: #9DB3C0; margin: 1em 0; }
.layout_rss #layout #rss_feed { padding: 15px 0; }
/* @end layout **/
/** @group latest_news */
#latest_news {
   width: 500px;
   margin: 0 auto;
   padding: 10px 0 20px;
}
   #latest_news .news-photo {
      width: 250px;
      overflow: hidden;
      float: left;
   }
   #latest_news .news-content {
      width: 250px;
      height: 112px;
      overflow: hidden;
      float: right;
      font-size: 1.3em;
      background: #FFF url("../images/latestnews_content_bg.jpg") left top no-repeat;
   }
      #latest_news .news-content a {
         display: block;
         color: #000;
         padding: 20px 30px;
         height: 72px;
         text-decoration: none;
      }
         #latest_news .news-content a:hover, #latest_news .news-content a:focus { text-decoration: underline; }
/* @end latest_news **/
/** @group toggles */
#layout.content .up  {
   color: #FFF;
   background-color: #6F868E;
   font-weight: bold;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-bottom-color: #FFF;
}
#layout.content .down {
   color: #59595D;
   border-bottom: 1px dashed #6F868E;
}
#layout.content .toggle { margin-top: 0.3em; }
#layout.content blockquote.toggle_content { padding-left: 25px; }
/* @end toggles **/
/** @group mapcontent */
#mapcontent { background-color: #FFF; }
   #mapcontent .copy {
      padding: 205px 25px;
      max-height: 522px;
      color: #333;
      font-size: 1.1em;
   }
      #mapcontent .copy a, #mapcontent .copy a:visited { color: #B90808;}
/* @end mapcontent **/
/* @end contentSlot **/
/** @group sideBar */
#sideBar { width: 250px; }
   .default #sideBar { float: right; }
   .sidebar_left #sideBar { float: left; }
   .sidebar_left #sideBarHook { padding-left: 30px; }
   .no_margin #sideBar, .layout_script #sideBar, .page_community-map #sideBar { 
      width: auto; 
      float: none; 
   }

/** @group marginSlot */
#marginSlot { 
   width: 219px;
   padding-top: 20px;
}
   .no_margin #marginSlot { width: auto; }
   .page_index #marginSlot, .no_margin #marginSlot { padding-top: 0; }

#sideBar img.polaroid {
   margin: 0 auto 10px;
   margin-top:-95px;
   position:relative;
   z-index:3;
}
/* @end marginSlot **/
/* @end sideBar **/
/* @end innerWrapper **/
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer {
   min-height: 59px;
   background: transparent url('../images/bg_footer.png') left top no-repeat;
}
   #footer, #footer a { color: #FFF; }
      #footer a { text-decoration: none; }
      #footer a:hover{ text-decoration: underline; }

#footerNav {
   text-align: center;
   padding-top: 10px;
   font-weight: bold;
}
   #footerNav ul {
      list-style: none;
      margin: 0 auto;
   }
   #footerNav ul li {
      margin: 0;
   /*   float: left;*/
      display: inline;
   }
   #footerNav ul li a {
      font-size: 1.3em;
      text-transform: uppercase;
      padding: 45px 14px 0;
      text-decoration: none;
   /*   display: block;*/
   }
      #footerNav ul li a:hover { text-decoration: underline; }

/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 85px;
   left: 0;
   width: 686px;
   height: 38px;
   background: transparent url('../images/bg_header.png') left top no-repeat;
   padding: 24px 80px 0;
/*   text-align: center;*/
   z-index: 3;
}
   #topNavigation ul {
      list-style: none;
      margin: 0;
   }
      #topNavigation ul li {
         float: left;
         margin: 0;
      }
         #topNavigation ul li a {
            color: #FFF;
            font-size: 15px;
            text-transform: uppercase;
            text-decoration: none;
            padding: 0 30px;
         }
            #topNavigation ul li a:hover { text-decoration: underline; }
/* @end topNavigation **/
/** @group inner_footer */
#inner_footer {
   font-size: 1.25em;
   text-align: center;
   padding: 40px 35px 20px 74px;
}
   #inner_footer .small { font-size: 0.8em; }
   #inner_footer .CAPS { font-size: 0.90em; letter-spacing: 0.1em; white-space: nowrap;}
      #inner_footer #vcard.the_woodlands .CAPS { letter-spacing: 0.05em; }
   #inner_footer #vcard { 
      float: left;
      width: 505px;
      padding-left: 25px;
      line-height: 1.5em;
   }
      #inner_footer #vcard.the_arboretum { padding-left: 95px; width: 375px; }
         #inner_footer #vcard .org { font-weight: bold; }
   #inner_footer #logos {
      float: left;
      width: 177px;
      padding-top: 20px;
      padding-left: 25px;
      text-align: left;
   }
   #inner_footer #copyright { padding-top: 1.5em; }
      #inner_footer #copyright, #inner_footer #siteBy { font-size: 0.85em; }
/* @end inner_footer **/
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly { display: none; }

.content {
   font-size: 1.4em;
   line-height: 1.3em;
}
   .content td.content { font-size: 1.0em; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.clearafter:after,
ul.tabs_active:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}

/** @group simple_overlay */
/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay .progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

.simple_overlay .info { display: none; }
/* @end simple_overlay **/