/* CSS Document ala Zeldman */

	/* Fix a bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 742px;
	 }


	/* Helpers and base rules */

img	{
	border: 0;
	}

p.access	{
	display: none;
	}

img.counter	{
	display: inline;
	margin-left: 5px;
	}



	/* Primary layout divisions */

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background: #E9E9E9 url(/es/images/shadow_02.gif) repeat-y center top;
	color: #004181;
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	}

div#wrapper	{
	color: #004181;  /* VS 16MAY08, was #0053a1, to match /it/css/ssuit2.css */
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

#banner {
	height: 144px;
	padding: 0px;
	margin: 0px 15px 0px 15px;
	width: 770px;
}

#ejobs {
	width: 440px;
}

body.section-1 #banner {
	background-image: url(/es/images/banner1.jpg);
}
body.section-2 #banner {
	background-image: url(/es/images/banner2.jpg);
}

body.section-3 #banner {
	background-image: url(/es/images/banner3.jpg);
}
body.section-4 #banner {
	background-image: url(/es/images/banner4.jpg);
}
body.section-5 #banner {
	background-image: url(/es/images/banner5.jpg);
}
body.section-6 #banner {
	background-image: url(/es/images/banner6.jpg);
}
body.section-7 #banner {
	background-image: url(/es/images/banner7.jpg);
}
body.section-8 #banner {
	background-image: url(/es/images/banner8.jpg);
}
body.section-9 #banner {
	background-image: url(/es/images/banner9.jpg);
}
body.section-10 #banner {
	background-image: url(/es/images/banner10.jpg);
}
body.section-11 #banner {
	background-image: url(/es/images/banner11.jpg);
}
body.section-12 #banner {
	background-image: url(/es/images/banner12.jpg);
}
body.section-13 #banner {
	background-image: url(/es/images/banner13.gif);
}
body.section-14 #banner {
	background-image: url(/es/images/banner14.jpg);
}


#header	{
	background-color: #0053a1;
	margin: 0px 15px 0px 15px;
	padding: 5px 0 5px 0;
	width: 770px;
}

#header h1 {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	text-align: center;
	margin: 0;
	padding: 2px;
}

div#sidebar 	{
	float: left;
	width: 160px;
	padding: 0;
	border: 0;
	margin: 0;
	/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 16px;
	}

html>body div#sidebar {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 30px;
	min-height: 500px;
	}

div#maincontent	{
	margin: 0 0 0 212px;
	padding: 0;
	width: 540px;
	border: 0;
	background-color: #FFFFFF;
	}

div#footer	{
	clear: both;
	width: 770px;
	padding: 5px 0;
	margin: 0 15px 0 15px;
	background: #E6F2FF;
	border-top-width: 5px;
	border-right-width: 0;
	border-bottom-width: 5px;
	border-left-width: 0;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	}

	
div#footer p	{
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 50px;
	color: #004181;   /* VS 16MAY08 to match /it/css/ssuit2.css */
	}

	
	/* Typography 	*/
	
h2, h3, h4	{
	font-weight: bold;
	line-height: 1.2em;
	margin: 15px 0 0 0;
	}

p	{
	margin: 0 0 1em 0;
	line-height: 140%;
	}
	
div#maincontent h2	{
	font-size: 18px;
	}

body#home div#maincontent h2	{
	margin-top: 25px;
	}

body#home div#maincontent h2.follow	{
	margin-top: 5px;
	}

div#maincontent h3	{
	font-size: 16px;
	}
div#maincontent h4 {
	font-size: 14px;
}
div#maincontent h5 {
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#maincontent h6 {    /* VS 05JUN08 new style */
 font-size: 12px;
 font-style:italic;
 margin-bottom: 0px;
 padding-bottom: 0px;
}

blockquote	{
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	border: 0;
	border-left: 1px dotted #785;
	}

blockquote p, dd blockquote	{
	font-weight: normal;
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;
	text-align: justify;
	line-height: 18px;
	font-size: 90%;
	}

code, pre	{
	font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace;
	font-weight: normal;
	font-size: small;
	}
	
.red {
	color: #990000;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight:bold;
}

	/*  List stuff */

div#maincontent ul 	{
	}
	
div#maincontent ol li		{
	line-height: 140%;
	margin: 0 5px 5px 0;
	padding: 0 0 0 5px;
	list-style-position: outside;
	}

div#maincontent ul li	{
	line-height: 140%;
	margin-bottom: 5px;
	padding-bottom: 0;
	list-style:disc outside;
	padding-left: 5px;
	margin-left: 5px;
	}
	
div#maincontent ul ul li {
	margin-top: 10px;
	list-style: square inside;
	}

div#maincontent ul ul ol li { /* VS 19MAY08 new style */
list-style-type: decimal;
}

div#maincontent ul.inlinelist	{
	padding: 0;
	margin: 0;
	}

