﻿
/* PLEASE KEEP IN ORDER
=======================

Elements
Classes
Element IDS
@Blocks

And ALpahbetical within Each please */


   body
{
    background-position: center;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0.8em;
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    min-height: 100%;
    height: 100%;
    background-color: #3573C8;
}

   body a
{
  text-decoration: none; color:blue;  
 }

   body a:hover
{
  text-decoration: underline; color:blue;  
 }
  
form 
{
    margin: 0px 0px 0px 0px;  
}

p {
    margin-top:6px;
    margin-bottom:5px;
}

ul {
margin-top:6px;
margin-bottom:2px;
}

h1 {
margin-top:5px;
font-size: 1.4em;
color: #155674;
margin-bottom:2px;
}

h1 a {
color:#FFFFFF;
font-size:1.4em;
}

h2 {
font-size:1.25em;
color:#333333;
margin-top:7px;
margin-bottom:2px;
}

h3 {
font-size:1.1em;
color:#333333;
margin-top:7px;
margin-bottom:0px;
}

h4 {
font-size:1em;
font-style:italic;
color:#333333;
margin-top:5px;
}


.CssHypTip {  
  text-decoration: none; color:blue;  
}

.CssHypTip:hover {  
  text-decoration: none; color:blue; 
  text-decoration: underline; color:blue;  
}

.LeftMenu {
    margin: 0px 0px 5px 0px;
    width: 100%;
    height: auto;
    font-size: medium;
    font-style: normal;
    font-family: calibri;
    color: #CC3300;
}

.imgButton {
    border-width: 0px;
    border-style: none;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


#center {
    margin: 5px;
    float: left;
    width: 73%;
    height: auto;
}

#custLogin
{
    float: right;
    margin: 5px 5px 0px 10px;
    text-align: center;
    height: 24px;
}   


#custLogin a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0000FF;
    text-decoration: none;
    font-size: .8em;
}

#custLogin a:hover
{
    text-decoration:underline;       
}

#col2 {
    float: left;
    width: 70%;
    height: 80px; /* New */
}

#col3 {
    float: right;
    width: 14%;
    height: 80px /* WAS    height: 10px; */
}

#contactMenu {
    float: right;
}   

#contextTip {
   float:left; 
    width: 270px;
}

#googleSearch {
    float: right;
    width: 270px;
    height: 20px
}
        
#framecontentLeft, #framecontentRight
{
    position: absolute;
    left: 0px;
    width: 120px; /*Width of left frame div
    height: 150%;*/
    color: white;
    z-index: 10;
    visibility: visible;
  /*  background-color: #DFDFF1;*/
    top: 2px;
    height: 486px;
}

#framecontentRight
{
  /*  margin: 4px 4px 4px 6px;*/
    left: 740px;
    right: 0;
    width: 140px; /*Width of right frame div*/
    text-align:center;
}
        
#framecontentTop {
    top: 0;
    background-color: white;
    z-index: 100;
    width: 880px;
    margin: 0;
    height: 90px; 
    
        border-color: #DFDFF1;

    border-style: solid;

    border-top-width: 5px;
    border-left-width: 0px;
    border-right-width: 0px;
        border-bottom-width: 0px;
}

#framecontentBottom
{
    position: fixed;
    top: auto;
    bottom: 0;
    z-index: 9999;
    width: 880px;
    margin: 0 ;
    clear: both;
    height: 22px;
    padding: 0px;
    text-align: center;
    color: #000000;
    background-color: #A9B6D3;
}

#footer
{
    bottom: 0px;
    clear: both;
    height: 20px;
    padding: 0px;
    text-align: center;
    color: #000000;
    background-color: #A9B6D3;
   position: relative;
}

#footer a {
    color:#E8E8E8;
}

#footer div {
    padding: 1px 0;
}

#footerLogos {
    position: absolute;
    bottom: 20px;
    float: right;
    right: 5px;
}

#footerLogos img {
    background-color:Transparent;
    width: 88px;
    height: 31px;
}

#freeQuote {
    text-align: center;
}

#freeQuote a {
    font-size: medium;
    font-family: calibri;
    color: #0000FF;
    text-decoration:none;
}

