﻿html, body, div, p, h1, h2, ol, ul, li, form, a {
margin: 0;
padding: 0;
border: 0;
}
h1{
font-family:"@Arial Unicode MS"; 
font-size:1.6em; 
color:#24547A;
}
h2{
font-family:"@Arial Unicode MS"; 
font-size:0.8em; 
color:#D3D3D3;
}
h3{
font-family:"Arial";
font-size:1.1em;
color:#24547A;
}
h4{
color:#0099CC;
font-family:"Arial";
font-size:0.7em
}
h5{
color:#113958;
font-size:0.8em;
font-family:"Arial";
font-weight:500;
line-height:10px;
text-align:left;
}
h6{
font-family:"Arial"; 
font-size:0.9em; 
color:#222222;
font-weight:lighter;
}
body {
font-family:"Tunga","Arial", "Tahoma";
font-size:100%;
width:100%;
top:0px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image:url(Images/body-bg.png);
background-repeat:repeat-x;
background-color:#FDFDFD;
text-align:center;
}
.logoborder{
border-width:0px;
}
form {   
position:relative;
font-family:"Arial";
margin:0 auto;
}
.greenlinks a:link,
.greenlinks a:visited{
color:#339E35;
text-decoration:none;
font-family:"Arial";
font-size:0.85em;
}
.greenlinks a:hover{
color:#339E35;
text-decoration:underline;
font-family:"Arial";
font-size:0.85em;
}
.portfolio a:link,
.portfolio a:visited{
color:#339E35;
text-decoration:none;
font-family:"Arial";
font-size:0.75em;
}
.portfolio a:hover{
color:#339E35;
text-decoration:underline;
font-family:"Arial";
font-size:0.75em;
}
.smapgreenlinks a:link,
.smapgreenlinks a:visited{
color:#339E35;
text-decoration:none;
font-family:"Arial";
font-size:0.75em;
/*list-style-image:url(Images/bullet.gif);*/
}
.smapgreenlinks a:hover{
color:#339E35;
text-decoration:underline;
font-family:"Arial";
font-size:0.75em;
}
#cwheader{
width:900px;
position:relative;
left:0px;
background-color:#FFFFFF;
height:97px;
margin:0 auto;
}
#cwheaderlink a:link,
#cwheaderlink a:visited{
font-family:"Tunga";
font-size:0.8em;
text-decoration:none;
color:#113958;
}
#cwheaderlink a:hover{
font-family:"Tunga";
font-size:0.8em;
text-decoration:none;
color:#339E35;
}
.watermark{
color:#C1C1C1;
}
#sitemaphead{
font-family:"Tunga";
Font-Size:0.8em;
text-decoration:none;
color:#113958;
float:right;
padding-right:20px;
}
.search{
position:absolute;
top:40px;
left:703px;
}
#menudiv{
background-color:#FFFFFF;
height:35px;
}
.buttonimage{
background-color:Transparent; 
color:#FFFFFF; 
border-style:none; 
background-image:url(Images/btnhover.gif); 
background-repeat:repeat-x;
cursor:pointer;
font-size:1.1em;
}
.buttonimage1{
background-color:Transparent; 
color:#FFFFFF; 
border-style:none; 
background-image:url(Images/btnhover.gif); 
background-repeat:repeat-x;
cursor:pointer;
font-size:0.8em;
}
/* ~~~~ navigation menu  ~~~~ */
.suckertreemenu{
position:absolute;
top:102px;
left:0px;
padding: 0 0 0 0; 
margin: 0 0 0 0; 
width:900px;
height:28px;
font-size:0.93em; 
list-style-type: none; 
vertical-align:middle; 
background-image: url(Images/navbar.gif);
background-repeat:repeat-x;
}
.suckertreemenu ul {
margin:0;
margin-bottom: 1em; 
padding: 0; 
width:900px;
font-size:0.93em; 
list-style-type: none; 
vertical-align:middle; 
}
.suckertreemenu ul li {
position: relative; 
cursor:pointer; 
display: inline; 
font-family: "Arial"; 
font-weight :lighter; 
float: left; 
font-size:0.93em; 
height:28px; 
text-align:center; 
vertical-align:middle;
background-image: url(Images/navbar.gif);
background-repeat:repeat-x;
}
.suckertreemenu ul li a {
display: block; 
line-height:27px; 
height:28px; 
font-family: "Arial"; 
font-weight :lighter; 
vertical-align:middle;
width:100px;
font-size:0.93em; 
text-decoration: none; 
color: #113958;
}
.suckertreemenu ul li a:visited {
display: block; 
line-height:27px; 
height:28px; 
font-family: "Arial"; 
font-weight :lighter; 
vertical-align:middle;
width:100px;
font-size:0.93em; 
text-decoration: none; 
color: #113958;
}
.suckertreemenu ul li a:hover{
background-image:url(images/selected.gif);
color:#FFFFFF;
text-decoration:none;
}
.suckertreemenu ul li.current a {
background-image:url(images/selected.jpg);
color:#0B750D;
text-decoration:none;
}
* html .suckertreemenu ul li {
float: left; 
height: 1%; 
}
* html .suckertreemenu ul li a {
height: 1%; 
}
#contentwrapper{
width:900px;
position:relative;
left:0px;
/*top:129px;*/
top:17px;
text-align:left;
background-color:#FFFFFF;
}
/* ~~~~ footer ~~~~ */
#footer{
width:900px;
height:65px;
padding-top:8px;
padding-bottom:8px;
background-color:#FFFFFF;
color:#919192;
text-align:left;
font-family:"Arial";
font-size:0.75em;
border-top: solid 1px #E2E2E2;
position:relative;
left:0px;
/*margin-top:50px;*/
margin-top:10px;
text-decoration:none;
}
#footer a:link,
#footer a:visited{
color:#919192;
font-family:"Arial";
font-size:0.85em;
text-decoration:none;
}
#footer a:hover{
color:#0099CC;
font-size:0.85em;
text-decoration:none;
}
#addthis{
width:900px;
background-color:#FFFFFF;
}
#bookmarks{
position:absolute; 
left:10px; 
top:58px; 
}
#alllinks{
position:absolute;
left:310px;
top:58px;
}
#w3c{
position:absolute;
left:720px;
top:58px;
}
/* ~~~~ home page ~~~~ */
.contentdefaultpage{
font-size:0.7em;
font-family:"Arial";
color:#666666;
font-weight:normal;
line-height:18px;
}
.content{
font-size:0.73em;
font-family:"Arial";
color:#666666;
font-weight:normal;
line-height:18px;
}
.link:link,
.link:visited{
font-size:1em;
font-family:"Arial";
color:#24547A;
font-weight:normal;
text-decoration:none;
}
.link:hover{
font-size:1em;
font-family:"Arial";
color:#339E35;
font-weight:normal;
text-decoration:none;
}
/* ~~~~ home page three divisions ~~~~ */
#homepagethreedivs {
width:900px;
margin-top:3px;
margin-left:auto;
margin-right:auto;
left:0px;
}
#homepagethirddiv {
float:left;
padding:3px 0px 5px 5px;
position:relative;
}
#homepagefirstdiv,
#homepageseconddiv {
width:265px;
font-size:.9em;
padding: 3px 0px 5px 5px;
position:relative;
}
.subhead{
left:0px;
width:180px;
position:absolute; 
font-family:"Arial";
color:#113958;
font-size:0.8em;
}
.subhead a:link,
.subhead a:visited{
font-family:"Arial";
Font-Size:0.85em;
text-decoration:Underline;
color:#666666;
}
.subhead a:hover{
font-family:"Arial";
Font-Size:0.85em;
color:#0099CC;
text-decoration:Underline;
}
a:link,
a:visited{
font-family:"Arial";
Font-Size:1em;
text-decoration:Underline;
color:#666666;
}
a:hover{
font-family:"Arial";
Font-Size:1em;
color:#0099CC;
text-decoration:Underline;
}
#Address{
 background-color:#E0E8EC; 
 position:absolute; 
 top:277px;
}
.address{
 font-size:0.8em;
 font-family :"Arial";
 font-weight:normal;
 color:Black;
 padding-left:10px;
}
#homepagefirstdiv {
margin:0px;
float:left;
padding-right:8px;
}	
#homepageseconddiv {
float:right;
}
#hometabs{
width:900px;
position:absolute;
top:410px;
left:0px;
height:200px;
background-image: url(Images/tagbg.gif);
background-repeat:repeat-x;
background-position:left center;
}
/* ~~~~ Home page tabs ~~~~ */
.hometabmenu .ajax__tab_header {
font-family:"Arial";
font-size:13px;
color:#FFFFFF;
padding-top:5px;
display:block;
background-image:url(Images/tab.gif);
}
.hometabmenu .ajax__tab_header .ajax__tab_outer{
font-family:"Arial";
text-align:center;
padding-left:10px;
margin-right:3px;
}
.hometabmenu .ajax__tab_header .ajax__tab_inner{
font-family:"Arial";
padding:3px 10px 2px 0px;
}
.hometabmenu .ajax__tab_outer {
margin-left:10px;
}
.hometabmenu .ajax__tab_body{
background-image: url(Images/tab_backgrnd.gif);
background-repeat:repeat-x;
}
.hometabmenu .ajax__tab_hover {
font-family:"Arial";
font-size:13px;
color:#214969;
}
.hometabmenu .ajax__tab_hover .ajax__tab_outer {
font-family:"Arial";
font-size:13px;
color:#214969;
background-color:#FFFFFF;
background-image: url(Images/curve_top_left.gif);
background-repeat:no-repeat;
background-position:left top;
}
.hometabmenu .ajax__tab_hover .ajax__tab_inner {
font-family:"Arial";
font-size:13px;
color:#214969;
background-color:#FFFFFF;
background-image: url(Images/curve_top_right.gif);
background-repeat:no-repeat;
background-position:right top;
}
.hometabmenu .ajax__tab_active {
font-family:"Arial";
font-size:13px;
color:#214969;
}
.hometabmenu .ajax__tab_active .ajax__tab_outer {
font-family:"Arial";
font-size:13px;
color:#214969;
background-color:#FFFFFF;
background-image: url(Images/curve_top_left.gif);
background-repeat:no-repeat;
background-position:left top;
}
.hometabmenu .ajax__tab_active .ajax__tab_inner {
font-family:"Arial";
font-size:13px;
color:#214969;
background-color:#FFFFFF;
background-image:  url(Images/curve_top_right.gif);
background-repeat:no-repeat;
background-position:right top;
}
.learnabout{
margin-top:20px;
top:130px;
height:126px;
list-style-image:url(Images/home_bullet1.png);
background-image: url(Images/tab_backgrnd.gif);
background-repeat:repeat-x;
}
.tabdiv{
position:absolute;
font-family:"Arial";
font-size:0.75em;
height:126px;
list-style-image:url(Images/home_bullet1.png);
list-style-type:none;
}
.tabdiv a:link,
.tabdiv a:visited
{
font-family:"Arial";
font-size:1em;
color:#666666;
text-decoration:none;
}
.tabdiv a:hover,
.tabdiv a:hover{
font-family:"Arial";
font-size:1em;
color:#0099CC;
text-decoration:none;
}
.opening a:link,
.opening a:visited{
font-family:"Arial";
font-size:0.7em;
color:#666666;
text-decoration:none;
}
.opening a:hover{
font-family:"Arial";
font-size:0.7em;
color:#0099CC;
text-decoration:none;
}
/*~~~~~~Careers page~~~~~~*/
#careerstwodivisons{
width:860px;
position:relative;
padding-left:20px;
padding-right:20px;
padding-top:20px;
background-color:#FFFFFF;
}
#careerssecdiv{
width:670px;
float:right;
}
#careersfstdiv{
width:220px;
float:left;
margin-left:0px;
position:absolute;
color:#113958;
font-family:"Arial";
}
.careersfstdiv a:link,
.careersfstdiv a:visited{
font-family:"Arial";
font-size:0.75em;
color:#113958;
text-decoration:none;
}
.careersfstdiv a:hover{
font-family:"Arial";
font-size:0.75em;
color:#339E35;
text-decoration:underline;
}
.TextIndicator_TextBox3{
background-color:Blue;
color:Yellow;
font-family:Arial;
font-size:small;
font-variant:small-caps;
padding: 2px 3px 2px 3px;     
}

