body {
   margin:0px;
   padding:0px;
   font-family:arial, verdana, helvetica, sans-serif;
   color:#000;
   }

img {border:0px;}

.skip_links {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  height: 0px;
  }

.arrow_List span { 
  color: #000; 
  }

#min_Height {
  float:right;
  width:1px;
  height: 580px;
}

#hp_Top_Flag {
  padding-right: 7px;
  vertical-align: middle;
}

#non_Languages {
  float: left;
}

#languages {
  float: right;
  padding-right: 7px;
  margin-top: 4px;
}

#other_Lang_Link {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 1px;
}

#hp_Top_Nav {
  margin: 0px 15px 0px;
  color: #FFF;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  vertical-align: bottom;
  font-weight: bold;
  min-width: 720px;
  voice-family: "\"}\"";
   voice-family:inherit;
   height:22px; /* the correct height */
}

#hp_Top_Nav a {
  color: #FFF;
  text-decoration: none;
  padding-right: 3px;
  padding-left: 3px;
}

#hp_Top_Nav a img{
  margin-left: -3px;
}
  
#header_HP {
   margin:0px 15px 0px;
   /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
   height:108px; /* 14px + 17px + 2px = 33px */
   line-height:11px;
  min-width: 720px;
   background-color:#FFF;

/* Hack for IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
   voice-family: "\"}\"";
   voice-family:inherit;
   height:108px; /* the correct height */
   }
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header_HP {height:108px;}
body>#hp_Top_Nav {
  height: 22px;
}

#header {
   margin:0px 15px 0px;
   /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
   height:83px; /* 14px + 17px + 2px = 33px */
   line-height:11px;
  min-width: 720px;
   background-color:#FFF;

/* IE5/Win hack */
   voice-family: "\"}\"";
   voice-family:inherit;
   height:83px; /* the correct height */
   }
/* ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {height:83px;}

#hp_Flag_Image {
  float: left;
}

#hp_Right_Flag {
  float: right;
  width: 138px;
}

#right_Flag {
  float: right;
  width: 83px;
}

div[id] #right_Flag {
  margin-right: 5px;
}

#hp_Phone {
  position: absolute;
  text-align: right;
  top: 30px;
  right: 153px;
  font-size: 0.7em;
  font-weight: bold;
} 

#hp_Phone a  {
  color: #013368;
}

#Phone {
  position: absolute;
  top: 75px;
  right: 199px;
  font-size: 0.7em;
  font-weight: bold;
} 

#Phone a  {
  color: #013368;
}

.small-text {
	font-size: .7em;
}

.med-text {
	font-size: .9em;
}

#small_Phone {
  font-size: 0.8em;
  color: #676566;
}

#main_Box {
  margin-right:15px;
  margin-top: 0px;
  padding-top: 10px;
  z-index: 20;
  margin-bottom: 0px;
  margin-left: 15px;
  height: 595px;
  background-color: #FFF;
  min-height: 595px;
  padding-bottom: 20px;
   }
  
div[class] #main_Box {
  height: auto;
}

#main_Box_DL {
  margin-right:15px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  height: 730px;
  background-color: #FFF;
  min-height: 730px;
  padding-bottom: 20px;
  /* voice-family: "\"}\"";
   voice-family:inherit;
  height:100%; */  /*the correct height */
   }
  

div[class] #main_Box_DL {
  height: auto;
}


/*
#main_Box {
   margin-right:31px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 31px;
  background-color: #FFF;
  height: 560px;
  min-height: 560px;
  padding-bottom: 20px;
  voice-family: "\"}\"";
   voice-family:inherit;
  height:auto;  
   }
  */
  
#search {
  position:absolute;
  top: 14px;
   left:47%;
   margin-top:10px;
   margin-left:-106px;
}

#search_Downlevel {
  position:absolute;
  top: 12px;
   right:40px;
   margin-top:10px;
   margin-left:-106px;
}

#search_Table {
  float: left;
  border: 1px solid red;
}

#search_Text {
   font-size: 0.6em;
   padding-top: 5px;
   margin-bottom: 0px;
}
#screener_DL {
  position:absolute;
  top: 28px;
   right:38px;
   margin-top:10px;
   margin-left:-106px;
}

#how_Td_left {
	min-height:50px;
	margin-bottom:5px;
}

#hp_Content {
   margin-right:235px;
  margin-bottom: 0px;
  margin-left: 8px;
  min-width: 200px;
  border: 1px solid white;
  height: auto;
  background-color: #FFF;
}

#hp_Content>p {/*margin:0px;*/}
  
#main_Audience {
  margin: 0px 15px 0px;
  color: #FFF;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-left: 27px;
  voice-family: "\"}\"";
   voice-family:inherit;
   height:29px; /* the correct height */
}
body>#main_Audience {
  height: 29px;
}

#sub_Main_Audience {
  margin: 0px 15px 0px;
  color: #FFF;
  font-family:arial, verdana, helvetica, sans-serif;
  border-bottom: 3px solid #A50000;
  font-size: 11px;
  font-weight: bold;
  padding-left: 27px;
  voice-family: "\"}\"";
   voice-family:inherit;
   height:29px; /* the correct height */
}
body>#sub_main_Audience {
  height: 29px;
}

#main_Audience img {
  padding-right: 3px;
}

#sub_Main_Audience img {
  padding-right: 3px;
}


