@charset "UTF-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll; /* firefox scrollbar fix */
} 
 
*html #roundcontainer {
height: 1%
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #EEEEEE url(../images/backgroundbody.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #68737a;
}
#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	margin: 7px auto 15px;
} 
#roundcontainer {
	font-size: 0.75em;
	overflow: hidden;
	background: #fff;
}

/* header section */
#header {
	height: 70px;
	margin: 0px;
	padding: 0px;
} 

/* header left section */
#headerleft {
	float: left;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#headerleft img {
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

/* header right section */
#headerright {
	float: right;
	text-align: right;
	width: 600px;
}
#alerts {
	padding-top: 5px;
	font-style: italic;
	font-size: 12px;
}
#mininav {
	font-size: 11px;
	padding-top: 15px;
	padding-right: 5px;
}
#mininav a:link {
	color: #3f5f9c;
	text-decoration: none;
	font-weight: bold;
}
#mininav a:visited {
	color: #3f5f9c;
	text-decoration: none;
	font-weight: bold;
}
#mininav a:hover {
	color: #687279;
	text-decoration: underline;
	font-weight: bold;
}
#mininav a:active {
	color: #687279;
	text-decoration: none;
	font-weight: bold;
}

/* navigation section */
#navsection {
	height: 37px;
	background: #dddddd url(../images/navbgd1.gif) repeat-x;
	clear: both;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #bebebe;
}

/* crumbs section */
#crumbssection ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
}	
	
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
}

#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
}
		
#crumbs li a {
	background:url(../images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
}	
						
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
}
	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#2370e2;
}	

.home {
	border:none;
	margin: 4px 0px 4px;
}	

/* flash section */
#flashsection {
	height: 192px;
	margin-top: 15px;
	text-align: center;
}

/* departments section */
#departments {
	width: 980px;
	float: left;
}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {
	margin:0 10px;
	padding:0;
}
.xsnazzy h1 {
	font-size:15px;
	color:#3F5F9C;
	padding-bottom: 3px;
}
.xsnazzy p {padding-bottom:1.0em;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {
	background: transparent;
	width: 186px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #68737a;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 8px;
}

.xsnazzy a:link {
	color: #2370e2;
	text-decoration: underline;
	font-weight: bold;
}
.xsnazzy a:visited {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
.xsnazzy a:hover {
	color: #68737a;
	text-decoration: underline;
	font-weight: bold;
}
.xsnazzy a:active {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px; padding-bottom:20px; padding-top:10px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {
	background:#fff;
	border-left:1px solid #4d9ff2;
	border-right:1px solid #4d9ff2;
}
.xb1 {
	margin:0 5px;
	background:#4d9ff2;
}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent1 {
	display:block;
	background:#fff;
	border:0 solid #4d9ff2;
	border-width:0 1px;	
}
.xboxcontent2 {
	display:block;
	border:0 solid #4d9ff2;
	border-width:0 0px
	}
.xboxcontent3 {
	display:block;
	border:0 solid #4d9ff2;
	border-width:0 1px;	
}	
/* bottom section */
#bottomsection {
	width: 980px;
	float: left;
	padding-bottom: 10px;
}

/* left Sidebar */
#leftSidebar
 {
	float: left; /* since this element is floated, a width must be given */
	width: 145px;
	padding-left: 10px;
	padding-top: 30px;
}
#leftSidebar h1 {
	font-size: 13px;
	color: #3F5F9C;
	margin-bottom: 3px;
}
#leftSidebar p {
	font-size: 12px;
	padding-bottom: 8px;
}
#leftSidebar a:link {
	color: #68737a;
	text-decoration: underline;
}
#leftSidebar a:visited {
	color: #68737a;
}
#leftSidebar a:hover {
	color: #3F5F9C;
}
#leftSidebar a:active {
	color: #68737a;
}