/* Vertical Menu */

 .section-menu {
  float: left;
  width: 185px;
  font-family: Arial;
  font-size: 0.7em;
 }

 .section-menu .title {
  display: block;
  width: 185px;
  height: 35px;
  background-image: url("images/green-top-menu.png");
  margin-bottom: 1px;
 }

 .section-menu .title a.link {
  display: block;
  width: 171px;
  height: 35px;
  font-size: 18px;
  text-decoration: none;
  color: #0D3656;
  line-height:35px;
  padding-left: 10px;
 }

 .section-menu .title a.link:hover {
  color: #0D3656;
 }

 .section-menu .title .large_text {
  display: block;
  width: 171px;
  height: 35px;
  font-size: 18px;
  text-decoration: none;
  color: #0D3656;
  padding-top: 8px;
  padding-left: 10px;
 }

/* Primer nivel */

 .section-menu .nivel_1 {
  display: block;
 }

 .section-menu .nivel_1 .name_active {
  display: block;
  width: 180px;
  height: 23px;
  cursor: pointer;
  background: url("images/blue-lvl-1-bg.gif") repeat-x;
  margin-bottom: 1px;
  z-index:-1;
 }

 .section-menu .nivel_1 .name_active a:link{
  display: block;
  width: 156px;
  float:left;
  height: 23px;
  cursor: pointer;
  margin-bottom: 1px;
 }
  .section-menu .nivel_1 .name_active a:visited{
  display: block;
  width: 156px;
  float:left;
  height: 23px;
  cursor: pointer;
  margin-bottom: 1px;
 }
 
 /*.section-menu .nivel_1 .name_active .text {
  float: left;
  width: 156px;
  height: 19px;
  padding-top: 0px;
  color:#113958;
 }
 
 .section-menu .nivel_1 .name_active .text:hover {
  float: left;
  width: 156px;
  height: 19px;
  padding-top: 0px;
  color:#FFFFFF;
 }*/
 
 .section-menu .nivel_1 .name_active:hover {
  width: 180px;
  height: 23px;
  color: #FFFFFF;
  margin-bottom: 1px;
 }

 .section-menu .nivel_1 .name_inactive {
  display: block;
  width: 180px;
  height: 23px;
  background: transparent url("images/blue-lvl-1-bg.gif") repeat-x 100% 0%;
  margin-bottom: 1px;
 }

 .section-menu .nivel_1 .name_inactive .text {
  float: left;
  width: 170px;
  height: 19px;
  color: #FFFFFF;
  background: transparent url("images/drop-select.gif") no-repeat 100% 0%;
  background-position:right;
  padding-top: 4px;
  padding-left: 10px;
 }

 .section-menu .nivel_1 .name_inactive .text_large {
  float: left;
  width: 170px;
  height: 19px;
  color: #FFFFFF;
  background: transparent url("images/drop-select.gif") no-repeat 100% 0%;
  background-position:right;
  padding-top: 4px;
  padding-left: 10px;
 }

 .section-menu .nivel_1 .name_active .text {
  margin-top: 4px;
  margin-left: 10px;
 }

 .section-menu .nivel_1 .name_active .desplegable_active, .section-menu .nivel_1 .name_inactive .desplegable_active {
  margin-top :0px;
  position:relative;
  float:right;
  width: 16px;
  height: 23px;
  background: url("images/drop-lvl-1-on.gif") no-repeat 100% 0%;
  margin-bottom: 1px;
 }

 .section-menu .nivel_1 .name_active .desplegable_active:hover, .section-menu .nivel_1 .name_inactive .desplegable_active:hover {
  display: block;
  width: 16px;
  height: 23px;
  background: transparent url("images/drop-lvl-1-off.gif") repeat-x 100% 0%;
  margin-bottom: 1px;
 }

 /*.section-menu .nivel_1 .name_active .desplegable_active_on, .section-menu .nivel_1 .name_inactive .desplegable_active_on {
  display: block;
  width: 16px;
  height: 23px;
  background: transparent url("images/drop-lvl-1-off.gif") repeat-x 100% 0%;
  background-position:right;
  float: right;
  margin-bottom: 1px;
 }*/

 .section-menu .nivel_1 .name_active .desplegable_inactive, .section-menu .nivel_1 .name_inactive .desplegable_inactive {
  display: block;
  float: left;
  width: 16px;
  height: 23px;
  margin-bottom: 1px;
 }

 .section-menu .nivel_1 .name_active .link {
  background: transparent url("images/green-lvl-1.png") repeat-x 100% 0%;
  display: block;
  float: left;
  width: 166px;
  height: 23px;
  text-decoration: none;
  color: #FFFFFF;
 }

 .section-menu .nivel_1 .name_active .link_large {
  background: transparent url("images/green-lvl-1.png") repeat-x 100% 0%;
  display: block;
  float: left;
  width: 180px;
  height: 23px;
  text-decoration: none;
  color: #FFFFFF;
 }

 .section-menu .nivel_1 .name_active .link:hover, .section-menu .nivel_1 .name_active .link_large:hover {
  color: #FFFFFF;
 }