#sub_Audience {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 35px;
  color: #FFF;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #990000;
  background-image: url(../../images/sub_Back.gif);
  background-repeat: repeat-x;
  vertical-align: middle;
  voice-family: "\"}\"";
   voice-family:inherit;
   height:29px; /* the correct height */
}
body>#sub_Audience {
  height: 29px;
}

#sub_Text {
  padding-top: 3px;
  margin-bottom:11px;
}

#sub_Text a {
  color: #FFF;
  padding-left: 5px;
  padding-right: 5px;
} 

#sub_Text a:hover {
  padding-bottom: 7px;
  padding-top: 1px;
  margin-left: -1px;
  margin-right: -1px;
  border-bottom: 4px solid #346699;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  background-image: url(../../images/tab_/images/english/white_arrow.gif);
  background-position: 50% 80%;
  background-repeat: no-repeat;
}

#sub_Text_Selected{
  padding-bottom: 7px;
  padding-top: 1px;
  margin-left: -1px;
  margin-right: -1px;
  border-bottom: 4px solid #346699;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  background-image: url(../images/tab_/images/english/white_arrow.gif);
  background-position: 50% 80%;
  background-repeat: no-repeat;
}

div[id] #sub_Text a:hover {
  top: 0px;
  background-position: 50% 80%;
}

#hp_Right {
   position:absolute;
   top:183px;
   right:18px;
   width:213px;
   padding:10px;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:213px;
   }
/* Again, "be nice to Opera 5". */

body>#hp_Right {width:213px;}

/* This section for nav and content on 2nd tier pages */
#content TABLE {width:99%;}
/* All the content boxes belong to the content class. */
#content {
   /* position:relative; */ /* Position is declared "relative" to gain control of stacking order (z-index). */
   width:auto;
   min-width:120px;
   margin-right:251px;
   margin-bottom: 0px;
   margin-left: 125px;
   /* margin:0px 210px 20px 170px; */

   padding:10px;
   z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
   }
#content #aligner   {
	float:left;

}

#right_Nav {
   position:absolute;
   top:130px;
   right:18px;
   width:213px;
   padding:10px;
   z-index:1;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:213px;
   }
/* Again, "be nice to Opera 5". */
body>#right_Nav {width:213px;}

/* RIGHTNAVCHANGES for links */
#right_Nav p,#hp_Right p {
  margin-left: 5px;
  font-size: 0.75em;
}


/* End 2nd tier styles for content and nav */

#bottom_Nav {
  margin: 0px 15px 0px;
  vertical-align: bottom;
  clear: both;
  text-align: center;
  color: #FFF;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-top: 5px;
  voice-family: "\"}\"";
   voice-family:inherit;
   height:22px; /* the correct height */
}
body>#bottom_Nav {
  height: 22px;
}

#bottom_Nav a {
  color: #FFF;
  text-decoration: none;
  padding-left: 6px;
  padding-right: 6px;
}

#footer {
  margin: 0px 15px 0px;
  color: #FFF;
  font-family:arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  border-bottom: 20px solid #003466;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:138px; /* the correct height */
}
body>#footer {
  height: 138px;
}

#footer_Content {
   padding-top: 20px;
   padding-left: 13px;
   float: left;
}

#seal {
   margin-left: 15px;
   margin-top: 20px;
   float: left;
} 

#combo_Logo {
   float: left;
   padding-left: 15px;
   margin-top: 13px;
}

#combo_Logo_hp {
   float: left;
   padding-left: 25px;
   margin-top: 13px;
}

#dotted_Line {
   margin-left: 10px;
   margin-top: 18px;
   float: left;
}

h1 {
  font-size: 1.2em;
  color: #AF1805;
  margin-left: 5px;
  margin-top: 8px;
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.hp_Table h1 {	margin-left:0px;}
TABLE.hp_Table TR TD H1 {padding-left:3px;}
h2 {
  font-size: 1.0em;
  color: #AF1805;
  margin-left: 5px;
  margin-top: 8px;
  margin-bottom: 10px;
  padding-bottom: 0px;
}

h3 {
  margin-left: 5px;
  font-size: .85em;
  margin-top:-10px;
}

.hp_Table {
  margin-left: 5px;
  margin-top : -15px;
  font-size:.8em;
}

h4 {
  font-size: 1em;
  margin-bottom: 0px;
  margin-top: 0px;
}

h4 a {
  color: #10469E;
}

td {
  vertical-align: top;
}

.top_P {
  margin-top: 0px;
  padding-top: 0px;
}

#text_Size {
  font-size: 0.8em;
  margin-top: 0px;
  text-align: center;
  margin-left: -26px;
}

#mid {
  color: #15449C;
  font-size: 1.3em;
}

#large {
  color: #15449C;
  font-size: 1.5em;
}

#util {
  border-top: 2px solid #013366;
  border-bottom: 1px solid #013366;
  margin-top: 5px;
}

#util ul {
  margin-top: 0px;
  border-top: 0px;
  margin-bottom: 4px;   
}

#util ul li {
  list-style-image:url(../../images/page_Functions_Bullet.gif);
  margin-left: -20px;
}

#util ul li a {
  color: #15449C;
  font-size: 0.8em;
}

.news_On {
  background-color: #f1f1f1;
}

.news_Off {
  background-color: #FFF;
}

#hp_Right_Box {
  margin-top: 30px;
  width: 213px;
  border-bottom: 3px solid #8B8B8B;
}