div#maincontent .inlinelist li	{
	display: inline;
	padding: 0 5px 0 0;
	margin: 0;
	border: 0;
	}	

dt	{
	font-weight: bold;
}
div#maincontent dl	{
	margin-top: 5px;
	padding-top: 0;
	}
	
div#maincontent dl dt {
	border: 0;
	line-height: 140%;
	}
	
div#maincontent dl dd {
	margin: 0 10px 15px 10px;
	padding: 0;
	text-align: justify;
	}
	
		

/* formnav stuff */
#formnav {
	margin-left: 5px;
	margin-top: 8px;
}

#formnav form {
	padding: 0px;
	margin: 2px 5px 0px 0px;
}

.button {
	position: relative;
	top: 3px;
}

#formnav label {
	visibility: hidden;
	display: none;
}	

/*  nav stuff */

#nav {
	margin: 15px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
}

#nav ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	border-left: 1px solid #0053a1;
	border-bottom: 1px solid #0053a1;
}

#nav ul ul {
	border-left: none;
	border-bottom: none;
}

#nav li {
	border-top: 1px solid  #0053a1;
}

#nav a {
	display: block;
	padding-left: 5px;
}

#nav a:link, #nav a:visited {
	color: #0053a1;
	text-decoration: none;
}
#nav a:hover {
	color: #FFFFFF;
	background-color: #0053a1;
	text-decoration: none;
}
#nav li ul{
	list-style-type: none;
	border-left: 0px solid white;
	border-bottom: 0px solid white;
}
#nav li li {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #B6B792;
}

#nav li li a:link, #nav li li a:visited {
	color: #990000;
	text-decoration: none;
	padding-left: 20px;
}
#nav li li a:hover {
	color: #FFFFFF;
	background-color: #990000;
	text-decoration: none;
	padding-left: 20px;
}

/* menu-matic */


#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9,
#menu #subnav-10,
#menu #subnav-11,
#menu #subnav-12,
#menu #subnav-13,
#menu #subnav-14 {
	text-decoration: none; 
	display: none;
}


body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8,
body.section-9 #menu ul#subnav-9,
body.section-10 #menu ul#subnav-10,
body.section-11 #menu ul#subnav-11,
body.section-12 #menu ul#subnav-12,
body.section-13 #menu ul#subnav-13,
body.section-14 #menu ul#subnav-14 {
	text-decoration: none; 
	display: block;
}

body.section-1 #menu ul#subnav-1 li, 
body.section-2 #menu ul#subnav-2 li,
body.section-3 #menu ul#subnav-3 li,
body.section-4 #menu ul#subnav-4 li,
body.section-5 #menu ul#subnav-5 li,
body.section-6 #menu ul#subnav-6 li,
body.section-7 #menu ul#subnav-7 li,
body.section-8 #menu ul#subnav-8 li,
body.section-9 #menu ul#subnav-9 li,
body.section-10 #menu ul#subnav-10 li,
body.section-11 #menu ul#subnav-11 li,
body.section-12 #menu ul#subnav-12 li,
body.section-13 #menu ul#subnav-13 li,
body.section-14 #menu ul#subnav-14 li {
	text-decoration: none; 
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a,
body.section-9 #menu ul#subnav-9 a,
body.section-10 #menu ul#subnav-10 a,
body.section-11 #menu ul#subnav-11 a,
body.section-12 #menu ul#subnav-12 a,
body.section-13 #menu ul#subnav-13 a,
body.section-14 #menu ul#subnav-14 a {
	display: block;
}

body.section-1 a:link#link-1, body.section-1 a:visited#link-1,
body.section-2 a:link#link-2, body.section-2 a:visited#link-2,
body.section-3 a:link#link-3, body.section-3 a:visited#link-3,
body.section-4 a:link#link-4, body.section-4 a:visited#link-4,
body.section-5 a:link#link-5, body.section-5 a:visited#link-5,
body.section-6 a:link#link-6, body.section-6 a:visited#link-6,
body.section-7 a:link#link-7, body.section-7 a:visited#link-7,
body.section-8 a:link#link-8, body.section-8 a:visited#link-8,
body.section-9 a:link#link-9, body.section-9 a:visited#link-9,
body.section-10 a:link#link-10, body.section-10 a:visited#link-10,
body.section-11 a:link#link-11, body.section-11 a:visited#link-11,
body.section-12 a:link#link-12, body.section-12 a:visited#link-12,
body.section-13 a:link#link-13, body.section-13 a:visited#link-13,
body.section-14 a:link#link-14, body.section-14 a:visited#link-14 {
	background-color:#0053a1;
	color:#FFFFFF;
}

