/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Ryan Beck & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 10 February 2009 @ 11:00 EST
* --------------------------------------------------------------
**/

/** 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: #000;
}
body { background-color: #36471C; padding: 20px 0px;}
   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;
   	font-weight: normal;
   }
   	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: #333 no-repeat scroll center;
}
	div.hr hr { display: none; }

#wrapper {
	position: relative;
	width: 923px;
	margin: 0 auto;
}

pre { color: #000; }

#accessibilityMenu {
    display: none;
}
/** Header
-------------------------- **/
/** @group header */
#header { width: inherit; height: 130px;}

#header #masthead a, 
#header #masthead a:visited
{
	position: absolute;
	display: block;
	background: url("../images/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 449px;
	height: 111px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 0;
}
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   background-color: #FFF;
   padding: 10px;
   border: 1px solid #1F2910;
   min-height: 300px;
}
#contentSlot a {
    color: #DB4801;
}
td.column1 {
    padding-right: 10px;
}

td.column2 {
    padding-left: 10px;
}
#contentSlot {
    width: 580px;
    float: right;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 20px;
}
#contentSlot h1 {
    color: #DB4801;
    font-family: Georgia;
    font-size: 2.5em;
}
.sf-vertical li:hover, .sf-vertical li.sfHover, .sf-vertical a:focus, .sf-vertical a:hover, .sf-vertical a:active {
    background: url('../images/lvl1_bg.jpg');
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:0;
    color: #FFF;
}
.sf-vertical {
    list-style: none;
}
.sf-vertical li a {
   background: url('../images/lvl1_bg.jpg');
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    padding: 10px 20px;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #BD3503;
}
#img { 
    padding-bottom: 10px;
}
.sf-vertical li a:visited {
    color: #FFF;
}
.sf-vertical li {
    margin: 1px;
    background: url('../images/lvl1_bg.jpg');
    width: 260px;
    border-right: 5px solid #FFF;
}
.sf-vertical li.selected {
    border-right: 5px solid #A0B817;
}
.sf-vertical li ul {
    left: 200px;
}
.sf-vertical li li {
	background: url('../images/lvl1_bg.jpg');
    
}
.sf-vertical li li li {
	background: url('../images/lvl1_bg.jpg');
    
}

#sideBar {
    line-height: 1.7em;
    font-size: 1.1em;
    color: #666;
    padding: 0px;
    width: 250px;
}
.margincontent {
    padding: 10px;
    
}
/* @end contentWrapper **/

#search {
    position: absolute;
    top: 45px;
    left: 50%;
    margin-left: 250px;
    color: #FFF;
    font-size: 1.2em;
}
input.search {
    width: 150px;
}

/** Footer
-------------------------- **/
/** @group footer */
#footer { color: #9BA38E; margin-top: 10px; }
   #footer a { 
      color: #FFF;
      text-decoration: none;
   }
      #footer a:hover{ text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: #333; }
#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; }

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

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