#hp_Right_Box2 {
  margin-top: 20px;
  width: 213px;
  border-bottom: 3px solid #8B8B8B;
}
.hp_Right_Box { 
  margin-top: 30px; 
  width: 213px; 
  border-bottom: 3px solid #8B8B8B; 
} 

.hp_Right_Box2 { 
  margin-top: 20px; 
  width: 213px; 
  border-bottom: 3px solid #8B8B8B; 
} 
.news_On td {
  font-size: 11px;
  line-height: 1.2em;
  vertical-align: middle;
  border-bottom: 1px dotted #AFAFAF;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 4px;
}

.news_Off td {
  font-size: 11px;
  line-height: 1.2em;
  vertical-align: middle;
  border-bottom: 1px dotted #AFAFAF;
  padding-left: 4px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.news_Left {
  border-left: 1px solid #8B8B8B;
}

.news_Text {
  border-right: 1px solid #8B8B8B;
}

.black_headline {
  font-size: 0.10em;
  font-weight:bold
}

.more_News td {
  padding-bottom: 5px;
  padding-top: 4px;
  text-align: right;
  border-right: 1px solid #8B8B8B;
  color: #12459E;
  font-size:11px;
  border-left: 1px solid #8B8B8B;
}

.government_Text td {
  border-right: 1px solid #8B8B8B;
  background-color: #f1f1f1;
  border-left: 1px solid #8B8B8B;
  padding-right:10px;
}

.government_Text td ul {
  margin-top: 10px;
}
.government_Text td p { 
	font-size:12px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.government_Text td ul li {
  list-style-image:url(../../images/arrow_Red_content.gif);
  padding-bottom: 5px;
  font-size:12px;
  margin-left: -20px;
}
.government_Text td ul li span {
	font-size:.9em;
	}
#last_Updated {
  margin-top: -50px;
  float: right;
  padding-right: 28px;
  font-size: 11px;
}
  
  #left_Nav {
   float: left;
   width:126px;
   margin-top:10px;
   margin-left:0px;
	
/* IE5/Win hack The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:126px;
   }
/* ALWAYS include a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#left_Nav {width:126px;}
      

/* left navigation */
.left_Nav_Box {
   padding-bottom: 5px;
}

.nav_TD {
   padding-left: 6px;
   padding-top: 3px;
   padding-bottom: 3px;
   font-size:11px;
}

.left_Nav_Title {
   background-color: #FFFFFF;
   color: #A50000;
   font-size: 14px;
   padding-left: 11px;
   padding-bottom: 3px;
}

.spacer {
   height: 1px;
   background-color: #B9D3E6;
}

.left_Nav_Side {
   background-color: #B9D3E6;
   width: 8px;
}

.left_Nav_Side_Selected {
   background-color: #B9D3E6;
   vertical-align: top;
}

.left_Nav_Link {
   color: #0C3263;
   font-size: 11px;
}

.left_Nav_Selected {

}

.left_Nav_Table {
   background-color: #f1f1f1;
   width: 126px;
   margin-top: 2px;
}

.more_Topics {
   text-align: right;
   padding-right: 8px;
   color: #0C3263;
}

.nav_TD a:link {
   text-decoration: none;
   color: #0C3263;
}

.nav_TD a:active {
   text-decoration: none;
}

.nav_TD a:visited {
   text-decoration: none;
   color: #0C3263;
}

.nav_TD a:hover {
   text-decoration: underline;
}

.more_Topics a:link {
   text-decoration: none;
}

.more_Topics a:active {
   text-decoration: none;
}

.more_Topics a:visited {
   text-decoration: none;
}

.more_Topics a:hover {
   text-decoration: underline;
}

.left_Nav_Row {
   padding-bottom: 3px;
   padding-top: 3px;
}

.left_Nav_Row_Selected {
   padding-bottom: 3px;
   padding-top: 3px;
   background-color: #B9D3E6;
}

.left_Nav_Row_Selected #nav_TD {

}
/* end left navigation */

#english_Toggle {
  margin-top: 3px;
}

.DL_Right_Box {
  margin-top: 30px;
  width: 213px;
  border-bottom: 3px solid #8B8B8B;
}

.DL_Right_Box2 {
  margin-top: 20px;
  width: 213px;
  border-bottom: 3px solid #8B8B8B;
}

.DL_Right_Box_Text {
  font-size: 13px;
  background-color: #f1f1f1;
  border-right: 1px solid #8B8B8B;
}

div[id] .DL_Right_Box_Text{
  margin-left: -3px;
}

.DL_Right_Box_Text td {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-right: 1px solid #8B8B8B;
  border-left: 1px solid #8B8B8B;
}

.DL_Right_Box_Text td ul {
  padding-left: 0px;
  margin-left: 4px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
}

.DL_Right_Box_Text td ul li {
  list-style-image:url(../../images/arrow_Red_content.gif);
  padding-bottom: 5px;
}

#bread {
  margin-left: 5px;
  font-size: 0.7em;
  color: #666666;
}

#content p,#hp_Content p {
  margin-left: 5px;
  font-size: 0.75em
}
a:link {
  color: #1445A1;
}
a:active {
  color: #1445A1;
}

#alpha {
  font-size: 0.76em;
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.alpha {
  margin-top: -10px;
}

.alpha_Group {
  margin-top: 10px;
}

#alpha_Highlight {
  background-color: #C9BC9A;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.add_Center {
  margin-left: 5px;
  margin-bottom:15px;
}

.add_Center_TD {
  background-image: url(../../images/add_Center_back.gif);
  background-repeat: repeat-x;
  border-right: 1px solid #BBD9F1;
}

