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

html, body { height: 100%; font-family:Verdana, Arial, Helvetica, sans-serif; }

/*  Common Rules  */

ul,ol { list-style: none; }
a,a:link,a:visited { text-decoration: underline; color: #00539f; }
a:hover { text-decoration: underline; color: #ef3e33; }
a:active { text-decoration: none; }
a img, a:link img, a:visited img { border: none; }
hr { display: none; }
img { border:none;}
#container { width: 980px; min-height: 100%; margin-right: auto; position: relative; border:#000000 solid 0px; }
#header { margin:auto 0; clear:both; float:right; height:60px; border:#000000 solid 0px; width:100%; padding-bottom:10px; }
#logo { background: url(../images/logo2.gif) no-repeat; margin:auto 0; width:200px; float:left; padding: 50px 0 0 0; text-align: left; border:#000000 solid 0px; }
#top { margin:auto 0; width: 980px; }
#top_left { margin:auto 0; padding:0px; width: 200px; float:left; border:#999999 solid 0px; }
#top_right { margin:auto 0; padding-top:10px; width:710px; float:right; border:#999999 solid 0px; }
#content { margin:0 auto; display:block; clear:both; border:#000000 solid 0px; width:980px; }

/* Navigation */

#nav { margin:auto 0; width:190px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; }
#nav h1 {  margin-bottom:1px; color:#00539f; font-size:11px; font-weight:bold; border-bottom:#00539f solid 2px; }
#nav ul { list-style-type: none; margin:auto 0; padding:0 0 0 0; }
#nav li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color: #00539f; text-decoration: none; }
#nav li a:hover, a.current { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color: #ef3e33; text-decoration: underline; }
#nav li a.current { background-color: transparent; color: #00539f; font-weight:bold; }
#nav ul ul { list-style-type: none; margin:auto 0; padding:0 0 0 10px; }


#mainnav { margin:auto 0; width: 770px; float:left; background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-align:left; padding: 0px 0px 10px 15px; border:#000000 solid 0px; height:100%; display:block; overflow:auto; }
#mainnav h1 { color:#00539f; font-size:14px; font-weight:bold; }
#mainnav ul { list-style-type:square; }
#breadcrum { width: 720px; margin:auto 0; width: 100%; height: 20px; position: relative; border:#000 solid 0px; margin-top:10px; margin-bottom:10px; padding:0; }
#breadcrum ul { list-style-type:none; float: left; padding: 1px 10px 0px 0px; margin:auto 0; color:#00539f; font-weight:bold; font-size:10px; }
#breadcrum ul li { float: left; margin-right: 10px; }
#breadcrum ul a { padding: 1px 10px 1px 0px; line-height:18px; text-decoration: none; color:#00539f; font-weight:bold; font-size:11px;}
#breadcrum ul a:hover { padding: 1px 10px 1px 0px; font-size:11px; font-weight:bold; line-height:18px; color: #00539f; text-decoration: underline; }
#breadcrum p { margin:auto 0; float: right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color: #999; text-align: right; width: 250px; }
#layer2{ margin:auto 0; width:760px; float:left; background-color:#ffffff; color:#000000; font-size:12px; font-weight:normal; line-height:16px; text-align:left; padding:5px 0px 0px 15px; border:#000000 solid 0px; }
#layer3 { margin:auto 0; width: 400px; float: left; background-color:#ffffff; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:16px; text-align:left; padding: 0px 0px 0px 0px; }
#layer4 { margin:auto 0; width:350px; float:right; display:block; background-color:#fff; color:#000000;	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; line-height:18px; text-align:left; margin-top:25px; margin-left:10px; padding:5px 0px 0px 0px; border-top:#ccc solid 1px;	}
#layer4 h2 { font: bold 11px Verdana, sans-serif; color:#00529f; }
#col_spacer { margin:auto 0; width:720px; display:block; float:left; padding-left:5px; padding-top:10px; }
/*  Footer  */	
#footer { margin:auto 0; display:block; clear:both; width: 100%; border:#000 solid 0px; margin-top:20px; }
#footercontainer { clear:both; width: 970px; border-top: 0px solid #ccc; padding: 15px 0 35px 0; font-size: 11px; margin: auto 0; }
#footercontainer ul { float: left; padding: 1px 10px 1px 0px; margin:auto 0; }
#footercontainer ul li { float: left; border-right: 1px solid #ccc; margin-right: 10px; }
#footercontainer ul li.last { border: none; }
#footercontainer ul a { padding: 1px 10px 1px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:18px; color: #999; text-decoration: none;}
#footercontainer ul a:hover { padding: 1px 10px 1px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:18px; color: #999; text-decoration: underline; }
#footercontainer p { margin:auto 0; float: right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color: #999; text-align: right; width: 250px; margin-right:-10px; }
.clearfooter { height: 330px; clear: both; }
/* START OF TABBED INTRODUCTION */
#newsTicker { width: 760px; float: left; border: solid 1px #ccc; background-color: #fff; }
#newsTicker .SlidingPanels { width: 715px; height: 150px; float: left; }
#newsTicker .SlidingPanelsContentGroup { width: 8000em; float: left; }
#newsTicker .SlidingPanelsContent { float: left; width: 715px; margin-right: 0px; }
#newsTicker img { float: left; margin-right: 0px; }
#newsTicker .SlidingPanelsContent .content { margin: 0; float: left; }
#item1 .content { border-right: dashed 0px #999999; height:170px; background-image:url(images/mexico.gif); }
#item2 .content { border-right: dashed 0px #999999; height:170px; background-image:url(images/news_ticker.gif);	}
#item3 .content { border-right: dashed 0px #999999; height:170px; }
#newsTicker .content { width:100%; height: 150px; padding: 20px 20px; color:#FFFFFF; font-weight:bold; font-size:14px; line-height:24px; }
#newsTicker .content a { width:100%; height: 150px; color:#00529f; font-weight:bold; font-size:12px; line-height:24px; text-decoration:none; }
#newsTicker p { margin: 0; }
#newsTicker .prev { text-align: left; padding: 0; clear: both; }
#newsTicker .next { text-align: right; padding: 0; clear: both; }
.SlidingPanelsAnimating * { overflow: visible !important; }
#newsTicker .navLinks { clear: both; text-align:right; padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #999; background-color:#ccc; color:#00529f; width:760px; }
#newsTicker .navLinks a { color:#00529f; }
#newsTicker .navLinks a:hover { color:#00529f; }

/* END OF TABBED INTRODUCTION */

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{ margin: 0; padding-top:5px; padding-left:80px; list-style-type: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: default; width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: right;
margin-right: 10px;
padding-right:10px;
cursor: pointer;
float: left;
border:#000000 solid 0px;
	
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 190px;
position: absolute;
left: -1000em;	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;	
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 180px;
	text-align:left;	
	/*border-bottom:#ccc solid 1px;*/
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{ /*border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff;*/ color:#00539f; }
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{ display: block; cursor: pointer; background-color: #fff; padding: 0.5em 0.75em; color: #00539f; text-decoration: none; }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{ background-color: #fff; color: #ef3e33; }
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{ background-color: #fff; color: #ef3e33; }

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	/*background-image: url(../images/SpryMenuBarDown.gif); */
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color:#fff;
	color:#00539f;
	font-weight:bold;	
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	/*background-image: url(../images/SpryMenuBarRight.gif); */
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color:#fff;
	color:#00539f;
	width:190px;
	
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color:#fff;
	color:#ef3e33;		
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-color:#fff;
	color:#000;			
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}
.myHeading 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;		
	font-size:14px;
	font-weight:bold;
	color:#00529f;	
	text-decoration:none;
}
.mySubHeading 
{
	color:#FFFFFF;					
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:normal;
	line-height:18px;						
}



/* main content */
#featured{
	width:740px;
	padding:0;
	margin:0 0 0 0;
	width/**/:/**/740px;
	position:relative;
	background-color:#fff;
	font:12px/16px arial;
	overflow:hidden;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;	
	border-top:#ccc solid 1px;			
}
#featured h2{
	font:bold 18px/28px arial;
	text-transform:uppercase;
	color:#777;
}
#featured .articleContainer{
	width:100%;
	height:180px;
	overflow:hidden;
}
#featured .featuredArticle{
	width:100%;
	clear:both;
	height:188px;
	overflow:hidden;
}
#featured .featuredArticle .thumbnail{
	float:left;
	margin:0px 10px 5px 0;
}
#featured .featuredArticle .featuredContent a:hover{
	text-decoration:none;
	color:#ef3e33;
}
#featured .featuredArticle .featuredContent h3{
	font:bold 23px/28px arial;
	color:#00539f;
}
#featured .featuredArticle .featuredContent h3 a{
	color:#00539f;
	text-decoration:none;	
}
#featured .featuredArticle .featuredContent .pinfo{
	font:12px/16px arial;
	color:#b1b1b1;
	display:block;
	margin:0 0 10px;
}
#featured .featuredArticle .featuredContent .pinfo a{
	color:#b1b1b1;
}
#featured .featuredArticle .featuredContent p{
	padding:0 5px 10px;
}
#featured .featuredArticle .featuredContent p a{
	color:#000;
}
#featured .featuredArticle .featuredContent .rMore{
	float:left;
	color:#000;
	padding:0 18px 0 0;
	background:url(../images/arrow-blue.jpg) no-repeat right;
}
#featured .featuresLinks{
	position:relative;
	top:5px;
	left:-2px;
	float:right;
	margin:-30px 0 0;
	font:bold 15px/22px arial;
	border:1px solid #bfbfbf;
	list-style-type:none;
	padding:0;
}
#featured .featuresLinks li{
	float:left;
	background:url(../images/featured-bg.gif);
}
#featured .featuresLinks li a{
	float:left;
	color:#fff;
	padding:0 8px;
	text-decoration:none;
}
#featured .featuresLinks li.ui-tabs-selected a,
#featured .featuresLinks li a:hover{
	color:#000;
	background:url(../images/featured-selected.jpg);
}


@media projection,screen{
	.ui-tabs-hide{
		display:none;
	}
}
@media print{
	.ui-tabs-nav{
		display:none;
	}
}#container #content #mainnav p {
	font-size: 12px;
}