#pressmore p  {
}
#pressmore a:link {
	color: #2370e2;
	text-decoration: underline;
	font-weight: bold;
}
#pressmore a:visited {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#pressmore a:hover {
	color: #68737a;
	text-decoration: underline;
	font-weight: bold;
}
#pressmore a:active {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#pressmore .lists ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	padding-bottom: 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#pressmore .lists li {
	padding-left: 10px;
	background: url(../images/bullet.jpg) no-repeat 0 0.5em;
	margin-left: 10px;
	padding-bottom: 3px;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
#pressmore .lists li a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #68737a;
}
#pressmore .lists li a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #68737a;
}
#pressmore .lists li a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #2370e2;
}
#pressmore .lists li a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #68737a;
}


/* right Sidebar */
#rightSidebar {
	float: right;
	width: 760px;
	padding-left: 10px;
	margin: 0 15 0 0;
	padding-right: 10px;
} 

/* benefits copy */
#benefits {
	float: left;
	width: 420px;
	margin-left: 20px;
	padding-top: 20px;
}
#benefits h1 {
	font-size: 13px;
	color: #3F5F9C;
	padding-bottom: 3px;
}
#benefits p {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 17px;
}
#benefits a:link {
	color: #2370e2;
	text-decoration: underline;
	font-weight: bold;
}
#benefits a:visited {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#benefits a:hover {
	color: #68737a;
	text-decoration: underline;
	font-weight: bold;
}
#benefits a:active {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}


/* footer section */
#footer {
	width: 960px;
	clear:both;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}
#footer p.left {
	float: left;
	margin: 0px;  /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	padding: 0px;
	font-size: 10px;
}
#footer p.left a:link {
	color: #68737a;
	text-decoration: none;
}
#footer p.left a:visited {
	color: #68737a;
	text-decoration: none;
}
#footer p.left a:hover {
	color: #3F5F9C;
	text-decoration: underline;
}
#footer p.left a:active {
	color: #68737a;
	text-decoration: none;
}
#footer p.right {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
#footerbottom {
	margin: 0px;
	padding: 0px;
	clear: both;
}

/* for the four corners */
.tl {
	width: 10px;
	height: 10px;
	float: left;
	font-size:0;
	background: url(../images/bluecircle.jpg);
}
.tr {
	background-image: url(../images/bluecircle.jpg);
	background-position: 10px 0px;
	width: 10px;
	height: 10px;
	float: right;
	font-size: 0;
}
.bl {
	background-image: url(../images/graycircle.jpg);
	background-position: 0px 10px;
	width: 10px;
	height: 10px;
	float: left;
	font-size: 0;
}
.br {
	background-image: url(../images/graycircle.jpg);
	background-position: 10px 10px;
	width: 10px;
	height: 10px;
	float: right;
	font-size:0;
}


/* inside pages */

#insidemainsection {
	width: 980px;
	float: left;
	background-image: url(../images/insidemainsectionbgd.jpg);
	background-repeat: repeat-y;
	padding-bottom: 10px;
}

#insideleftSidebar
 {
	float: left; /* since this element is floated, a width must be given */
	width: 570px;
	padding-left: 15px;
	padding-right: 5px;
}
#insideleftSidebar h1 {
	font-size: 13px;
	color: #3F5F9C;
	padding-bottom: 3px;
}

#insideleftSidebar p {
	font-size: 12px;
	padding-bottom: 8px;
	padding-right: 15px;
	line-height: 17px;
}
#insideleftSidebar .lists ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	padding-bottom: 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#insideleftSidebar .lists li {
	padding-left: 10px;
	background: url(../images/bullet.jpg) no-repeat 0 0.5em;
	margin-left: 10px;
	padding-bottom: 3px;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}

#insideleftSidebar a:link {
	color: #68737a;
	text-decoration: underline;
}
#insideleftSidebar a:visited {
	color: #68737a;
}
#insideleftSidebar a:hover {
	color: #3F5F9C;
}
#insideleftSidebar a:active {
	color: #68737a;
}

#insiderightSidebar {
	float: right;
	width: 360px;
	padding-right: 15px;
} 
#belowCrumbs {
	height: 15px;
}

/* Inside flash section */
#insideflashsection {
	height: 61px;
	margin-bottom: 15px;
}