#freeQuote a:hover {
    text-decoration:underline;   
}

#IndSpec
{
    border-width: 1px;
    float: left;
    background-color: #DFDFF1;
    width: 108px;
    color: #000000;
    padding: 3px 2px 3px 4px;
    margin: 0px 1px 0px 4px;
} 

#left
{
    float: left;
    width: 110px;
    margin-left: 0%;
    background-color: #F6F9A8;
    left: 0px;
    margin-right: 5px;
}

#left p
{
    margin: 4px 3px 5px 3px;
    padding: 0px;
    font-size: large;
}
 
#logo
{
    float: left;
    clip: rect(auto, auto, auto, -5px);
    width: 128px; /* WAS   width: 15%; */
    margin: 5px;
}

#logoWrapper
{
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 30px;
}

#logoWrapper img
{
    padding-right: 30px;
    padding-left: 30px;
}  
      
#mainContent
{
    border-color: #DFDFF1;
    position: absolute;
  /*  left: 120px; Set left value to WidthOfLeftFrameDiv*/
 /*    right: 140px;Set right value to WidthOfRightFrameDiv*/
    padding: 10px 7px 27px 7px;
    background-color: white;
    z-index: 1;
    border-style: solid;
    border-right-width: 140px;
    border-left-width: 120px;
    border-top-width: 5px;
    border-bottom-width: 28px;

    min-height:900px;
    width:606px;
}
#mainContent li
{
 
}

#outer
{
 
    width: auto;
    padding: 15px 15px 0px 15px;

}

#inner
{
    width: 880px;
    margin: 0px auto;
    min-height: 100%;
    height: auto;
}
       
#mainContentHor
{
    position: absolute;
    top: 135px; /*Set top value to HeightOfTopFrameDiv*/
    z-index: 2;
    width: 880px;
    margin: 0 auto;
}

.menuFlag
{
    border-style: none;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 0px;
}

.menuFlagItem
{
    width:150px;
}

.menuFlagText
{
    border-style: none;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 15px;
}

#menuWrapper
{
    background-color: #A9B6D3;
    color: #FFFFFF;
    font-family: Calibri;
    height: 28px;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    left: 0px;
    clear: both;
    top: 0px;
}

#pageHeader
{
    margin: 5px 230px 17px 230px;
    text-align: center;
    float:none;
    clear:none;
      font-family:Tahoma,Arial;
}

#pageTitle
{
    font-size: 1.4em;
    color: #333333;
    text-align: center;
}

#top_mid_pnl_lst
{
    margin: 5px 0px 10px 0px;
    text-align: center;
    height: 12px;
    position: relative;
    list-style-type: square;
}

#top_mid_pnl_lst li {
	margin: 0px;
	display: inline;
}

#top_mid_pnl_lst li a
{
    list-style-type: square;
    margin: 0px 0px 0px 0px;
    padding-right: 10px;
    font-family: Tahoma,Arial;
    color: #0000FF;
    text-decoration: none;
    font-size: x-small;
}

#top_mid_pnl_lst li a:hover
{
    text-decoration:underline;       
}


/* WAS #pageTitle
{
    font-size: 1.6em;
    color: #333333;
    margin: 0px 0px 0px 0px;
    text-align: center;
} */

#right
{
    margin: 0px 0px 0px 5px;
    width: 100px;
    background-color: #DFDFF1;
    position: absolute;
    right: 0px;
    float: right;
}

#thumbs
{
    margin: 5px 0px 5px 5px;
}

#thumbs img
{
    margin: 5px;
    width: 80px;
    height: 119px;
}

#subnav {
    height: auto;
    position: relative;
    margin-top: 0px;
}

#subnav2 {
    clear: both; 
    width: 100%;
}

#srcBox
{
    width: 250px;
    height: 18px;
    float:right;
    margin-left: 200px;
}

#topMenu
{
    top:110px;
    width: 934px;
    height: 36px;
    clear: both;
    z-index: 999;
    position: absolute;
}



#ulNoBull
{
    list-style-type: none;
}