.add_Center_TD h4 {
  color: #A10005;
  margin-top: 3px;
  margin-left: 5px;
  font-size:1em;
}

.add_Center_Body {
  border-right: 1px solid #BBD9F1;
  border-left: 1px solid #BBD9F1;
  padding-left: 14px;
  padding-top: 5px;
  
}

.add_Center_Body p{
  margin-bottom:0px;
}

.add_Center_Bottom {
  background-color: #F3F8FC;
  border-right: 1px solid #BBD9F1;
  border-left: 1px solid #BBD9F1;
  border-right: 1px solid #BBD9F1;
  border-bottom: 3px solid #7F9FB4;
  text-align: right;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 15px;
  font-size: 0.7em;
}

.add_Image {
  font-size:.8em;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  padding-bottom: 10px;
  text-align: center;
  margin-top: 5px;
}

.add_Right_Header {
  background-image: url(../../images/right_Tab.gif);
  background-repeat: no-repeat;
  background-color: #790202;
  color: #FFF;
  font-weight: bold;
}

.add_Right_Header h4 {
  margin-left: 13px;
  margin-top: 3px;
  padding-right: 5px;
  font-size:12px;
}

.DL_Right_Box_Text td .add_Image{
  margin-left: 5px;
  font-size:.9em;
}

#add_Right_More {
  float: right;
  margin-right: 5px;
}

.narrative_H3 {
  /*
  color: #336699;
  font-size: 0.9em;
  margin-top: -10px;
  margin-left: 5px;
  margin-bottom: 25px;
  */
  display:none;
}

.narrative_H2 {
  margin-top: -10px;
  margin-left: 7px;
  margin-bottom: 22px;
  color: #000000;
  font-size: 0.75em;
  font-weight: normal;
}

.narrative_H4 {
  font-size: 0.9em;
  margin-left: 5px;
  padding-bottom: 0px;
  margin-top: -15px;
}

#emergency_Box {
  margin-top: 0px;
  padding-bottom: 12px;
}

#emergency_Header {
  background-image: url(../../images/emergency_Corner.gif);
  background-repeat: no-repeat;
  background-color: #BF5627;
  padding-top: 3px;
  padding-bottom: 3px;
}

#emergency_Header H4 {
  color: #FFF;
  margin-left: 20px;
  font-size:.8em;
  font-weight:bold;
}  

#emergency_Content {
  background-image: url(../../images/emergency_Body.gif);
  background-repeat: repeat-x;
  border-left: 2px solid #BF5629;
  border-bottom: 6px solid #A50000;
  padding-bottom: 0px;
  font-size:.7em;
  min-height:52px;
}

div[id] #emergency_Content {
  padding-bottom: 6px;
}

#emergency_Content Table tr td li {
  bottom-padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: -10px;
  list-style-type:square;
  color:#990000;
}  

#emergency_Content ul{
  margin-bottom: 4px;
  margin-top: 3px;
}  

.emergency_Photo {
  border-right: 2px solid #BF5629;
  border-top: 2px solid #BF5629;
  border-bottom: 6px solid #A50000;
}

.emergency_TD {
  background-image: url(../../images/emergency_How_Body.gif);
  background-repeat: repeat-y;
  background-color: #EAF4FD;
}

#emergency_How_Td {
  font-size: .8em;
  voice-family: "\"}\"";
  voice-family:inherit;
}

#emergency_How_Td li{
  margin-top: 2px;
  margin-left: -20px;
  margin-bottom: 2px;
  list-style-type:square;
  color:#990000;
  font-size:1.1em;
}

#emergency_How_More,#emergency_How_More a{
  font-size: 0.82em;
  font-weight:bold;
  color: #990000;
}

#emergency_How_More{
  padding-top:5px;
  padding-bottom:3px;
  font-weight:bold;
  color: #990000;
}

#featured_Sites Table tr td ul li {
  font-size: 1em;
  padding-bottom: 3px;
  margin-bottom: -9px;
  margin-top: 8px;
  margin-left: -25px;
  margin-right: 10px;
  list-style-type:square;
  color:#990000;
}  

#sub_Right {
   position:absolute;
   top:155px;
   right:35px;
   width:213px;
   padding:10px;
   z-index:1;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:213px;
   }
/* Again, "be nice to Opera 5". */
body>#sub_Right {width:213px;}

.arrow_List ul {
   font-size: 0.8em;
}

td .arrow_List ul {
   margin-top: 0px;
   font-size: 0.9em;
}

.arrow_List li {
   padding-bottom: 8px;
   list-style-type:square;
   color:#990000;
}

.arrow_List li a {
 
   padding-top: 0px;
}

td .arrow_List_td ul {
   margin-top: 0px;
}

.arrow_List_td li {
   padding-bottom: 8px;
   list-style-type:square;
   color:#990000;
}

.arrow_List_td li a {
   font-size: .9em;
   padding-top: 0px;
}

#arrow_Red_2Lines {
   margin-left: 4px;
   margin-top: -1px;
}

#english_Toggle {
  margin-top: 10px;
}

#how_Td ul li {
  list-style-type:square;
  color:#990000;
}

#how_Td_left ul li {
  list-style-type:square;
  color:#990000;
}

#how_Td table tr td ul li {
  font-size: 0.95em;
}

#how_Td table tr td ul {
  margin-top: 0px;
}

#gateway_Right {
   position:absolute;
   top:138px;
   right:18px;
   width:213px;
   padding:10px;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:213px;
   }
