﻿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(/careers.nsf/otherpics/$FILE/bgtile.jpg);
}

/* 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;}
h2 {font-size: 14px; font-family: Verdana; font-weight: bold; color: #002b5e; margin-top: 0px; margin-bottom: 5px;}
h3 {font-size: 13px; font-family: 'Trebuchet MS'; font-weight: normal; color: #002d62;margin-top: 5px; margin-bottom: 0px;}

p, 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(/careers.nsf/otherpics/$FILE/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(/careers.nsf/otherpics/$FILE/hdr_top.png); height:23px;}
#bottomedge {background-image: url(/careers.nsf/otherpics/$FILE/footer_bottom.png); height:50px;}
#leftedge {background-image: url(/careers.nsf/otherpics/$FILE/shadow_left.png); width:15px; background-repeat: repeat-y;}
#rightedge {background-image: url(/careers.nsf/otherpics/$FILE/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;}

#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, #tblFooter a:visited, #tblFooter a:active { text-decoration: none; color: #838383;  }
#tblFooter a:hover { text-decoration: underline; color: #0099cc;  }


/* HEADER & TOP NAVIGATION STYLES ----------------------------------------------------------------- */

#menubar{ border: solid 0px red;background-image: url(/careers.nsf/otherpics/$FILE/nav_bgTile.gif); text-align: center;  }
                        
#headertbl {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;}

.headerdropdown { font-size: 9px; font-family: Verdana; height: 20px; width: 100px;}

.hdrlink {font-family: Verdana; font-size: 11px; font-weight: bold; color: #002d62;}
a.hdrlink {font-family: Verdana; font-size: 11px; font-weight: bold;}
a.hdrlink:link, a.hdrlink:visited, a.hdrlink:active { text-decoration: none; color: #002d62;  }
a.hdrlink:hover { text-decoration: underline; color: #0099cc;  }
		  
#topnav { border: solid 0px green;}

#topnav ul li { list-style-image: none;}

div#topnav div  
{ padding: 0px 0px 0px 0px; 
     float: left; left: 0px; top: 0px; position: relative; z-index: 5;
     }
.navdivider {padding: 0px;}

.navcell, .navcellover, .navcellselected {background-repeat:repeat-x; width: 180px;}
.navcell { background-image: url(/careers.nsf/nav_bgTile.gif); }
.navcellover, .navcellselected { background-image: url(/careers.nsf/nav_bgTile_ov.gif); }
	
.mitem {display:block; font-family: arial; font-size: 12px; color: White; font-weight: bold; padding: 12px;}

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;}