/* Inside Site Map*/
#insideSiteMap
 {
	float: left; /* since this element is floated, a width must be given */
	width: 950px;
	font-size: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

/* testimonial copy */
#testimonial {
	float: right;
	color: #68737a;
	background: #efefef;
	border: 1px solid #a9b1b6;
	padding: 10px;
	margin-top: 8px;
	margin-left: 13px;
	width: 325px;
}
#testimonial h1 {
	font-size: 12px;
	padding-bottom: 3px;
}
#testimonial p {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 11px;
	line-height: 16px;
}
#testimonial a:link {
	color: #2370e2;
	text-decoration: underline;
	font-weight: bold;
}
#testimonial a:visited {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#testimonial a:hover {
	color: #68737a;
	text-decoration: underline;
	font-weight: bold;
}
#testimonial a:active {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}

/* event box */
#eventdescrip {
	float: right;
	width: 215px;
}

/* just the facts copy */
#justthefacts {
	float: right;
	color: #68737a;
	background: #efefef;
	border: 1px solid #a9b1b6;
	padding: 10px;
	margin-top: 8px;
	margin-left: 13px;
	width: 325px;
}
#justthefacts h1 {
	font-size: 12px;
	padding-bottom: 3px;
}
#justthefacts p {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 11px;
	line-height: 16px;
}
#justthefacts ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px .50em;
}
#justthefacts li {
	background: url(../images/checkmark.gif) no-repeat 0px 0em;
	padding-left: 2em;
	padding-bottom: 1.3em;
}
#justthefacts a:link {
	color: #2370e2;
	text-decoration: underline;
	font-weight: bold;
}
#justthefacts a:visited {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#justthefacts a:hover {
	color: #68737a;
	text-decoration: underline;
	font-weight: bold;
}
#justthefacts a:active {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}

/* puzzle pages */

/* bottom section */
#puzzleContainer {
	width: 980px;
	padding-top: 10px;
	float: left;
}

#puzzleleftColumn
 {
	float: left; /* since this element is floated, a width must be given */
	width: 460px;
	padding-left: 15px;
}

#puzzleleftColumn h1 {
	font-size: 13px;
	color: #3F5F9C;
	padding-bottom: 3px;
}
#puzzleleftColumn h2 {
	color: #3F5F9C;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 3px;
}
#puzzleleftColumn p {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 17px;
}
#puzzleleftColumn ul {
	font-size: 12px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	padding-bottom: 10px;
}
#puzzleleftColumn li {
	padding-left: 10px;
	background: url(../images/bullet.jpg) no-repeat 0 0.4em;
	margin-left: 10px;
	padding-bottom: 3px;
	line-height: 16px;
}
#puzzleleftColumn a:link {
	color: #2370e2;
	text-decoration: underline;
	font-weight: bold;
}
#puzzleleftColumn a:visited {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#puzzleleftColumn a:hover {
	color: #68737a;
	text-decoration: underline;
	font-weight: bold;
}
#puzzleleftColumn a:active {
	color: #2370E2;
	text-decoration: underline;
	font-weight: bold;
}
#puzzleimage {
	 text-align: center; 
}


#puzzlerightColumn {
	margin: 0;
	float: right;
	width: 460px;
	padding-right: 15px;
	padding-bottom: 10px;
} 
/* for Accordion */
.openclose {
	padding-bottom: 10px;
}
.openclose a {
	font-size: 1em;
	color: #697379;
	font-variant: small-caps;
}
.openclose a:hover {
	color: #2370e2;
}

/* for bios */

.biofloatright {
	
}
div.biofloatright img {
	float: right;
	width: 113px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-right: 5px;
}
.clearfix {
	clear: both;
}

/* for round corners of bios */
.yboxcontent1 {
	display:block;
	background:#fff;
	border:0 solid #4d9ff2;
	border-width:0 1px;
	padding-top: 5px;
}

