/* body */

  body
  {
    /*
    text defaults: tables throw off inheritance font-family & color
    seem to be the only attributes that are guaranteed to be inherited
    */
    font-family: Arial, Helvetica, sans-serif;
    color: #2E5277;

    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    scrollbar-face-color: #8DA8C6;
    scrollbar-arrow-color: #E4EAF0;
    scrollbar-track-color: #4A6F99;
    scrollbar-3dlight-color: #4A6F99;
    scrollbar-highlight-color: #E4EAF0;
    scrollbar-shadow-color: #4A6F99;
    scrollbar-darkshadow-color: #4A6F99;
  }


/* styles for developers' ASP code */

tr.lightGrayBG
{
/*    background-color: #E3E5E6;*/
	background-color: #CDE4FD;

}
tr.lighterGrayBG
{
    /*background-color: #EDF0F1;*/
	background-color: #DBECFF;
}
th.goldBG
{
    font-size: 11px;
    font-weight: bold;
    color: white;
/*    background-color: #F7B500; */
/*background-color: #E1CE93*/
	background-color: #F8A649;
    /*background-image: url(../images/header_gradient2.gif);*/
}
th.lightGrayBG
{ /* class name is a mis-nomer now
     bg color is same as the site footer
     which is a dark blue */
    font-size: 11px;
    font-weight: bold;
    color: white;
    background-color: #F8A649;
    /*background-image: url(../images/header_gradient2.gif);*/
}
th.lightBlueBG
{
    background-image: url(../images/lightBlueHeaderBG.gif);
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding:2px 5px 2px 5px;
}
th.lightBlueBG  a
  {
    text-decoration: underline;
    color: white;
  }
th.lightBlueBG  a:hover
  {
    color: #3F73AC;
  }

/*/////////////////////////////////////*/




/* links */

  /* default link */
  a
  {
    text-decoration: underline;
    color: #0E4C9E;
  }
  a:hover
  {
    color: #3F73AC;
  }


  a.headerLink
  {
    text-decoration: underline;
    font-size : 12px;
    font-weight: bold;
    color: #0D1D2D;
  }
  a.headerLink:hover
  {
    color: white;
  }


/* end links */