/* Again, "be nice to Opera 5". */
body>#gateway_Right {width:213px;}

#gateway_Sub_Right {
   position:absolute;
   top:157px;
   right:18px;
   width:213px;
   padding:10px;
/* Again, the ugly brilliant hack. */
   voice-family: "\"}\"";
   voice-family:inherit;
   width:213px;
   }
/* Again, "be nice to Opera 5". */
body>#gateway_Sub_Right {width:213px;}

#search_Highlight {
   background-color: #B9D3E6;
   text-decoration: none;
   padding: 1px;
   padding-bottom:3px;
}

.a_z_List {
   font-size: 0.70em;
   padding-left: 5px;
}

.a_z_List_selected{
   font-weight:bold;
   padding-left:2px;
   padding-right:2px;
}

#a_z_Section {
   margin-top: 15px;
}

#a_z_Section b {
   margin-left: 5px;
   font-size: 0.8em;
}

#a_z_Section ul {
   list-style: none;
   margin-top: 0px;
   font-size: 0.8em;
}

#a_z_Section li {
   list-style-type:square;
   color:#990000;
   padding-bottom:4px;
   line-height: 1.4em;
}

#how_Td ul {
  margin-top: 6px;
}

#how_Td_left ul {
  margin-top: 11px;
  margin-bottom: 0px;
}

#how_Td ul li {
  font-size: 0.80em;
  margin-left: -20px;
  padding-left: 0px;
  padding-bottom: 0px;
}

#how_Td_left ul li {
  font-size: 0.80em;
  margin-left: -20px;
  padding-left: 0px;
  padding-bottom: 0px;
}

#how_Td_left ul li a,#how_Td ul li a{ font-size:.85em;}

#how_More, #how_More A {
  font-size: 0.82em;
  font-weight:bold;
  margin-top: -15px;
  text-align: left;
  margin-left: 10px;
  color: #990000;
}

#cars {
  font-size: 0.8em;
}

.body_Table {
  font-size: 1em;
  margin-bottom: 20px;
}


/* testing purposes only */

#sub_Nav_Item {
  color: #FFF;
  position: absolute;
  top: 400px;
  left: 400px;
}

#sub_Nav_Item a {
  color: #FFF;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  voice-family: "\"}\"";
   voice-family:inherit;
  height:30px;  /*the correct height */
}

#sub_Nav_Item a:hover {
  color: #FFF;
  border: 1px dashed white;
  position: relative;
  top: -1px;
  left: -1px;
  border-bottom: 4px solid #ffff33;
  background-image: url(../../images/arrow_Red.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}

/* to allow mozilla to have the menu item stay in place. IE does not see this code */
div[id] #sub_Nav_Item a:hover{
  top: 0px;
}

#how_Title {
   height: 46px;
   width: 166px;
voice-family: "\"}\"";
   voice-family:inherit;
  height:30px;  /*the correct height */
}

div[id] #how_Td_left {
  margin-top: 6px;
  padding-top: 10px;
}

div[id] #emergency_How_Td table tr td ul{
  margin-top: 3px;
}
A.seltab {color:#fff;}

/* Styles for search box */ 
A.search_on_tab{ 
        COLOR: black; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px;
}
A.search_on_tab:visited{ 
        COLOR: black; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px;
}
A.search_on_tab:active{ 
        COLOR: black; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px;
}
A.search_off_tab { 
        COLOR: #1445A1; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px; 
} 
A.search_off_tab:visited { 
        COLOR: #1445A1; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px; 
} 
A.search_hover_tab { 
        COLOR: #1445A1; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px; 
}
A.search_hover_tab:visited { 
        COLOR: #1445A1; font-size: 110%; font-weight: normal; TEXT-DECORATION: none; padding-top: 1px; padding-left: 0px; padding-right: 0px; PADDING-BOTTOM: 3px; 
}
select.search_option { 
        FONT-SIZE: 9px; 
} 

.hp_Table H1 {font-size: 1.5em;} 

.right_Div_Text {font-size:0.8em;}

.right_Div_Space {margin-top:1em;}

.backToTop{
      text-align:right;
      font-size:.8em;
   }

   .backToTop a:link
   {
      color:#990000;
      text-decoration:none;
   }

   .backToTop a:visited
   {
      color:#990000;
      text-decoration:none;
   }

   .backToTop a:hover
   {
      color:#990000;
      text-decoration:underline;
   }
   
.hidden
{
	visibility:hidden;
}

#content ul {
  font-size: 0.8em;
  padding-bottom: 10px;
}

.fontblack80arial
{
  font-size: 0.8em;
}


#content ol
{
  font-size: 0.8em;
  padding-bottom: 10px;
}

.FontRequired
{
	color:#aa0000;
}
.FontFormError {
	FONT-WEIGHT: bold; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

#featured_Sites Table tr td p {
   font-size: 0.75em;
   padding-bottom: 3px;
   margin-top: 8px;
   margin-bottom: 10px;
   margin-right: 10px;
   color:#990000;
   line-height: 150%
 }
 
 /* begin Gadget Style Section */

.gadget-box-small {
	MARGIN-BOTTOM: 15px; MARGIN-LEFT: 0px; margin-right: 15px; min-width: 100px; width:auto; 
}

.gadget-box-large {
	MARGIN-BOTTOM: 15px; MARGIN-LEFT: 0px;
}