.ysnazzy h1, .ysnazzy h2, .ysnazzy p {
	padding:0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.ysnazzy {
	background: transparent;
	width: 560px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #68737a;
	float: left;
	padding-bottom: 15px;
}
.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .yb4 {display:block; overflow:hidden;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {
	background:#fff;
	border-left:1px solid #4d9ff2;
	border-right:1px solid #4d9ff2;
}
.yb1 {margin:0 5px; background:#4d9ff2;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}


/* job opportunities round corners section */

.jsnazzy h1, .jsnazzy h2, .jsnazzy p {
		
}
.jsnazzy h1 {
	font-size:13px;
	color:#3F5F9C;
	padding-bottom: 3px;
}
.jsnazzy p {padding-bottom:0.5em;}
.jsnazzy h2 {padding-top:0.5em;}
.jsnazzy {
	background: transparent;
	width: 560px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #68737a;
	float: left;
	margin: 0px;
	padding: 0px;
}

.jtop, .jbottom {display:block; background:transparent; font-size:1px;}
.jb1, .jb2, .jb3, .jb4 {display:block; overflow:hidden;}
.jb1, .jb2, .jb3 {height:1px;}
.jb2, .jb3, .jb4 {
	background:#fff;
	border-left:1px solid #4d9ff2;
	border-right:1px solid #4d9ff2;
}
.jb1 {
	margin:0 5px;
	background:#4d9ff2;
}
.jb2 {margin:0 3px; border-width:0 2px;}
.jb3 {margin:0 2px;}
.jb4 {height:2px; margin:0 1px;}

.jboxcontent1 {
	display:block;
	background:#fff;
	border:0 solid #4d9ff2;
	border-width:0 1px;
	margin: 0px;
	padding: 10px 0px 0px 15px;
	font-size: 12px;
}
.jboxcontent1 ul {
	font-size: 12px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	padding-bottom: 10px;
}
.jboxcontent1 li {
	padding-left: 10px;
	background: url(../images/bullet.jpg) no-repeat 0 0.4em;
	margin-left: 10px;
	padding-bottom: 3px;
	line-height: 16px;
}

/* press room articles */

.pressbox {
	width:163px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin-right: 27px;
	margin-bottom: 20px;
}
.pressbox img {border:1px solid black;}
.pressboxend {
	width:163px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
.pressboxend img {border:1px solid black;}
.clear-left {
  clear:left;
}


/* misc */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img {
	border-style: none;
}

.inlinePadRight {
	padding-right: 10px;
	float: left;
	margin-bottom: 12px;
}
.padtop3 {
	padding-top: 3px;
}
.padbot20 {
	padding-bottom: 20px;
}
#backtotop {
	float: right;
	width: 50px;
	text-align: right;
	padding-right: 10px;
}
.brightblue {
	color: #2370e2;
}
img.floatLeft {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}
.padleft10 {
	padding-left: 10px;
}
.padtop10 {
	padding-top: 10px;
}
.smallfontsize {
	font: 8px Verdana, Arial, Helvetica, sans-serif;
}

#justthefacts hr {
	border:0;
	border-top: 1px solid #2370e2;
	height: 0;
	background: #2370e2;
	margin-left: auto;
	margin-right:auto;
	width: 95%;
	text-align:center;
	margin-bottom: 10px;
}

.image {
	position:relative;
	float:left; /* optional */
	padding-bottom: 10px;
	left:0px;
}
.image .text {
	position:absolute;
	top:170px; /* in conjunction with left property, decides the text position */
	left:10px;
	width:300px; /* optional, though better have one */
}

.image .text2 {
	position:absolute;
	top:70px; /* in conjunction with left property, decides the text position */
	color: #3F5F9C;
	left:10px;
	width:500px; /* optional, though better have one */
	font: 22px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.image .text3 {
	position:absolute;
	top:130px; /* in conjunction with left property, decides the text position */
	color: #3F5F9C;
	left:10px;
	width:500px; /* optional, though better have one */
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.image .text4 {
	position:absolute;
	top:150px; /* in conjunction with left property, decides the text position */
	color: #3F5F9C;
	left:10px;
	width:500px; /* optional, though better have one */
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}