/* line spacing */

  p.big
  {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  p.small
  {
    margin-bottom: 5px;
    margin-top: 5px;
  }


/* columns */

  /* default column */
  td
  {
    vertical-align: top;
  }
  td.moduleHeader
  {
    background-image:  url(../images/moduleHeader_BG.gif);
    border: 1px solid #8DA8C6;
    padding: 0px 2px 0px 2px;
  }
  td.loginContent
  {
    background-color: white;
    border: 1px solid;
    padding: 3px;
    border-color: #D4D0C8;
    color: #2E5277;
    font-size: 11px;
  }

  td.leftNav
  {
    vertical-align: middle;
    font-size: 11px;
    border : 1px solid;
    border-color: white white #9DBDDA white;
    background-color: white;
    padding: 1px 3px 1px 3px;
  }

  td.tellFriend
  {
    border : 2px solid;
    border-color: white white #E1CE93 white;
    background-color: white;
    padding: 1px 3px 1px 3px;
  }



  td.darkBlueHeader
  {
    border: 1px solid #4175AA;
    background-color: #4175AA;
    color: white;
    font-size: 11px;
    font-weight: bold;
  }
  td.lightBlueHeader
  {
    border: solid 1px #4175AA;
    background-image: url(../images/lightBlueHeaderBG.gif);
    color: white;
    font-size: 11px;
    font-weight: bold;
  }
  td.lightBlueHeaderStyle2
  {
    background-image:  url(../images/lightBlueHeaderBG.gif);
	border: 0px solid;
    border-color: #4A6F99;
    color: white;
    font-size: 11px;
    font-weight: bold;
  }
  td.lightGoldHeader
  {
    background-image:  url(../images/lightGoldHeader_BG.gif);
    border: 1px solid;
    border-color: #4A6F99;
    color: #000033;
    font-size: 11px;
    font-weight: bold;
  }
  td.lightBlueFooter
  {
    border: solid 1px #4175AA;
    background-image: url(../images/lightBlueFooterBG.gif);
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
  }

  td.pageTitle
  {
    border: solid 1px #4175AA;
    background-image: url(../images/lightBlueHeaderBG.gif);
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding:2px 5px 2px 5px;
  }


  td.lightBlue
  {
    border: solid 1px #4175AA;
    background-color: white;
    font-size: 11px;
    color: #000033;
  }
    td.lightBlue2
  {
    border: solid 1px #4175AA;
    background-color: white;
    font-size: 11px;
    color: #000033;
  }
    td.lightBlue3
  {
    border : 2px solid;
    border-color: white white #E1CE93 white;
    font-size: 11px;
    color: #000033;
  }





  td.darkBlue
  {
    border: solid 1px #294269;
    background-color: #4175AA;
    font-size: 11px;
    color: white;
  }
  td.blueSides
  {
    border: solid 1px;
    border-color: #D8DDE2 #4175AA #2E5277 #4175AA;
    background-color: white;
/*    padding: 2px 5px 2px 5px;*/
    font-size: 11px;
    color: #2E5277;
  }
  td.blueSides2
  {
    border: solid 1px;
    border-color: #D8DDE2 #4175AA #2E5277 #4175AA;
  }
  td.pageFooter
  {
    border: solid 0px;
    border-color: white white white white;
    background-color: #FFFFFF;
    padding: 8px;
  }

/* text */

  .bodyText
  {
    font-size : 12px;
    color: #000000;
  }
  .lightBlueText
  {
    font-size: 11px;
    color: #4175AA;
  }

  .headerText
  {
    font-size : 11px;
    font-weight: bold;
    color: #000033;
  }
  .headerText a
  {
    font-size : 11px;
    font-weight: bold;
    color: white;
  }
  .headerText a:hover
  {
    font-size : 11px;
    font-weight: bold;
    color: #2E5277;
  }


  .contactText
  {
    font-size: 12px;
    font-weight: normal;
    color: #000033;
  }
  .contactText a
  {
    text-decoration: underline;
    color: #000033;
  }
  .contactText a:hover
  {
    color: white;
  }


  .footerText
  {
    font-size: 10px;
    font-weight: bold;
    color: #888888;
  }
  .footerText a
  {
    color: #888888;
  }
  .footerText a:hover
  {
    color: #C5D6E8;
  }

  .strongText
  {
    font-weight: bold;
  }
  .bigText
  {
    font-size: 12px;
    font-weight: bold;
  }


/* form inputs */

  input.text
  {
    background-image: url(../images/inputShadow.gif);
    color: #4175AA;
    font-size: 11px;
    height: 16px;
    padding: 1px;
    border : 1px solid #4175AA;
  }
  input.submit
  {
    background: #1E5287;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 17px;
    border : 1px solid #000033;
  }


select {
 background-color: #FFFFFF;
 color: #000000;
 border:solid 0 #fff;
 font-size: 12px;
  font-weight: regular;
 height: 17px;
 padding: 0px;
}

/* lists */

  ul
  {
    list-style: disc outside;
  }  
  ol
  {
    list-style: decimal outside;
  }


/* divs */
  div#whatsNew
  {
    overflow: auto;
    width: 240px;
    height: 106px;
    position: relative;
    top: 0;
    left: 0;
  }
  div#darkBlueDivHeader
  {
    background: #4175AA;
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
    width: 100%;
    height: auto;
    position: relative;
  }
  div#whiteDivContent
  {
    width: 100%;
    background-color: white;
    padding: 5px; border: 1px solid #4175AA;
    color: #000033
  }
  div#goldDivHeader
  {
    background: #E58E3A;
    color: #000033;
    font-size: 13px;
    font-weight: bold;
    padding: 3px;
    width: 100%;
    height: auto;
    position: relative;
  }
  div#whiteDivContentGold
  {
    width: 100%;
    background-color: white;
    padding: 5px;
    border: 1px solid #E58E3A;
    color: #000033
  }
  div#regTerms
  {
    padding: 5px;
    overflow: auto;
    width: 498px;
    height: 400px;
    position: relative;
    top: 0;
    left: 0;
  }
   div#welcomeContent
  {
    padding: 5px;
    overflow: auto;
    width: 378px;
    height: 250px;
    position: relative;
    top: 0;
    left: 0;
  }
   div#welcomeContent2
  {
    padding: 5px;
    overflow: auto;
    width: 500px;
    height: 250px;
    position: relative;
    top: 0;
    left: 0;
  }
  div#pageHeader
  {
    font-size: 16px;
    color: #2E5277;
    font-weight: bold;
    padding: 1px 5px 1px 5px;
    text-align: center;
    background-image:  url(../images/pageHeaderBar.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 18px;
    position: relative;
    top: 0px;
    left: 0px;
  }
    div#pageHeader2
  {
    font-size: 12px;
    font-weight: bold;
    width: 100%;
/*
    background-color: #E1E4E8; 
    color: #2E5277;
*/
    background-color: #557CF2; 
/*    background-color: #4FFF19; */
    color: white;
    /*color: black;*/
    text-indent: 2px;
	background-image: url(../images/header_lines.gif);
	/*background-image: url(../images/header_gradient2.gif);*/
  }
    div#pageHeader3
  {
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    color: black;
    text-indent: 2px;
	background-image: url(../images/header_gradient2.gif);
  }
  div#pageHeadWrapStyle2
  {
    background-image:  url(../images/pageHeaderBar4.jpg);
    background-repeat: no-repeat;
    width: 626px;
    height: 60px;

  }
  div#pageHeadTextStyle2
  {
    font-size: 18px;
    color: #4175AA;
    font-weight: bold;
    width: auto;
    height:auto;
	float: left;
    position: relative;
    top: 30px;
    left: 5px;
  }
  div#pageHeadTextStyle3
  {
    font-size: 18px;
    color: #ABABAB;
    font-weight: bold;
    width: auto;
    height:auto;
	float: left;
    position: relative;
    top: 0px;
    left: 5px;
  }
  div#pageHeadImgStyle2
  {
    background-image:  url(../images/imn_shadow3.jpg);
    width: 152px;
    height:60px;
    float: right;
    position: relative;
  }
  div#imageDivRight1
  {
    width: auto;
	height:auto;
	float: right;
	margin: 0px 0px 10px 10px;
	text-align: center;
	font-weight: bold;
    background-color: white;
  }
    div#imageDivRight2
  {
    width: auto;
	height:auto;
	position: relative;
	float: right;
	margin: 10px 0px 10px 10px;
	text-align: center;
	font-weight: bold;
    background-color: white;
  }


  div#customINBG
  {
    background-image: url(../images/customIN.jpg);
    background-repeat: no-repeat;
    width: 207px;
    height: 121px
  }
  div#customINHeader
  {
    position: relative;
    width: auto;
    height: auto;
    top: 6px;
    left: 0px;
    color: #000033;
    font-size: 12px;
    font-weight: bold
  }
  div#customINContent
  {
    position: relative;
    width: 195px;
    height: 92px;
    padding: 20px 10px 10px 6px;
    top: 0px;
    left: 0px;
    color: #000033;
    font-size: 12px
  }


div#downloadsBG
  {
    background-image: url(../images/downloads.jpg);
    background-repeat: no-repeat;
    width: 207px;
    height: 160px
  }
  div#downloadsHeader
  {
    position: relative;
    width: auto;
    height: auto;
    top: 8px;
    left: 0px;
    color: #000033;
    font-size: 20px;
    font-weight: bold
  }
  div#downloadsContent
  {
    position: relative;
    width: 195px;
    height: 92px;
    padding: 10px 10px 10px 6px;
    top: 0px;
    left: 0px;
    color: #000033;
    font-size: 12px
  }

div#downloads2BG
  {
    background-image: url(../images/downloads2.jpg);
    background-repeat: no-repeat;
    width: 207px;
    height: 160px
  }
  div#downloads2Header
  {
    position: relative;
    width: auto;
    height: auto;
    top: 8px;
    left: 0px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold
  }
  div#downloads2Content
  {
    position: relative;
    width: 195px;
    height: 92px;
    padding: 10px 10px 10px 6px;
    top: 0px;
    left: 0px;
    color: #000033;
    font-size: 12px
  }

div#welcomeProfileBG
  {
    background-image: url(../images/welcome_profile.jpg);
    background-repeat: no-repeat;
    width: 170px;
    height: 150px
  }
  div#welcomeProfileHeader
  {
    position: relative;
    width: auto;
    height: auto;
    top: 8px;
    left: 0px;
    color: #000033;
    font-size: 12px;
    font-weight: bold
  }
  div#welcomeProfileContent
  {
    position: relative;
    width: 158px;
    height: 120px;
    padding: 10px 10px 10px 6px;
    top: 0px;
    left: 0px;
    color: #000033;
    font-size: 12px
  }

div#moreInfoBG
  {
    background-image: url(../images/more_info_homepage.jpg);
    background-repeat: no-repeat;
    width: 150px;
    height: 150px
  }
  div#moreInfoHeader
  {
    position: relative;
    width: auto;
    height: auto;
    top: 8px;
    left: 0px;
    color: #000033;
    font-size: 12px;
    font-weight: bold
  }
  div#moreInfoContent
  {
    position: relative;
    width: 134px;
    height: 140px;
    padding: 10px 10px 10px 6px;
    top: 0px;
    left: 4px;
    color: #000033;
    font-size: 12px
  }

/* for scrolling in directory page */
  
  div#INContacts
  {
    padding: 0px;
    overflow: auto;
    width: 620px;
    height: 200px;
    position: relative;
    top: 0;
    left: 0;
    background-color: #EEEEEE;
  }
div#NonINContacts
  {
    padding: 0px;
    overflow: auto;
    width: 620px;
    height: 200px;
    position: relative;
    top: 0;
    left: 0;
    background-color: #EEEEEE;
  }


/*
/////////////////////////////////////////////////////////////////////
   Left Navigation Menu
   some of the following styles appear redundent
   it's set up to behave the same in IE and Netscape
   USE CAUTION AND TEST IN BOTH BROWSERS IF YOU EDIT THIS CLASS
   there are very subtle issues involved
/////////////////////////////////////////////////////////////////////
*/
  div#leftNav
  {
    width: 100%;
    float: left;
    background-color: white;
  }
  div#leftNav ul
  { line-height: 16px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #71869E;
    list-style-type: none;
  }
  div#leftNav li
  {
    width: 100%
    line-height: 16px;
    border-top: 2px solid white;
    border-bottom: 2px solid #9DBDDA;
    text-indent: 16px;
  }
  div#leftNav li.header
  {
    border-top: 2px solid #9DBDDA;
  }
  div#leftNav li a
  {
    width: 100%;
    text-decoration: none;
    color: #71869E;
    background-image: url(../images/leftNavArrow_LO.gif);
    background-repeat: no-repeat;
    display: block;
  }
  div#leftNav li a:hover
  {
    background-color: #8DA8C6;
    color: white;
    background-image: url(../images/leftNavArrow_HI.gif);
    background-repeat: no-repeat;
  }
  div#leftNav li:hover
  { 
    background-color: #8DA8C6;
    background-image: url(../images/leftNavArrow_HI.gif);
    background-repeat: no-repeat;
    color: white;
  }


  /* tell a friend style */
  div#leftNav li.style2
  {
    background-color: #E1CE93;
    width: 100%
    line-height: 16px;
    border-top: solid 2px white;
    border-bottom: 2px solid #AB7724;
    text-indent: 16px;


  }
  div#leftNav li.style2 a
  {
    width: 100%;
    text-decoration: none;
    color: #5B421A;
    display: block;
    background-image: url(../images/leftNavArrow2_LO.gif);
    background-repeat: no-repeat;
  }
  div#leftNav li.style2 a:hover
  {
    background-color: #CFA277;
    color: white;
    background-image: url(../images/leftNavArrow2_HI.gif);
    background-repeat: no-repeat;
  }
  div#leftNav li.style2:hover
  { 
    background-color: #CFA277;
    background-image: url(../images/leftNavArrow2_HI.gif);
    background-repeat: no-repeat;
    color: white;
  }
    /* end tell a friend style */

/*
/////////////////////////////////////////////////////////////////////
   END Left Navigation Menu
/////////////////////////////////////////////////////////////////////
*/


/*
/////////////////////////////////////////////////////////////////////
   Control Panel / Additional Functions
   some of the following styles appear redundent
   it's set up to behave the same in IE and Netscape
   USE CAUTION AND TEST IN BOTH BROWSERS IF YOU EDIT THIS CLASS
   there are very subtle issues involved
/////////////////////////////////////////////////////////////////////
*/
  div#moduleNav
  {
    width: 100%;
    float: left;
  }
  div#moduleNav ul
  { line-height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    list-style-type: none;
  }
  div#moduleNav li
  {
    width: 100%;
    line-height: 20px;
    border-top: 0px solid white;
    border-bottom: 1px solid #AAAAAA;
    /*background-image: url(../images/moduleNav_BG.gif);*/
    /* padding affects the changing background
       the padding reduces the hyperlink area by 2 pixels
       the padding keeps the text from being flush with the button edges
       text-indent moves the first line of text in 2 pixels without affecting the hyperlink area
       if the text wraps to a new line, the new line will be only 1 pixel to the left of the button edge
       it doesn't look too bad but try to phrase the text so that it doesn't wrap to a new line
    */
    padding-left: 0px;
    text-indent: 0px;
    padding-right: 0px;
  }
  div#moduleNav li.header
  {
    border-top: 0px solid #AAAAAA;
  }
  div#moduleNav li a
  {
    width: 100%;
    text-decoration: none;
    color: #444444;
    display: block;
  }
  div#moduleNav li a:hover
  {
    background-color: #CCCCCC;
    color: white;
    background-repeat: no-repeat;
  }
  div#moduleNav li:hover
  { 
    background-color: #DDDDDD;
    color: white;
  }


  /* tell a friend style */
  div#moduleNav li.style2
  {
    background-color: #E1CE93;
    width: 100%
    line-height: 16px;
    border-top: solid 2px #D3BE9D;
    border-bottom: 2px solid #AB7724;
    background-image: url(../images/moduleNav2_BG.gif);

  }
  div#moduleNav li.style2 a
  {
    width: 100%;
    text-decoration: none;
    color: #5B421A;
    display: block;
  }
  div#moduleNav li.style2 a:hover
  {
    background-color: #CFA277;
    color: white;

  }
  div#moduleNav li.style2:hover
  { 
    background-color: #CFA277;
    color: white;
  }
    /* end tell a friend style */



/*
/////////////////////////////////////////////////////////////////////
   END Control Panel / Additional Functions
/////////////////////////////////////////////////////////////////////
*/

  div#horzNav ul
  {
   padding : 0px;
   margin : 0px;
   white-space : nowrap;
   background-color : white;
   width : 100%;
   border-style : solid; 
   border-color : white;
   border-width : 2px 0px 2px 0px;
   font-size : 11px;
  }
  div#horzNav ul li
  {
   display : inline;
  }
  div#horzNav ul li a
  {
   padding-left : 5px;
   padding-right : 5px;
   background-color : #8DA8C6;
   color : white;
   font-weight : bold;
   text-decoration : none;
   border-color : white;
   border-style : solid;
   border-width : 0px 1px 0px 0px;
  }
  div#horzNav ul li a:hover
  {
   background-color : #E1CE93;
   color : #4A6F99;
  }
  div#horzNav ul li.here
  {
   padding-left : 5px;
   padding-right : 5px;
   background-color : #E5EAF0;
   color : #4A6F99;
   font-weight : bold;
   text-decoration : none;
   border-color : white;
   border-style : solid;
   border-width : 0px 2px 0px 0px;
  }




  div#vertNav
  {
    width: 50%;
  }
  div#vertNav dl
  {
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-style : solid; 
    border-color : white;
    border-width : 2px 0px 0px 0px;
    font-size : 11px;

  }
  div#vertNav dt
  {
    width: 100%;
    line-height: 16px;
   border-color : white;
   border-style : solid;
   border-width : 0px 0px 2px 0px;
  /*  background-color : #8DA8C6;*/
	background-color : #79B2F4;
    padding-left: 1px;
    text-indent: 2px;
    padding-right: 1px;
  }
  div#vertNav dt.header
  {
    border-top: 2px solid #98B8D5;
  }
  div#vertNav dt a
  {
    width: 100%;
   color : white;
   font-weight : bold;
   text-decoration : none;
    display: block;
  }
  div#vertNav dt a:hover
  {
/*   background-color : #E1CE93;*/
	background-color : #F8A649;
   color : #4A6F99;
  }
  div#vertNav dt:hover
  { 
/*   background-color : #E1CE93;*/
	background-color : #F8A649;
   color : #4A6F99;
  }
  
  
  div#vertNav ol
  {
    line-height: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    border-style : solid; 
    border-color : white;
    border-width : 2px 0px 0px 0px;
    font-size : 11px;

  }
  div#vertNav li
  {
    width: 50%;
    line-height: 16px;
   border-color : white;
   border-style : solid;
   border-width : 0px 0px 2px 0px;
    background-color : #8DA8C6;
    padding-left: 1px;
    text-indent: 2px;
    padding-right: 1px;
  }
  div#vertNav li.header
  {
    border-top: 2px solid #98B8D5;
  }
  div#vertNav li a
  {
    width: 100%;
   color : white;
   font-weight : bold;
   text-decoration : none;
    display: block;
  }
  div#vertNav li a:hover
  {
   background-color : #E1CE93;
   color : #4A6F99;
  }
  div#vertNav li:hover
  { 
   background-color : #E1CE93;
   color : #4A6F99;
  }

  a.learnMore
  {
    color: #0E4C9E;
    font-size: 11px;
    text-align: justify;
    height: auto;
    padding: 3px;
    position: relative;
    top: 0px;
    left: 0px;
  }

div#indexServices
  {
    color: #000000;
    font-size: 11px;
    text-align: justify;
    width: 108px;
    height: auto;
    padding: 0px;
    position: relative;
    top: 0px;
    left: 3px;
  }
  
  /*
  /////////////////////////////////////////////////
  for blue box
  ////////////////////////////////////////////////
  */
    
table.box {background-color:#DBECFF;}
table.box .boxTL {background-image:url(../images/box_corner_TL.gif); background-repeat:no-repeat; width:8; height:8}
table.box .boxT {background-image:url(../images/box_T.gif); background-repeat:repeat-x;}
table.box .boxTR {background-image:url(../images/box_corner_TR.gif); background-repeat:no-repeat; width:8; height:8;}
table.box .boxL {background-image:url(../images/box_L.gif); background-repeat:repeat-y; width:8; height:100%;}
table.box .boxR {background-image:url(../images/box_R.gif); background-repeat:repeat-y; width:8; height:100%;}
table.box .boxBL {background-image:url(../images/box_corner_BL.gif); background-repeat:no-repeat; width:8; height:8}
table.box .boxB {background-image:url(../images/box_B.gif); background-repeat:repeat-x;}
table.box .boxBR {background-image:url(../images/box_corner_BR.gif); background-repeat:no-repeat; width:8; height:8;}