﻿/*~  Default/shared styles
----------------------------------------------------------------------*/

body {
	font: normal 70% Verdana, Arial, sans-serif;
	margin:0px;
	padding:0px;
}

p {
    line-height:150%;
    margin-top:5px;
    margin-bottom:5px;
}

#container {
    margin-left:auto;
    margin-right:auto;
}

#home-logo {
    float:left;
}

#home-header {
    background-position: right bottom;
    height: 65px;
    background-image: url(  'images/topBG.gif' );
    background-repeat: no-repeat;
}

.title {
    font-weight:bold;
    font-size:1.4em;
    color:Maroon;
    float:left;
    margin-top:45px;
}

.toplinks {
    font-weight:bold;
    float:right;
    margin-top:3px;
    margin-right:10px;
}

.search {
    float:right;
    clear:right;
    margin-top:12px;
    margin-right:10px;
}

.NavMenu .ul.AspNet-Menu ul 
{
    top: -1em;
    left:0;
    z-index: 400;
}

.NavMenu ul.AspNet-Menu li {
    line-height: 30px;
    font-size: 1.1em;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
}

.NavMenu ul.AspNet-Menu a, /* all anchors and spans (nodes with no link) */
.NavMenu ul.AspNet-Menu span
{
    color: White;
}

.NavMenu ul.AspNet-Menu li:hover a, 
.NavMenu ul.AspNet-Menu li:hover span, 
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.NavMenu ul.AspNet-Menu li:hover li:hover a, 
.NavMenu ul.AspNet-Menu li:hover li:hover span, 
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.NavMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.NavMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.NavMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color:#fdffac;
}

.NavMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li
{
    background-color: #393939;
    background-image: none;
    line-height: 25px;
}

.NavMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li:hover
{
    background-color: #888888;
}

.NavMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a
{
    color: White;
    font-size: 0.8em;
}

.NavMenu ul.AspNet-Menu li.AspNet-Menu-WithChildren ul li a:hover
{
    color: White;
}

.NavMenu ul li ul
{
    position:absolute;
    left:0;
    top:30px;
}

.NavMenu ul li ul a
{
    text-align:left;
    margin-left:3px;
}

/*~  Body class: initial
----------------------------------------------------------------------*/
.initial #container {
    width:960px;
}

.initial .NavMenu ul.AspNet-Menu li {
    width: 160px;
    background: url( '/images/menu160.jpg' );
    color:White;
}
/*~  Body class: pda_ver <=240px
----------------------------------------------------------------------*/
.pda_ver #container {
    width: 230px;
}

.pda_ver #home-logo {
    float:none;
    clear:both;
}

.pda_ver #home-header {
    background-image: none;
}

.pda_ver .title {
    display:none;
}

.pda_ver .toplinks {
    font-weight:normal;
    float:none;
    margin-top:5px;
    margin-right:0;
}

.pda_ver .search {
    float:none;
    margin-top:5px;
    margin-right:0;
}

.pda_ver .NavMenu ul.AspNet-Menu a, /* all anchors and spans (nodes with no link) */
.pda_ver .NavMenu ul.AspNet-Menu span
{
    color: Black;
}

.pda_ver .NavMenu ul.AspNet-Menu li {
    font-size: 0.8em;
    font-weight: normal;
    line-height: normal;
    background: none;
    color:Black;
}

/*~  Body class: pda_hor <=320px
----------------------------------------------------------------------*/
.pda_hor #container {
    width: 310px;
}

.pda_hor #home-logo {
    float:none;
    clear:both;
}

.pda_hor #home-header {
    background-image: none;
}

.pda_hor .title {
    display: none;
}

.pda_hor .toplinks {
    font-weight: normal;
    float: none;
    margin-top: 5px;
    margin-right: 0;
}

.pda_hor .search {
    float: none;
    margin-top: 5px;
    margin-right: 0;
}

.pda_hor .NavMenu ul.AspNet-Menu a, /* all anchors and spans (nodes with no link) */
.pda_hor .NavMenu ul.AspNet-Menu span
{
    color: Black;
}

.pda_hor .NavMenu ul.AspNet-Menu li {
    font-size: 0.9em;
    font-weight: normal;
    line-height: normal;
    background: none;
    color: Black;
}

/*~  Body class: screen_ultralow <=640px
----------------------------------------------------------------------*/
.screen_ultralow #container {
    width: 420px;
}

.screen_ultralow #home-logo {
    float: left;
}

.screen_ultralow #home-header {
    background-image: none;
}

.screen_ultralow .title {
    display:none;
}

.screen_ultralow .toplinks {
    font-weight:normal;
    float:right;
    margin-top:5px;
    margin-right:0;
}

.screen_ultralow .search {
    float:right;
    clear:right;
    margin-top:5px;
    margin-right:0;
}

.screen_ultralow .NavMenu ul.AspNet-Menu a, /* all anchors and spans (nodes with no link) */
.screen_ultralow .NavMenu ul.AspNet-Menu span
{
    color: Black;
}

.screen_ultralow .NavMenu ul.AspNet-Menu li {
    font-size: 1.0em;
    font-weight: normal;
    line-height: normal;
    background: none;
    width: 70px;
    color:Black;
    margin-top:10px;
}

/*~  Body class: screen_low <=800px
----------------------------------------------------------------------*/
.screen_low #container {
    width: 540px;
}

.screen_low .title {
    display:none;
}

.screen_low .NavMenu ul.AspNet-Menu li {
    font-size: 1.0em;
    font-weight: normal;
    line-height: normal;
    background: url( '/images/menu90.jpg' );
    min-height:30px;
    vertical-align:middle;
    width: 90px;
}

/*~  Body class: screen_med <=1024px
----------------------------------------------------------------------*/
.screen_med #container {
    width: 780px;
}

.screen_med .search {
    width:225px;
}

.screen_med .NavMenu ul.AspNet-Menu li {
    width: 130px;
    background: url( '/images/menu130.jpg' );
    color:White;
}

/*~  Body class: screen_high <=1280px
----------------------------------------------------------------------*/
.screen_high #container {
    width:960px;
}

.screen_high .NavMenu ul.AspNet-Menu li {
    width: 160px;
    background: url( '/images/menu160.jpg' );
    color:White;
}

/*~  Body class: screen_wide >1280px
----------------------------------------------------------------------*/
.screen_wide #container {
    width:1200px;
}

.screen_wide .NavMenu ul.AspNet-Menu li {
    width: 200px;
    background: url( '/images/menu200.jpg' );
    color:White;
    font-size: 1.2em;
}
