/*============= DEFAULT THEME STYLES FOR THE GW SERVICES WEBSITE ============*/

/*
    This stylesheet contains customized Colors, Fonts, and other Theme-related information
    It does not contain Layout, Size and Positioning information, except where customization needed
    It controls the look and feel of elements on the page, but not the layout
*/

/*================================ PAGE BODY ================================*/

html, body {
    /*min-width: 900px;*/ /* Keeps the top menu from collapsing onto 2 lines */
}

body {
    font-family: Arial, Sans-Serif;
    font-size: 10pt;
    color: White; /* Always define color when defining background-color */
/*
    background-color: #0c0c33;
    background-image: url("../Images/Background.png");
    background-repeat: repeat-x;
*/
}

/*
    Global link colors would be defined here, except that they interfere with certain
    .NET controls such as the TreeView due to the order that styles are applied
*/

/*=============================== HEADER ELEMENTS ===========================*/

/* .header1, .header2, .header3, .header4 classes shadow their respective h1, h2, h3, h4 tags */

h1, h2, h3, h4, h5, th.header,
.header1, .header2, .header3, .header4
{
    color: #800000;
}

.header3black
{
    color: #000000;
}
h1, .header1 {
    font-size: 16pt;
    font-family: Calibri, Arial, Verdana, Sans-Serif;
    text-align: center;
}

h2, .header2 {
    font-size: 14pt;
    font-family: Calibri, Arial, Verdana, Sans-Serif;
}

h3, .header3, .header3black {
    font-size: 11pt;
}

h4, .header4 {
    font-size: 10pt;
}

h5 {
    font-size: 10pt;
}

th.header {
    font-size:10pt;
}

.header1, .header2, .header3, .header3black, .header4
{
    font-weight: bold;
}

/*================================== IMAGES =================================*/

img {
}

/*============================== PAGE LAYOUT ================================*/

/* The page wrapper surrounds all of the page except the footer 
   It includes everything within the margin created by the body background color */

#pageWrap {
    background-color: #fff;
}

/* The wrapper contains all content between the top menu and the footer */

#wrapper {
    background-color:#fff;
}

/* CSS hack for grey sidebar background */

.greyback 
{
    background-color:#f3f3f3;
}

/*============================== PAGE HEADER ================================*/

/*  Banner  */

#header {
    background-color:White;
    color: #00578D;
}

/*  Top Naviation Menu Bar */
   
#navBar {
    background-color: #fff;
    color: Black;
    text-align: left;
}

/*  Secondary Information Bar 
    Below the top menu bar, this provides the breadcrumbs, username, and admin links */
    
#theBar {
    font-size: 8pt;
    background-color: White;
    border-bottom: 1px solid #C0C0C0;
    height: 16px;
}

#theBar a:link, #theBar a:visited {
    color:#00477D;
    text-decoration: underline;
}

#theBar a:hover, #theBar a:focus {
    color:#000;
    text-decoration: underline;
}

#theBar a:active {
    color:#000;
    text-decoration: underline;
}

/*========================= OPTIONAL LAYOUT AREAS ===========================*/

/*  Seconadry Navigation Bar
    This menu is placed on the left sidebar for additional navigation
    The TreeView style is controlled by a skin
*/

#secondNav 
{
	color: #00578D;
}

/* Apply these styles to links that should follow the black/blue scheme */

#secondNav td.treeview-parentnode
{
    font-size: 9pt !important;
    font-weight: bold !important;
}

#secondNav a.treeview-parentnode, 
#secondNav span.treeview-parentnode
{
    padding: 1px 2px;
}

#secondNav td.treeview-node
{
    font-size: 8pt;
    font-weight: normal;
    padding: 1px;
}

#secondNav a.treeview-node
{
    padding: 1px 2px;
}

#secondNav .treeview-selectednode
{
    text-decoration: underline !important;
}

#secondNav a.treeview-parentnode:link,
#secondNav a.treeview-parentnode:visited,
#secondNav a.treeview-node:link, 
#secondNav a.treeview-node:visited 
{
    color:#00578D;
    background-color: Transparent;
    text-decoration: none;
}

#secondNav a.treeview-parentnode:hover,
#secondNav a.treeview-parentnode:focus,
#secondNav a.treeview-node:hover, 
#secondNav a.treeview-node:focus
{
    color:#fff;
    background-color:#00578D;
    text-decoration: underline;
}

#secondNav a.treeview-parentnode:active,
#secondNav a.treeview-node:active
{
    color:#000;
    background-color: Transparent;
    text-decoration: underline;
}

/*============================== PAGE CONTENT ===============================*/

/* Wrapper class for everything below the top navigation menu, 
   not including the secodnary navigation */

#content
{
    background-color:White;
    color: Black;
}

#content a.link:link, #content a.link:visited {
    color:#00C;
    text-decoration: underline;
}

#content a.link:hover, #content a.link:focus {
    color:#000;
    text-decoration: underline;
}

#content a.link:active {
    color:#00C;
    text-decoration: underline;
}

/* No Second Nav */

#content.config0
{
}

/* Narrow Second Nav */

#content.config1
{
    border-left: 1px solid #C0C0C0;
}

/* Wide Second Nav */

#content.config2
{
    border-left: 1px solid #C0C0C0;
}


/*================================ FOOTER ===================================*/

/* The footer is the only element below #pageWrap, by default it assumes the body background */

#footer {
    color: #FFFFFF;
    text-align: center;
    font-size: .8em;
    height:16px;
    max-height:16px;
}

#footer a:link, #footer a:visited {
    color:#c1e4fa;
    text-decoration: underline;
}

#footer a:hover, #footer a:focus {
    color:#8FC5FF;
    text-decoration: underline;
}

#footer a:active {
    color:#8FC5FF;
    text-decoration: underline;
}