/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-05-21
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, "microsoft sans serif", Arial, sans-serif;
}
body { background-color: #ECECEC; }
   a {
		color: #BD2025;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #333; }
   	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;
      	margin: 0;
      	margin-bottom: 0.5em;
      }
      	h1, .content h1 { font-size: 1.8em; }
      	h2, .content h2 { font-size: 1.5em; }
      	h3, .content h3 { font-size: 1.4em; }
      	h4, .content h4 { font-size: 1.2em; }
      	h5, .content h5 { font-size: 1.0em; }
      	h6, .content h6 { font-size: 0.9em; }

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

#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 40px;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { 
   width: 910px; 
   position: relative;
   padding: 0 47px 0 43px;
}
#header #character {
   position: absolute;
   top: 0;
   left: 0;
   width: 148px;
   height: 155px;
   background: transparent url('../images/icon_ernie.jpg') left top no-repeat;
}
#header #masthead { height: 66px; }
#header #masthead a, 
#header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo_red.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 465px;
	height: 60px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 111px;
}
/** @group vcard */
#vcard {
   position: absolute;
   top: 40px;
   right: 55px;
   font-weight: bold;
   font-size: 1.5em;
}
   #vcard strong { color: #BD2025; }
/* @end vcard **/
#header .positioner {
   background: transparent url('../images/bg_hdr.gif') -43px top repeat-y;
   padding: 0 15px;
}
/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 73px;
   left: 115px;
   z-index: 5;
/*   padding-top: 7px;*/
/*   border: 7px solid #000;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;*/
/*   padding-left: 50px;*/
}
   #topNavigation ul li { display: inline; }
      #topNavigation ul li a {
         display: block;
         float: left;
         color: #FFF;
         padding: 8px 22px;
         font-size: 1.3em;
         font-weight: bold;
         text-decoration: none;
      }
         #topNavigation ul li a:hover { text-decoration: underline; }
            #topNavigation ul li.selected a {
               background-color: #ECECEC;
               color: #000;
            }
/* @end topNavigation **/
#flashcontent .copy {
   width: 800px;
   height: 350px;
   font-size: 1.3em;
   background-color: #D94A38;
   padding: 40px;
   overflow: hidden;
   color: #000;
}
#hdrImg { 
   position: relative; 
   padding-top: 47px;
   min-height: 45px;
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   background: transparent url('../images/bg_contentWrapper.gif') left top no-repeat;
   padding-top: 27px;
   position: relative;
   font-size: 1.3em;
   line-height: 1.5em;
   border-bottom: 5px solid #000;
}
/** @group layout */
#layout { 
   background: transparent url('../images/bg_content.gif') left top repeat-y;
   min-height: 250px;
}
   body.has_margin #layout { background-image: url('../images/bg_content_margin_v2.gif'); }
/* @end layout **/
/** @group search */
#search {
   width: 215px;
   height: 22px;
   position: absolute;
   top: 8px;
   left: 745px;
   z-index: 10;
}
   #search fieldset { border: 0; padding: 0; }
   #search legend { display: none; }
   #search input.textbox { 
      width: 135px; 
      margin-right: 2px;
      padding: 3px 2px;
      border: 1px solid #CDCDCD;
      background-color: #DEDEDE;
   }
   #search button {
      background-color: #CDCDCD;
      border-color: #CDCDCD;
      min-width: 55px;
      min-height: 16px;
      border: 0;
      color: #666;
      padding: 3px 2px;
      padding-left: 3px;
      text-align: center;
      cursor: pointer;
      cursor: hand;
   }
/* @end search **/
/** @group contentSlot */
#contentSlot {
   width: 998px;
   margin: 0 1px;
}
   body.has_margin #contentSlot {
      float: left;
      width: 750px;/* 656 */
      margin: 0 1px;
   }
      body.has_margin #contentSlot table { width: 730px; }
         body.has_margin #contentSlot table table { width: 100%; }
   #contentSlot h1 {
      color: #000;
      background: transparent url('../images/bg_titles.gif') left top repeat-x;
      height: 31px;
      font-size: 16px;
      margin: 0;
      padding: 5px 8px 0 8px;
   }
/* @end contentSlot **/
/** @group sideBar */
#sideBar {
   float: right;
   width: 247px;/* 341 */
   margin-right: 1px;
   background: transparent url('../images/bg_titles.gif') left top repeat-x;
}
   #sideBar h3 {
      color: #000;
      background: transparent url('../images/bg_titles.gif') left top repeat-x;
      height: 31px;
      font-size: 16px;
      margin: 0;
      padding: 5px 8px 0 8px;
   }
/* @end sideBar **/
#contentSlot td.content, #sideBar td { padding: 15px; }
   #sideBar td td { padding: inherit; }
/* @end contentWrapper **/



/** Footer
-------------------------- **/
/** @group footer */
#footer {
   padding: 5px;
   text-align: center;
}
#footer, #footer a { color: #8A8795; }
   #footer a, #optionsBar a { text-decoration: none; }
      #footer a:hover, #optionsBar a:hover { text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: 1px solid #83833C; }
#formContent input.submit {
   background-color: #796043;
   border: 1px solid #5B4732;
   border-left-color: #A5825B;
   border-top-color: #A5825B;
   color: #FFF;
}
/* @end formContent **/


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

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