.gadget-box-area {
	BORDER-RIGHT: #bbd9f1 1px solid; BACKGROUND-IMAGE: url(../../images/add_Center_back.gif); BACKGROUND-REPEAT: repeat-x; }

.gadget-box-area h2 {
	MARGIN-TOP: 3px; FONT-SIZE: .689em; MARGIN-LEFT: 5px; COLOR: #a10005; margin-bottom: 0px;
}

.gadget-box-body {
	BORDER-RIGHT: #bbd9f1 1px solid; BORDER-LEFT: #bbd9f1 1px solid; PADDING-TOP: 15px; text-align: center; padding-bottom: 10px;
}

.gadget-box-bottom {
	BORDER-RIGHT: #bbd9f1 1px solid; PADDING-RIGHT: 15px; FONT-SIZE: 0.7em; PADDING-BOTTOM: 2px; BORDER-LEFT: #bbd9f1 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9fb4 3px solid; BACKGROUND-COLOR: #f3f8fc; TEXT-ALIGN: right
}

/* end Gadget Style Section */


 /* begin skip content code for widgets */
 
  #skip-widget a, #skip-widget a:hover, #skip-widget a:visited {
position:absolute;
left:-2500px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#skip-widget a:active, #skip-widget a:focus {
text-decoration: underline;
font-size: 1.4em;
position: static;
width: auto;
height: auto;
color: #fff;
background: #003466;
}

#skip-wide-widget a, #skip-wide-widget a:hover, #skip-wide-widget a:visited {
position:absolute;
left:-2500px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#skip-wide-widget a:active, #skip-wide-widget a:focus {
text-decoration: underline;
font-size: 1.4em;
position: static;
padding: 5px;
width: 100%;
height: 100px;
color: #fff;
background: #003466;
}

.empty { margin-bottom: -46px;
}

.empty2 { margin-bottom: 0px;
}
 
 
 /* end skip content code for widgets */
 
 
 /* begin wordle style */
 #tywanda {margin-top: 0px; font-size: 0.8em;}
 .second_one {margin-top: -610px; margin-left: 200px; }
 /* end wordle style */


/* begin Tag Cloud Block style */

#CloudContent {

	width: 100%;
	float: left;
	border-width: 0;
	clear: both;
	background: #f7f4e1;
	border-top: 2px dotted #9a0000;
	border-bottom: 2px solid #808064;
	margin-bottom: 30px;
}

#tagCloud ul {
	
	list-style-type: none;
	margin-left: 15px;
}


#tagCloud ul li {

	
	white-space: normal;
	display: inline;
	padding-left: 10px;
	line-height: 35px;	
}

#tagCloud_Contents li a{
	padding: 4px;

}

#tagCloud li a:hover{
	background: #9a0000;
	color:#ffffff;
}

.Ranking_1 {
	font-size:9px; 	
}

.Ranking_2 {
	font-size:13px;	
}

.Ranking_3 {
	font-size:17px; 
}

.Ranking_4 {
	font-size:21px; 
}

.Ranking_5 {
	font-size:25px;
	font-weight: bold; 
}

#contentarea {

  	width: 100%;
	Float: left;
	border-width: 0;
	clear: both;
}  

#colA {
	
 	float: left;
 	border: 0px;
  	background-color: #FFFFFF;
}
#colB {
	
  	float: left;
	margin-left: 30px;
  	border: 0px;
  	background-color: #FFFFFF;
}
#colC {
	
  	margin-left: 30px;
	float: left;
 	border: 0px;
  	background-color: #FFFFFF;
}

/* end Tag Cloud Listed style */


/* begin Get Connected style */

