/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 11 September 2008 @ 09:30 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body { background-color: #EEE }

input.email { background: #FFF url(../../images/newsletter_bg.gif) 7px 7px no-repeat; }
input.search { background: #FFF url(../../images/search_bg.gif) 5px 3px no-repeat; }

h1 { color: #333; }
h2, h3 { color: #990000; }

#wrapper { background: transparent url("wrapper_bg.gif") top left repeat-y; }


/** Header
-------------------------- **/
/** @group header */
#hdrShadow { background: transparent url("top_bg.gif") top left no-repeat; }
#header #logo div a { background-image: url("logo.gif"); }
/*#header #phoneNumber {
    background: transparent url(800.gif) top left no-repeat;
    width: 221px;
    height: 32px;
    position: absolute;
    top: -60px;
    right: 30px;
    text-indent: -10000px;
}*/
/** @group menu */
#menu { background: transparent url(nav_bg.jpg) top left repeat-x; }
#menu ul li a {
   text-decoration:none;
   color: white;
   background: transparent url("menu_bg.gif") top left repeat-x;
   text-transform:uppercase;
}
#menu ul li.selected a:hover {
    color: #FFF;
}  
#menu ul li a:hover {
    color: #CC0000;
}
#menu ul li.selected span {
    background: transparent url("tab_lft.gif") top left no-repeat;
    display: block;
}  
#menu ul li.selected span a {
    margin-left: 10px;
    padding-right: 25px;
    padding-top: 15px;
    background: transparent url("tab_right.gif") top right no-repeat;
}
/* @end menu **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
    background: transparent url("content_bg.gif") 0 0 repeat-y;
    margin-top: -20px; 
}
/** @group sidebar */
#sidebar {
    padding: 20px;
    height: auto;
}
#sidebar div.title, #sidebarContent h3 { background: transparent url("h2_bg.jpg") top left no-repeat; }
#sidebar input {
   border-color: #CCC;
   color: #666;
}
#sidebar button {
   border-color: #CCC;
   color: #999;
   background-image:  url("btn_bg.jpg");
}
#sidebar #newsletter {
    width:100%;
}
#sidebar #search {
    width:100%;
}
#sidebar #sidebarContent {
    width:100%;
}
/* @end sidebar **/
/** @group mainContentWrapper */
#mainContentWrapper {
    background: transparent url("content_bg.jpg") top left repeat-x;
    color: #333;
    font-size: 1.1em;
}
#mainContent h1 { margin-left: 0; }
#mainContent { font-size: 1.1em; }

/* @end mainContentWrapper **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group ftr */
#ftr {
   background: transparent url(ftr_bg.jpg) top left no-repeat;
   padding: 0px;
}
#ftr div { padding: 13px 32px; }
#ftr a { 
   color: #8A8795;
   text-decoration: none;
}
   #ftr a:hover { text-decoration: underline; }
/* @end ftr **/


/** @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;
}