/* removes the top border on the first subnav li */
ul#subnav-1 > *:first-child,
ul#subnav-2 > *:first-child,
ul#subnav-3 > *:first-child,
ul#subnav-4 > *:first-child,
ul#subnav-5 > *:first-child,
ul#subnav-6 > *:first-child,
ul#subnav-7 > *:first-child,
ul#subnav-8 > *:first-child,
ul#subnav-9 > *:first-child,
ul#subnav-10 > *:first-child,
ul#subnav-11 > *:first-child,
ul#subnav-12 > *:first-child,
ul#subnav-13 > *:first-child,
ul#subnav-14 > *:first-child {
	border-top: none;
}

/* Misc. Stuff */


.floatright {
	float: right;
	padding-left: 10px;
}
.floatleft {
	float: left;
	padding-right: 10px;
}

.orange {
	color: #FF6600;
}
.blue {
	color: #000099;
}
.black {
	color: #000000;
}
.background1 {
	background-color: #E6F2FF;
}

.background2 {
	background-color: #FFFFCC;
}

.background3 {
	background-color: #FFD6DC;
}
legend {
	font-weight: bold;
}
img.profile {
	float: right;
	padding: 5px;
	background-color: #B8B8B8;
	border: 1px solid #DADADA;
	margin: 5px;
}


/*  SKIP NAVIGATION - ACCESSIBILITY REQUIREMENT  */

 #skip a, #skip a:visited
{
	text-align: right;
	float: right;
	background-color: #0053a1;
	border: thin dotted #FFFFFF;
	color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	opacity: 0.5;
}

#skip a:hover, #skip a:focus, #skip a:active
{
	background-color: #0053a1;
	opacity: 0.9;
}

/*  Pullquote  */

#maincontent .pullquote {
	float: right;
	width: 210px;
	background-color: #E6F2FF;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
}
#maincontent .pullquote h2 {
	color: #990000;
	font-style: italic;
}

#maincontent .pullquote_1 {  /* VS 03JUL08 added pullquote_1 */
	float: right;
	width: 200px;
	background-color: #FFEA9F;
	padding: 0 5px 5px 10px;
	margin-left: 5px;
	margin-bottom: 1em;
	text-align: center;
	color: #7B0707
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEFFD0;
	border-right-color: #C0E878;
	border-bottom-color: #C0E878;
	border-left-color: #EEFFD0;
}

#maincontent .pullquote_1 h2 {
	color: #7B0707;
	font-style: italic;
}

#maincontent .pullquote_1 a:link {
	color: #7B0707;
	font-style: normal;
}

#maincontent .pullquote_1 a:link, #maincontent .pullquote_1 a:visited {
	color: #0D0777;
	
}

#maincontent .pullquote_2 {   /* VS 03JUL08 added pullquote_1 */
	float: right;
	width: 200px;
	background-color: #FFEA9F;
	padding: 5px 5px 5px 10px;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 1em;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF4C1;
	border-right-color: #E4D08E;
	border-bottom-color: #E4D08E;
	border-left-color: #FFF4C1;
}

#maincontent .pullquote_2 h2 {
	color: #990000;
	font-style: italic;
}

#maincontent .pullquote_2a {   /* VS 11JUL08 added pullquote_2a for ES */
	float: right;
	width: 230px;
	background-color: #FFEA9F;
	padding: 5px 5px 5px 10px;
	margin-left: 5px;
	margin-bottom: 1em;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF4C1;
	border-right-color: #E4D08E;
	border-bottom-color: #E4D08E;
	border-left-color: #FFF4C1;
}

#maincontent .pullquote_2a h2 {
	color: #990000;
	font-style: italic;
}

#maincontent .pullquote_3 {   /* VS 03JUL08 added pullquote_1 */
	float: right;
	width: 260px;
	background-color: #FCFCFC;
	padding: 5px 5px 5px 10px;
	text-align: center;
	margin-left: 5px;
	margin-bottom: 1em;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF4C1;
	border-right-color: #E4D08E;
	border-bottom-color: #E4D08E;
	border-left-color: #FFF4C1;
}

#maincontent .pullquote_3 h2 {
	color: #990000;
	font-style: italic;
}


/*  Datatable styles  */

.datatable {
	margin-bottom: 1em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D1DDE8;
	border-bottom-color: #D1DDE8;
	border-left-color: #D1DDE8;
}
.datatable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1DDE8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D1DDE8;
	padding-right: 3px;  /* VS 19MAY08 added padding L&R */
	padding-left: 3px;
}
.datatable th {
	background-color: #D1DDE8;
	padding-right: 3px;   /* VS 19MAY08 added padding L&R */
	padding-left: 3px;
}
.datatable caption {
	font-size: 120%;
	font-weight: bold;
}
.datatable th {
	text-align: left;
}
.datatable a:link, .datatable a:visited {   /* VS 11JUL08 added padding for ES */
text-decoration: none;
}
.datatable a:hover, .datatable a:active {   /* VS 11JUL08 added padding for ES */
text-decoration: underline;
}