.connected-top {background-image: url(../../images/top_bar.gif);}
.connected-bottom {background-image: url(../../images/newbottom_bar.gif);}
.connected-spbottom {background-image: url(../../images/gobierno_bottom_bar.gif);}
span.connected-title {font-weight: bold; font-size: 12px; font-family: arial, verdana, helvetica, sans-serif; color: #ffffff; margin-left: 10px; margin-top: 5px;}
A.connected-more {text-decoration: underline; color: #1445A1; margin-left: 156px; font-size: 12px; margin-top:2px;}

/* end Get Connected style */

/* Begin temporary styles for July 4, 2009 eCard/Slide Show */
				.card {width:400px; padding:25px; margin: 20px auto; }
				.english_card {border: 1px solid #036; border-bottom: 3px solid #036; }
				.spanish_card {border: 1px solid #808064; border-bottom: 3px solid #808064; background: #f7f4e1}
				.card_credits {font-size: 80%; color: #333;}
				p.card_small {font-size: 80%;}
				p.card_caption {font-size: 80%; color: #333; margin:0;}

				a.card_button {
					background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
					text-decoration: none;
					color: #00F;
					margin: 20px auto;
					display: block;
					font-size: 80%;
					font-weight: bold;
					border: 1px solid #AAA;
					background-color: #EEE;
					width:150px;
					padding: 10px;
					text-align: center;
					-webkit-box-shadow: 0px 3px 5px #ccc;
				}

				a.card_button:hover {
					-webkit-box-shadow: 0px 2px 4px #bbb;
					text-decoration: underline;
					}

				a.card_button:active {
					-webkit-box-shadow: 0px 1px 2px #666;
				}

				ul.card_share-links {
					list-style-type: none;
					text-align: center;
					padding:0;
					margin: 0 auto; }

				ul.card_share-links li {
					margin:0 5px 20px 5px;
					padding:0;
					float: left; }

				ul.card_share-links li a {
					text-decoration: none;
					font-size: 11px;
					display: block;
					width: 59px;
					padding: 38px 4px 4px 4px;
					border: 1px solid #fff; }

				ul.card_share-links a:hover {
					-webkit-box-shadow: 0px 2px 4px #bbb;
					text-decoration: underline;
					border: 1px solid #bbb; }

				ul.card_share-links li.delicious {
					background: url('../../images/070409_card/delicious_a_32x32.png') no-repeat center 5px;
				}                          


				ul.card_share-links li.digg {       
					background: url('../../images/070409_card/digg_a_32x32.png') no-repeat center 5px;
				}                           

				ul.card_share-links li.stumbleupon { 
					background: url('../../images/070409_card/stumbleupon_a_32x32.png') no-repeat center 5px;
				}                           

				ul.card_share-links li.facebook {    
					background: url('../../images/070409_card/facebook_a_32x32.png') no-repeat center 5px;
				}

				ul.card_share-links li.twitter {    
					background: url('../../images/070409_card/twitter_a_32x32.png') no-repeat center 5px;
				}

				hr.card_hr {clear:both; 
					background: #bbb;
					border: 0px;
					height: 1px;}

	
					/**
					Stylesheet: Slideshow.css
						CSS for Slideshow.

					License:
						MIT-style license.

					Copyright:
						Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).

					HTML:
						<div class="slideshow">
							<div class="slideshow-images" />
							<div class="slideshow-captions" />
							<div class="slideshow-controller" />
							<div class="slideshow-loader" />
							<div class="slideshow-thumbnails" />
						</div>

					Notes:
						These next four rules are set by the Slideshow script.
						You can override any of them with the !important keyword but the slideshow probably will not work as intended.
					*/

					.slideshow {
						display: block;
						position: relative;
						z-index: 0;
					}
					.slideshow-images {
						display: block;
						overflow: hidden;
						position: relative;
					}		
					.slideshow-images img {
						display: block;
						position: absolute;
						z-index: 1;
					}		
					.slideshow-thumbnails {
						overflow: hidden;
					}

					/**
					HTML:
						<div class="slideshow-images">
							<img />
							<img />
						</div>

					Notes:
						The images div is where the slides are shown.
						Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
					*/

					.slideshow-images {
						height: 300px;
						width: 400px;
					}		
					.slideshow-images-visible { 
						opacity: 1;
					}	
					.slideshow-images-prev { 
						opacity: 0; 
					}
					.slideshow-images-next { 
						opacity: 0; 
					}
					.slideshow-images img {
						float: left;
						left: 0;
						top: 0;
					}	

					/**
					Notes:
						These are examples of user-defined styles.
						Customize these classes to your usage of Slideshow.
					*/

					.slideshow {
						height: 300px;
						margin: 0 auto;
						width: 400px;
					}
					.slideshow a img {
						border: 0;
					}

					/**
					HTML:
						<div class="slideshow-captions">
							...
						</div>

					Notes:
						Customize the hidden / visible classes to affect the captions animation.
					*/

					.slideshow-captions {
						background: #000;
						bottom: 0;
						color: #FFF;
						font: normal 12px/22px Arial, sans-serif;
						left: 0;
						overflow: hidden;
						position: absolute;
						text-indent: 10px;
						width: 100%;
						z-index: 10000;
					}

					.slideshow-captions a {
						color:#FFF;
						text-decoration: underline;
					}
					.slideshow-captions-hidden {
						height: 0;
						opacity: 0;
					}
					.slideshow-captions-visible {
						height: 22px;
						opacity: .7;
					}

					/**
					HTML:
						<div class="slideshow-controller">
							<ul>
								<li class="first"><a /></li>
								<li class="prev"><a /></li>
								<li class="pause play"><a /></li>
								<li class="next"><a /></li>
								<li class="last"><a /></li>
							</ul>
						</div>

					Notes:
						Customize the hidden / visible classes to affect the controller animation.
					*/

					.slideshow-controller {
						background: url(../../images/070409_card/controller.png) no-repeat;
						height: 42px;
						left: 50%;
						margin: -21px 0 0 -119px;
						overflow: hidden;
						position: absolute;
						top: 50%;
						width: 238px;
						z-index: 10000;
					}
					.slideshow-controller * {
						margin: 0;
						padding: 0;
					}
					.slideshow-controller-hidden { 
						opacity: 0;
					}
					.slideshow-controller-visible {
						opacity: 1;
					}
					.slideshow-controller a {
						cursor: pointer;
						display: block;
						height: 18px;
						overflow: hidden;
						position: absolute;
						top: 12px;
					}
					.slideshow-controller a.active {
						background-position: 0 18px;
					}
					.slideshow-controller li {
						list-style: none;
					}
					.slideshow-controller li.first a {
						background-image: url(../../images/070409_card/controller-first.gif);
						left: 33px;
						width: 19px;
					}
					.slideshow-controller li.last a {
						background-image: url(../../images/070409_card/controller-last.gif);
						left: 186px;
						width: 19px;
					}
					.slideshow-controller li.next a {
						background-image: url(../../images/070409_card/controller-next.gif);
						left: 145px;
						width: 28px;
					}
					.slideshow-controller li.pause a {
						background-image: url(../../images/070409_card/controller-pause.gif);
						left: 109px;
						width: 20px;
					}
					.slideshow-controller li.play a {
						background-position: 20px 0;
					}
					.slideshow-controller li.play a.active {
						background-position: 20px 18px;
					}
					.slideshow-controller li.prev a {
						background-image: url(../../images/070409_card/controller-prev.gif);
						left: 65px;
						width: 28px;
					}

					/**
					HTML:
						<div class="slideshow-loader" />

					Notes:
						Customize the hidden / visible classes to affect the loader animation.
					*/

					.slideshow-loader {
						height: 28px;
						right: 0;
						position: absolute;
						top: 0;
						width: 28px;
						z-index: 10001;
					}
					.slideshow-loader-hidden {
						opacity: 0;
					}
					.slideshow-loader-visible {
						opacity: 1;
					}

					/**
					HTML:
						<div class="slideshow-thumbnails">
							<ul>
								<li><a class="slideshow-thumbnails-active" /></li>
								<li><a class="slideshow-thumbnails-inactive" /></li>
								...
								<li><a class="slideshow-thumbnails-inactive" /></li>
							</ul>
						</div>

					Notes:
						Customize the active / inactive classes to affect the thumbnails animation.
						Use the !important keyword to override FX without affecting performance.
					*/

					.slideshow-thumbnails {
						bottom: -65px;
						height: 65px;
						left: 0;
						position: absolute;
						width: 100%;
					}
					.slideshow-thumbnails * {
						margin: 0;
						padding: 0;
					}
					.slideshow-thumbnails ul {
						height: 65px;
						left: 0;
						position: absolute;
						top: 0;
						width: 10000px;
					}
					.slideshow-thumbnails li {
						float: left;
						list-style: none;
						margin: 5px 5px 5px 0;
						position: relative;
					}
					.slideshow-thumbnails a {
						display: block;
						float: left;
						padding: 5px;
						position: relative; 
					}
					.slideshow-thumbnails a:hover {
						background-color: #FF9 !important;
						opacity: 1 !important;
					}
					.slideshow-thumbnails img {
						display: block;
					}
					.slideshow-thumbnails-active {
						background-color: #9FF;
						opacity: 1;
					}
					.slideshow-thumbnails-inactive {
						background-color: #FFF;
						opacity: .5;
					}

/* End temporary styles for July 4, 2009 eCard/Slide Show */

/* styles for new box; Angela edited */
#topBlueBackground{
	width: 213px;
	height: 24px;
	background-image:url(../../images/top_blue_bg.gif);
	background-repeat: no-repeat;
	color: #FFF;
	padding-top: 4px;
	padding-left: 13px;
	font-size: 12px;
}

/* 	font-size: .75em; */

#boxborder{
	width: 199px;
	border-bottom: 1px solid #e5e5e5;
	border-left: 0px;
	border-right: 1px solid #e5e5e5;
	border-top: 0px;
	padding-left: 13px;
	background-image:url(../../images/box_bg.gif);
	background-repeat:repeat-y;
	margin-top: -4px;
	margin-bottom: 20px;
}

.dots {
  	margin-bottom: 0px;
	float: right;
	margin-top: 4px;
}

.box-Text ul {
  	margin-top: 0px;
  	margin-bottom: -0px;
}

.box-Text ul li {
  	list-style-image:url(../../images/half_red_arrow.gif);
  	vertical-align: text-middle;
	margin-top: 0px;
  	margin-left: -30px;
  	margin-bottom: 6px;
  	padding-top: 2px;
  	font-size: .8em;
}
/* end of styles for new box */

/* styles for new flag box */
#flagboxTop{
	width: 213px;
	height: 27px;
	background-image:url(../../images/flag_top_bar.gif);
	background-color: #FFF;
	background-repeat: no-repeat;
	padding-left: 0px;
	color: white;
	font-weight: bold;
	margin-top: 20px;
	padding-top: 1px;
	font-size: 1em;
}

#flagboxContent{
	width: 213px;
	height: 146px;
	background-image:url(../../images/content.jpg);
	background-repeat: no-repeat;
	padding-top: -10px;
	margin-bottom: -17px;
}

.flagbox ul {
  	margin-top: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.flagbox ul li {
  	list-style-image:url(../../images/arrow_Red_content.gif);
  	margin-top: 0px;
	font-size: 12px;
  	margin-left: -15px;	
	margin-bottom: 5px;
	padding-right: 7px;
}

/* end of styles for new flag box */
/* styles for content area utilities bar */
.toolBar {
	border-top: 1px solid #dedede;
	border-right: 2px solid #c6c6c6;
	border-bottom: 2px solid #c6c6c6;
	border-left: 1px solid #dedede;
	background-image:url(../../images/red_corner_bar.gif); 
	background-repeat: no-repeat;
	margin-right: 8px;
	margin-left: 3px;
	height: 22px;
	background-color: #f1f1f1;
	padding-left: 13px;
	float: left;
	font-size: 0.7em;
	padding-right: 3px;
}

#pageUtilities img.seperator {
    margin-left: 3px;
    margin-right: 3px;
}

/* STYLE ADDED BY RAVI TO REMOVE LINE HEIGHT FOR DOTED LINES IN FIREFOX */
.dotted-border {
line-height: 0px;
}

/* STYLE ADDED BY RAVI FOR SKIP LINKS */

<!--CSS FOR MAIN STYLE SHEET-->
#skip a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:focus
{
top:0;
left:0;
display:block;
width:98%;
height:auto;
padding:5px;
text-indent:1em;
text-decoration:underline;
font-size:1.4em;
color:#fff;
background:#003466;
}
/* end styles for content area utilities bar */