/* Segundo Nivel */

 .section-menu .nivel_1 .nivel_2 .name_active {
  background: #EEEEEE none repeat-x 100% 0%;
 }
 
 .section-menu .nivel_1 .nivel_2 .name_active .text {
  color:#000000;
 }
 .section-menu .nivel_1 .nivel_2 .name_active .text:hover {
  color:#0099CC;
 }
 
 .section-menu .nivel_1 .nivel_2 .name_active:hover {
  background: #EEEEEE none repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .name_inactive {
  width: 180px;
  background: #EEEEEE;
  background: transparent url("images/drop-select-orange.gif") no-repeat 100% 0%;
  background-position:right;
 }

 .section-menu .nivel_1 .nivel_2 .name_inactive .text {
  width: 157px;
  background: #EEEEEE;
  color: #58A618;
 }

 .section-menu .nivel_1 .nivel_2 .name_active .desplegable_active, .section-menu .nivel_2 .name_inactive .desplegable_active {
  background: transparent url("images/drop-lvl-2-on.png") repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .name_active .desplegable_active:hover, .section-menu .nivel_2 .name_inactive .desplegable_active:hover {
  background: transparent url("images/drop-lvl-2-off.png") repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .name_active .desplegable_active_on, .section-menu .nivel_2 .name_inactive .desplegable_active_on {
  background: transparent url("images/drop-lvl-2-off.png") repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .name_active .link {
  background: #EEEEEE;
  display: block;
  float: left;
  width: 166px;
  height: 23px;
  text-decoration: none;
  color: #000000;
 }

 .section-menu .nivel_1 .nivel_2 .name_active .link_large {
  background: #EEEEEE;
  display: block;
  float: left;
  width: 180px;
  height: 23px;
  text-decoration: none;
  color: #58A618;
 }

 .section-menu .nivel_1 .nivel_2 .name_active .link:hover,  .section-menu .nivel_1 .nivel_2 .name_active .link_large:hover {
  color: #58A618;
 }


/* Tecer nivel */

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active {
  background: #F8F8F8 none repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active:hover {
  background: #F8F8F8 none repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_inactive {
  background: #F8F8F8 none repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_inactive .text {
  background: #F8F8F8 none repeat-x 100% 0%;
  color: #58A618;
  text-indent: 5px;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active .desplegable_active, .section-menu .nivel_3 .name_inactive .desplegable_active {
  background: transparent url("images/white-tri.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active .desplegable_active:hover, .section-menu .nivel_3 .name_inactive .desplegable_active:hover {
  background: transparent url("images/white-tri.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active .desplegable_active_on, .section-menu .nivel_3 .name_inactive .desplegable_active_on {
  background: transparent url("images/white-tri-down.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active a.link {
  color: #000000;
  text-indent: 5px;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active .link_large {
  background: #F8F8F8;
  display: block;
  float: left;
  width: 180px;
  height: 23px;
  text-decoration: none;
  color: #9A9999;
  text-indent: 5px;
 }

 .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active a.link:hover, .section-menu .nivel_1 .nivel_2 .nivel_3 .name_active a.link_large:hover {
  color: #000000;
  text-indent: 5px;
 }

/* Cuarto nivel */

 .section-menu .nivel_4 .name_active {
  background: transparent url("images/gray-lvl-2.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_4 .name_active:hover {
  background: transparent url("images/gray-lvl-2-over.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_4 .name_inactive {
  background: transparent url("images/gray-lvl-2.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_4 .name_inactive .text {
  color: #8F8F8F;
  margin-top: 5px;
  margin-left: 10px;
  text-indent: 15px;
 }

 .section-menu .nivel_4 .name_active .desplegable_active, .section-menu .nivel_4 .name_inactive .desplegable_active {
  background: transparent url("images/white-tri.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_4 .name_active .desplegable_active:hover, .section-menu .nivel_4 .name_inactive .desplegable_active:hover {
  background: transparent url("images/yellow-tri.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_4 .name_active .desplegable_active_on, .section-menu .nivel_4 .name_inactive .desplegable_active_on {
  background: transparent url("images/white-tri-down.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_4 .name_active a.link {
  color: #000000;
  text-indent: 15px;
 }
 .section-menu .nivel_4 .name_active a.link:hover {
  color: #FFFFFF;
  text-indent: 15px;
 }

/* Quinto nivel */

 .section-menu .nivel_5 .name_active {
  background: transparent url("images/gray-lvl-3.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_5 .name_active:hover {
  background: transparent url("images/gray-lvl-3-over.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_5 .name_inactive {
  background: transparent url("images/gray-lvl-3.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_5 .name_inactive .text {
  color: #FFFFFF;
  margin-top: 5px;
  margin-left: 10px;
  text-indent: 20px;
 }

 .section-menu .nivel_5 .name_active .desplegable_active, .section-menu .nivel_5 .name_inactive .desplegable_active {
  background: transparent url("images/white-tri.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_5 .name_active .desplegable_active:hover, .section-menu .nivel_5 .name_inactive .desplegable_active:hover {
  background: transparent url("images/yellow-tri.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_5 .name_active .desplegable_active_on, .section-menu .nivel_5 .name_inactive .desplegable_active_on {
  background: transparent url("images/white-tri-down.gif") repeat-x 100% 0%;
 }

 .section-menu .nivel_5 .name_active a.link {
  color: #EEEEEE;
  text-indent: 20px;
 }
 .section-menu .nivel_5 .name_active a.link:hover {
  color: #0f7a04;
  text-indent: 20px;
 }

/* Inferior menu */

 .section-menu .bottom {
  display: block;
  float: left;
  width: 180px;
  height: 6px;
  background: transparent url("images/bottom_menu.png") no-repeat 100% 0%;
  margin-bottom: 20px;
 }