/**   Styles for "Screen" Media
*     File: _override.css
*     Theme: easy_as_123 - custom
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-01-19
* --------------------------------------------------------------
**/

html { background-color: #056780; }
body { background-image: url('../images/bg_html.jpg'); } 

a { color:#0a83a2; }

.home #header { height: 481px;}
.default #header { height: 362px;}

#header #masthead a, 
#header #masthead a:visited { 
   background-image: url('../images/logo.png');
   width: 110px;
   height: 115px;
   top: 10px;
   left: 60px;
}

#hdrImg { top: 133px; }

#corner2 { background-image: url('../images/bg_corner2.png'); }
#corner3 { background-image: url('../images/bg_corner3.png'); }
#corner4 { 
   background-image: url('../images/bg_corner4.png');
   height: 99px;
   top: -130px;
}

.home #sideBar #marginContent { top: 156px; }

/** @group topNavigation */
#topNavigation {
   top: 50px;
   left: 180px;
   width: 730px;
}
   
   #topNavigation ul.sf-menu li a { height: 40px; }

   #topNavigation ul.sf-menu li a:hover,
   #topNavigation ul.sf-menu li a:focus,
   #topNavigation ul.sf-menu li a:active,
   #topNavigation ul.sf-menu li a small,
   #topNavigation ul.sf-menu li.selected a,
   #topNavigation ul.sf-menu li.selected a:hover,
   #topNavigation ul.sf-menu li.selected a small,
   #topNavigation ul.sf-menu li.selected a:hover small { color: #F79113; }

/*   #topNavigation ul.sf-menu li.selected ul { border: 1px solid #004356; }*/
   #topNavigation ul.sf-menu li:hover ul,
   #topNavigation ul.sf-menu li.sfHover ul { top: 40px; }
   
   #topNavigation ul.sf-menu li ul { border: 3px solid #0a83a2; }
   
   #topNavigation ul.sf-menu li li,
   #default #sideBar button { 
      background-color: #0a83a2;
      border-bottom: 1px solid #004356;
   }
      #topNavigation ul.sf-menu li li a { height: auto; }
   #topNavigation ul.sf-menu li li { border: 0; }
      #topNavigation ul.sf-menu li.sfHover li:hover,
      #topNavigation ul.sf-menu li li a:hover,
      #topNavigation ul.sf-menu li.selected li a:hover { 
         color: #FFF;
         background-color: #004356;
      }
/* @end topNavigation **/

#footer, #footer a { color: #AACAD3; }

#spark_outer_footer { background-image: url('../images/bg_footer.jpg'); }