/* OLD MENU STUFF */
.mainMenu
{

    border-style: solid;
    border-width: thin;
    width: auto;
    font: bold 13px calibri;
    text-align: center;
    z-index: 16;
    clear: both;
    padding: 3px 8px 10x 16px;
}
.dMenuItemStyle
{
    border: thick solid #000000;
    background-color: #EEEEEE;
    font-family: Trebuchet MS;
    font-size: small;
    color: Black;
}

.level1
{
	font-family: calibri;
	color: #FFFFFF;
	font-size: medium;
	text-align: center;
	padding: 3px 8px 3px 6px;
}

.LMlevel1
{
    font-family: calibri;
    color: #0000CC;
    font-size: small;
    text-align: left;
    padding: 3px 8px 3px 16px;
}


.hoverstyle
{
	background-color: #3164FD;
}

ul.cssMenu ul
{
    display: none;
    position: fixed;
}

ul.cssMenu li:hover > ul
{
    display: block;
}
ul.cssMenu ul{position: absolute;left:-1px;top:129%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#fff;
	background-repeat:repeat;
	border-color:#808080;
	border-width:1px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	height:21px;
	float: left;
}
ul.cssMenu ul{
	width:240.5px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#fff;
	border-style:solid;
	text-align:center;
	text-decoration:none;
	padding:2px 5px 5px 10px;
	_padding-left:0;
	font:normal 11px Tahoma;
	color: #000;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
/**/
ul.cssMenu li {
	float:left; height:20px
}

ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#808080;	background-image:none;}

ul.cssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #444;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:normal 11px Tahoma;
	color: #444;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #557D4F !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:5px;
}
ul.cssMenu ul img {
}

ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:9px;}
ul.cssMenu ul span
{
    background-image:url(../images/arr_black.gif)
    }
ul.cssMenu ul li:hover > a span{	background-image:url(../images/arr_white.gif);}
ul.cssMenu table a:hover span{background-image:url(../images/arr_white.gif)}
ul.cssMenu li.cssMenui0 {
width:110px;
height:23px;
}
ul.cssMenu li a.cssMenui0
{
    height: 100%;
    background-image: url('../images/btn3.jpg');
    border-width: 0px;
    font: normal 11px Tahoma;
    color: #fff;
}
ul.cssMenu li a.cssMenui0:hover{
background-image:url('../images/btn4.jpg');
font:normal 11px Tahoma;
color:#eee;
}
 ul.cssMenum0 {
background-color:transparent;
border-width:0px;
	padding:0px 0px 0px 0px;
}
 ul.cssMenum0>li>a {
padding:8px 10px 0px 10px;
}
 ul.cssMenum0 a {
padding:8px 10px 0px 10px;
}
 ul.cssMenum0 ul a {
padding:2px 5px 5px 10px;
}
 ul.cssMenum0>li {
margin:0px 0px 0px 0px;
}
 ul.cssMenum0 li {
margin:0px 0px 0px 0px;
}
 ul.cssMenum0 li li {
margin:2px 0px 0px 2px;
}

	ul.dropdown li
{
    padding: 0px 0px;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #fff #d9d9d9 #d9d9d9;
    background-color: #F6F9A8; /* Steve's Yellow */
    height: 17px;
}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: blue; text-decoration: none; }
	ul.dropdown a:hover		{ color: navy; }
	ul.dropdown a:active	{ color: red; }

	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	}

	ul.dropdown ul li {
	font-weight: normal;
	height: Auto;
	}
	
	ul.dropdown
{
    font-weight: normal;
    color: navy;
    font-size: normal;
}



#jsddm
{	margin: 0;
	padding: 0;
	    z-index: 9999;
	    }
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
{
    background-position: #20548E;
    display: block;
    background: #20548E;
    padding: 5px 12px;
    text-decoration: none;
    border-right: 1px solid white;
    width: 85px;
    color: #EAFFED;
    white-space: nowrap;
}

	#jsddm li a:hover
	{	background: #1A4473}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
					height: 15px;
			border-top: 1px solid white;
			    z-index: 999;
	}
		
		#jsddm li ul li
		{	float: none;
			display: inline;
}
		
		#jsddm li ul li a
		{	width: auto;
			background: #9F1B1B
			    z-index: 999;
			    }
		
		#jsddm li ul li a:hover
		{	background: #1A4473}
