﻿body { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin: 0px;
    height:100%;
    text-align: center;
    background-image: url(../images/bgtile.jpg); background-repeat: repeat;
    background-color: #1e3a4f;
 }

/* DEFAULT TAG, FONT AND TEXT STYLES -----------------------------------------------------------------*/

h1 {font-size: 36px; font-family: 'Trebuchet MS'; font-weight: normal; color: #002d62; margin-top: 5px; margin-bottom: 0px;}
h3 {font-size: 14px; font-family: Verdana; font-weight: bold; color: #002b5e; margin-top: 0px; margin-bottom: 5px;}
h2 {font-size: 13px; font-family: 'Verdana'; font-weight: normal; color: #002d62;margin-top: 5px; margin-bottom: 0px;}

p {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; text-align:justify; display:block;}
 table {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; }
a img {border: none;}

a {	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	font-variant: normal;    }

a:link {text-decoration: none; color: #0099cc;}
a:visited {text-decoration: none; color: #0099cc;}
a:hover {text-decoration: underline; color: #0099cc;}
a:active {text-decoration: none; color: #0099cc;}

ul li a {font-size: 11px; font-family: Verdana; font-weight: normal; color: #002b5e;}

ul li { list-style-image: url(../images/bullet_blueRound.gif); margin-bottom: 15px;
    font-size: 11px; font-family: Verdana; font-weight: normal; color: #002b5e;}

.devnote    {color: #000000; background-color: yellow;}  /* use during testing to highlight development notes - remove before production */

/* HOME PAGE STYLES --------------------------------------------------*/

#cpFrame {margin-left:auto ; margin-right:auto; text-align: center;}
#topedge {background-image: url(../images/hdr_top.png); height:23px;}
#bottomedge {background-image: url(../images/footer_bottom.png); height:50px;}
#leftedge {background-image: url(../images/shadow_left.png); width:15px; background-repeat: repeat-y;}
#rightedge {background-image: url(../images/shadow_right.png); width:15px; background-repeat: repeat-y;}


#cpHome { border: solid 0px red; background-color: White; padding: 0px 15px 0px 15px; width: 970px; }

#cpHeader { border: solid 0px red; padding-bottom: 9px;}

#cpHeaderNav {border: solid 0px red;}

#cpBody { padding: 0px 0px 0px 0px; text-align: center;}

#cpBodyTable { background-color: #e6e6e6; }

#cpBanner { padding: 0px 10px 0px 10px;}

#cpNewsbar { padding:10px 10px 15px 10px; }
#cpNewsbar table { font-family: Verdana; font-size: 12px; color: #ffffff; text-align: left; }

#cpNewsbarLeft {background-image: url(../images/newBar_leftBGtile.gif); width:200px;}
#cpNewsbarRight {background-image: url(../images/newBar_rightBGtile.gif); width: 679px; padding-left: 15px;}

#cpBlocks { padding: 0px 10px 0px 10px;}

#cpBlocks table td { vertical-align: top;}

#hmGetIn { background-image: url(../images/hm_GetInTheStream_bg.gif); background-repeat: no-repeat;  
            width: 325px; height:178px; padding: 0px 20px 0px 0px;
            vertical-align: top; text-align: left; font-family: Verdana; font-weight: bold; color: #002d62; font-size: 15px;
           }
           
#hmGetIn div { padding-left: 20px; padding-top: 10px;}
#hmGetIn ul {margin: 25px 0px 0px 20px; padding: 0px;}
#hmGetIn ul li {list-style-image: url(../images/bullet_orange.gif); margin-bottom: 12px; margin-left: 0px;}
#hmGetIn ul li a {font-family: Verdana; font-size: 11px; font-weight: bold; color: #0099cc;}

#tblBlock3 {width: 185px;}
#tblBlock1, #tblBlock2 {padding-right: 10px;width: 195px;}
#tblBlock1 .blockimage { background-image: url(../images/hm_pic_FindYourPath.jpg); background-repeat: no-repeat; }
#tblBlock2 .blockimage { background-image: url(../images/hm_pic_StreamVideo.jpg); background-repeat: no-repeat;}
#tblBlock3 .blockimage { background-image: url(../images/hm_pic_Locations.jpg); background-repeat: no-repeat;}

.blockimage { width: 185px; height:149px; text-align: left; vertical-align: top; }
.blockimage div {padding-top: 10px; padding-left: 10px;}
.blockimage div span  {color: #ffffff; font-family: Verdana; font-weight:bold; font-size: 12px; }                

.blockbutton { background-image: url(../images/hm_bottomButton_up.gif); background-repeat: no-repeat; width:185px; height: 22px;
 cursor:hand; }
.blockbutton div {padding-top: 3px; text-align: center;}
.blockbutton div span { color: #ffffff; font-family: Verdana; font-weight:bold; font-size: 10px; }


#cpFooter { padding: 30px 10px 0px 10px;}
#tblFooter {width: 920px;}
#tblFooter, #tblFooter a {color: #838383; font-family: Verdana; font-weight:normal; font-size: 10px;}
#tblFooter a:link   { text-decoration: none; color: #838383;  } 
#tblFooter a:visited { text-decoration: none; color: #838383;  }
#tblFooter a:hover  { text-decoration: underline; color: #0099cc;  }
#tblFooter a:active { text-decoration: none; color: #838383;  }


/* MASTER PAGE Section ID Styles ----------------------------------------------------*/

#pgBanner { background-image: url(../images/hdr2_sample_2.jpg); height: 168px; width: 635px;}
#pgHeader {padding-left: 200px; padding-top: 44px;}

#pgLeft { width: 275px;
         text-align: left;
         vertical-align: top;
         padding: 0px 0px 0px 0px;
         border: solid 0px blue;
         background-color: #ffffff;
         }

#pgLeftNav { }

#pgMiddle { width: 635px;
     padding: 0px 0px 0px 0px;
     text-align: left;
     border: solid 0px red;
     background-color: #ffffff;}


/* HEADER & TOP NAVIGATION STYLES ----------------------------------------------------------------- */

#headertbl, #headernav {padding: 0px; border: solid 0px blue; background-color: #ffffff; width: 938px;}
#hdrlogo {padding: 0px 0px 0px 0px; text-align: left;}
#hdrlinks {padding: 0px 0px 0px 0px; width: 500px;}
#hdrlinks table {text-align: right;  border: solid 0px red;}

a.hdrlink {font-family: Verdana; font-size: 11px; font-weight: bold;}
a.hdrlink:link  { text-decoration: none; color: #002d62;  } 
a.hdrlink:visited  { text-decoration: none; color: #002d62;  } 
a.hdrlink:hover { text-decoration: underline; color: #0099cc;  }
a.hdrlink:active { text-decoration: none; color: #002d62;  }

#menubar{ border: solid 0px red;background-image: url(../images/nav_bgTile.gif); background-repeat: repeat; text-align: center; }
                
.menuend {width: 10px;}

#menubar div  
{ padding: 0px 0px 0px 0px;
     float: left; left: 0px; top: 0px; position: relative; z-index: 1;
     }
     
#menubar ul li { list-style-image: none;}

.navdivider {padding: 0px;}

.navcell, .navcellover, .navcellselected {background-repeat:repeat-x; width: 180px;}
.navcell { background-image: url(../images/nav_bgTile.gif); }
.navcellover, .navcellselected { background-image: url(../images/nav_bgTile_ov.gif); }
	
/*.mitem {display:block; font-family: arial; font-size: 12px; color: White; font-weight: bold; padding: 12px; border: solid 0px red;}*/
.mitem {display:block; font-family: arial; font-size: 12px; color: White; font-weight: bold; 
padding: 12px 0px 12px 0px; white-space: nowrap;}

a.mitem:link {color: #ffffff; text-decoration: none;}
a.mitem:visited {color: #ffffff; text-decoration: none;}
a.mitem:hover {color: #ffffff; text-decoration: none;}
a.mitem:active {color: #ffffff; text-decoration: none;}

.dropmenu { width: 200px;
			display: none; position: absolute; top: 39px; left: 0px;
			border-top: solid 0px red;
			background-color:#ffffff;
			padding: 0px 0px 0px 0px; 
			margin: 0px;
			text-align: left;
		}

ul.dropmenu li {list-style-type: none; margin: 0px;}

/* "over" is added to subitem class name in swapimages.js */
/* div is the container tag for each menu item */		
div#topnav div:hover ul, div.over ul { display: block; }	

.subitem, .subitemover
{
            padding-top:5px;
			padding-right: 20px;
			padding-bottom: 5px;
			padding-left: 14px;
			border-left: solid 2px #e8e8e8;
			border-right: solid 2px #e8e8e8;
			border-bottom: solid 1px #e8e8e8;			
			}
			
.subitem { background-color: #ffffff;}
.subitemover { background-color: #e1eaf5;}	

.subitem a, .subitemover a {color: #325a82;
			font-family: arial, sanf-serif; 
			font-weight: normal;
			font-size: 12px;
			}

.subitem a:link {color: #325a82; text-decoration: none;}
.subitem a:visited {color: #325a82; text-decoration: none;}
.subitem a:hover {color: #325a82; text-decoration: none;}
.subitem a:active {color: #325a82; text-decoration: none;}

.subitemover a:link {color: #325a82; text-decoration: none;}
.subitemover a:visited {color: #325a82; text-decoration: none;}
.subitemover a:hover {color: #325a82; text-decoration: none;}
.subitemover a:active {color: #325a82; text-decoration: none;}


/* LEFT NAVIGATION STYLES ---------------------------------------------------------------- */


#listnav ul { margin: 0px; width: 275px; padding: 0px 0px 0px 0px; }

#listnav ul li {list-style-image: none; margin: 0px;
                    border-bottom: solid 1px #e8e8e8;}

.navtop {padding: 20px 0px 0px 20px; list-style-type: none; 
                      border-bottom: solid 1px #e8e8e8; }
                      
.navtop a {color: #002d62; font-weight: bold; line-height: 30px; 
                      font-family: Verdana; font-size:12px; text-decoration: none; }
                      
.navitem, .navitemover, .navitemselected
        {padding: 10px 10px 10px 20px; list-style-type: none;
                border-bottom: solid 1px #e8e8e8; }
            
.navitem { background-color: #ffffff;  font-weight: normal; color: #3c82d3;  }
.navitemover { background-color: #e1eaf5; font-weight: normal; color: #3c82d3; } 
.navitemselected { background-color:#3c82d3; font-weight: normal; color: #ffffff; } 

.navitem a:link     {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}
.navitem a:visited  {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}
.navitem a:hover    {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}
.navitem a:active   {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}

.navitemover a:link     {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}
.navitemover a:visited  {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}
.navitemover a:hover    {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}
.navitemover a:active   {font-family: Verdana; font-size:12px; text-decoration: none; color: #3c82d3;}

.navitemselected a:link     {font-family: Verdana; font-size:12px; text-decoration: none; color: #ffffff;}
.navitemselected a:visited  {font-family: Verdana; font-size:12px; text-decoration: none; color: #ffffff;}
.navitemselected a:hover    {font-family: Verdana; font-size:12px; text-decoration: none; color: #ffffff;}
.navitemselected a:active   {font-family: Verdana; font-size:12px; text-decoration: none; color: #ffffff;}


/* TESTIMONIAL STYLES ------------------------------------------------------------------------ */

#pgTestimonial {padding: 15px 20px 27px 20px;}

.tmName { font-size: 12px; color: #666666; width: 100%; vertical-align: bottom; padding-left: 15px;  }
.tmQuote { font-size: 11px; color: #666666; padding-top: 15px; }

.popupControl { z-index: 10; background-color: #ffffff; text-align: right;}
.popupForm {background-color: #f1f1f1; font: normal 11px/12px Verdans; color:#557396; }
.popupForm td {padding: 5px; text-align: left;}


#topedgeleft {background-image: url(../images/hdr_top_left.png); height:23px;  width:30px;}
#topedge {background-image: url(../images/hdr_top.png); height:23px;}
#topedgeright {background-image: url(../images/hdr_top_right.png); height:23px;width:30px;}
#bottomedgeleft {background-image: url(../images/footer_bottom_left.png); height:50px; width:30px;}
#bottomedge {background-image: url(../images/footer_bottom.png); height:50px;}
#bottomedgeright {background-image: url(../images/footer_bottom_right.png); height:50px;width:30px;}
 
#leftedge {background-image: url(../images/shadow_left.png); width:30px; min-width:30px; background-repeat: repeat-y;}
#rightedge {background-image: url(../images/shadow_right.png); width:30px; min-width:30px; background-repeat: repeat-y;}
 
#cpHome { border: solid 0px red; background-color: White; padding: 0px 15px 0px 15px;  }
 
/*---------------------------------------Newly Added or changed Provided by Jannet --------------------------------------*/

#cpBanner
{
    padding: 0px 5px 0px 5px;
}

#hmGetIn { background-image: url(../Images/hm_GetInTheStream_bg.gif); background-repeat: no-repeat;  
            width: 325px; height:178px; padding-right: 10px;
            vertical-align: top; text-align: left; font-family: Verdana; font-weight: bold; color: #002d62; font-size: 15px;
           }

.pgBanner { background-image: url(../Images/hdr2_sample_2.jpg); height: 168px; width: 635px;}

#Top { border: solid 0px red; padding-bottom: 9px;}

#ctl00_Menu1_topnav { border: solid 0px green;}
#ctl00_Menu1_topnav ul li { list-style-image: none;}

div#ctl00_Menu1_topnav div  
{ padding: 0px 0px 0px 0px; 
     float: left; left: 0px; top: 0px; position: relative; 
     }
     
#Menu1_topnav { border: solid 0px green;}

#Menu1_topnav ul li { list-style-image: none;}

div#Menu1_topnav div  
{ padding: 0px 0px 0px 0px; 
     float: left; left: 0px; top: 0px; position: relative;  
     }

#cpNewsbarLeft
{
    background-image: url(../Images/newBar_leftBGtile.gif);
    width: 200px;
    background-repeat: repeat-x;
}
#cpNewsbarRight
{
    background-image: url(../Images/newBar_rightBGtile.gif);
    width: 679px;
    padding-left: 15px;
    background-repeat: repeat-x;
}


#MediaBlock1_tblBlock1, #MediaBlock1_tblBlock2 {padding-right: 10px;}
#MediaBlock1_tblBlock1.blockimage {  background-repeat: no-repeat; cursor:hand; }
#MediaBlock1_tblBlock2.blockimage {  background-repeat: no-repeat; cursor:hand;}
#MediaBlock1_tblBlock3.blockimage {  background-repeat: no-repeat; cursor:hand;}

	.Menu
{
    background-image: url('../Images/nav_bgTile.gif');
    background-repeat: repeat-x;
    width: 180px;
    color: White;
    height: 40px;
}
	
	.MenuItem
{
    font-family: arial;
    font-size: 12px;
    color: White;
    font-weight: bold;
    padding: 12px;
    width: 180px;
    height: 40px;
     
}
	
	.flashControl
	{
	
	    }
	.MenuItemOver
	{
	background-image: url('../Images/nav_bgTile_ov.gif');background-repeat:repeat-x; width: 180px; 
		font-family: arial; font-size: 12px; color: White; font-weight: bold; padding: 12px;
	}  
	
.subitem,.subitemover
{
           padding-top:5px;
			padding-right: 20px;
			padding-bottom: 5px;
			padding-left: 14px;
			border-left: solid 2px #e8e8e8;
			border-right: solid 2px #e8e8e8;
			border-bottom: solid 1px #e8e8e8;	
			 azimuth:left;	
			  text-align:left;	
			
			}
			
.subitem { background-color: #ffffff;  azimuth:left;	 }
.subitemover { background-color: #e1eaf5;    }	
 
.subitem a, .subitemover a {color: #325a82;
			font-family: arial, sanf-serif; 
			font-weight: normal;
			font-size: 12px;
			
			}

.subitem a:link {color: #325a82; text-decoration: none;}
.subitem a:visited {color: #325a82; text-decoration: none;}
.subitem a:hover {color: #325a82; text-decoration: none;}
.subitem a:active {color: #325a82; text-decoration: none;}

.subitemover a:link {color: #ffffff; text-decoration: none;}
.subitemover a:visited {color: #325a82; text-decoration: none;}
.subitemover a:hover {color: #325a82; text-decoration: none;}
.subitemover a:active {color: #325a82; text-decoration: none;}


.ApplyNowPopUpBack
{
    background-color: #FFFFFF;
    border: 1px double #C0C0C0;
}
.ApplyModalBackground
{
   background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.ApplyNowPopUpBackImage
{
    background-position: bottom;
    background-image: url('../Images/hm_GetInTheStream_header.gif');
    width: 386px;
    background-repeat: no-repeat;
}
.ApplyNowPopUpImgStyle
{
    height: 87px;
    width: 58px;
  }
 .ApplyNowPopLable
{
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
.ApplyNowDropdown { font-size: 9px; font-family: Verdana; height: 20px; width: 150px;}

.linkcursor
{
 cursor:hand;
}
.headerLabel
{
    font-size: 11px;
    font-family: Verdana;
        color:  #6a85a0;
    text-align: left;
}

.PanelOuter
{
    font-family: Verdana;
    font-size: 10px;
    color:  #002d62;
    border: 0px none #FFFFFF;
    width: 275px;
     height:179px;
     z-index:5;
      position:absolute;
       visibility:hidden;
   }
.selectDropdown
{
    font-family: Verdana;
    font-size: 10px;
    color:Black;
    border: 1px solid #000000;
    width: 180px;
}

.PanelInner
{
    font-family: Verdana;
    font-size: 10px;
    color: #000000;
    width: 200px;
    border: thin solid #868686;
    height: 100px;
    margin-top: 50px;
    margin-left: 50px;
   background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
    
    .button
{
    border: 0px none #FFFFFF;
    font-family: Verdana;
    color:White;
    background-image: url(../images/btn_ok.gif);
    font-size: 12px;
    font-family: Verdana;
     text-align:center;
      text-indent:10px;
      azimuth:center;
    width:100px;
     height:35px;
      cursor:hand;
   
    
   }
   
   .button1
{
    border: 1px solid #C0C0C0;
}
   
   .buttonSelect
{
    background-position: right;
    border: 0px none #FFFFFF;
    background-color: #FFFFFF;
    width: 90px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    color: #002d62;
    cursor: hand;
    background-image: url('../Images/down.png');
    background-repeat: no-repeat;
}

.Awardtable
{
    border-collapse: separate;
    border-spacing: 0px;
    caption-side: top;
    vertical-align: middle;
    width: 80%;
}

.Awardthumb
{
    border: 1px solid #999999;
    margin: 0px;
}

.CareerCalanderLable
{
    width:150px;
    font-family: Verdana; 
    font-size: 11px; 
    font-weight:normal;
 }
 .CareerCalanderLableData
{
    font-family: Verdana; 
    font-size: 11px; 
    font-weight:normal;
 }
 
 /*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.careerfittable
{
font-family: Verdana;
    font-size: 11px;
    color:  #002d62;
    border: 0px none #FFFFFF;
    width: 570px;
     height:100%;
  
     background-color:#f7f7f7;

}
 
.careerfitNext
{
font-family: Verdana;
    font-size: 9px;
    color:  #002d62;
    border: 0px none #FFFFFF;
 
    width: 570px;
     background-color:#f7f7f7;

}
.News
{
    border-width: 0px;
    border-style: none;
    width: 670px;
    height: 33px;
  background-image: url('../Images/newBar_rightBGtile.gif');
    background-repeat: repeat-x;
    display:block;
    font-family: Verdana;
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    overflow:hidden;
}



.blockbutton { background-image: url(../images/hm_bottomButton_up.gif); background-repeat: no-repeat; width:185px; height: 22px;
 cursor:hand; 
padding-top: 3px; text-align: center;
 color: #ffffff; font-family: Verdana; font-weight:bold; font-size: 10px; }
 
 .blockbuttonlink { cursor:hand;}
.blockbuttonlink a:link {text-decoration: none;  }
.blockbuttonlink a:visited {text-decoration: none; }
.blockbuttonlink a:hover {text-decoration: none; }
.blockbuttonlink a:active {text-decoration: none; }
 
 
.Content
{
    padding: 5px 10px 5px 10px;
}
p {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; text-align:justify; display:block;}
 table {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333333; }
#cpNewsbarRight {background-image: url(../images/newBar_rightBGtile.gif); width: 679px; padding-left: 15px;}

.SiteHeader
{
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}
.SiteHeaderName
{
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
    color: #002d62;
}

h4{font-size: 13px; font-family: 'Verdana'; font-weight: bold; color: #002d62;margin-top: 5px; margin-bottom: 0px;}

.SiteAddress
{
    font-size: 12px;
    font-weight:normal;
    font-family: Verdana;
    color: #333333;
     vertical-align:top;
  width: 250px; 
}

.MapLink {	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	font-variant: normal;   
	 cursor:hand;
	  color: #0099cc; 
  }
