/* ==================== BODY LAYOUT AND TEXT FORMATTING ==================== */

* {padding:0;margin:0;}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-image: url('resources/homepage_bg.gif');
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
  margin: 0 auto;
  width: 955px;
  text-align: left;
  }

body, td, p {
	font-family: "Tahoma", "Arial", "Helvetica", "Verdana", sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	}

p {margin-top: 6px; margin-bottom: 14px; }

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
} 

ul.bulletlist {
	list-style-image: url('resources/bullet_square.gif'); 
	margin-left: 15px; 
	padding: 0 }
	
ul.bulletlist li {
	line-height: 14px; 
	margin-top: 4px;
	margin-bottom: 6px; 
 }


.spacer {margin: 4px}

a:link { color: #006BB6; text-decoration: underline; }
a:visited { color: #497DA2; text-decoration: underline; }
a:active { color: #37ADFF; text-decoration: none; }
a:hover { color: #37ADFF; text-decoration: none; }


/* ==================== HEADER ==================== */

#home_header {
	padding: 0px;
	display: block;
	margin: 18px 0px 0px 0px;
	width: 100%;
	POSITION: relative;
	height: 70px;
}

#home_header #top {
	padding: 0px; margin: 0px; height: 48px; text-align: right; }

#home_header #top img {
	padding: 0px;
	float: left;
	margin: -18px 0px 0px 0px;
}
	
#home_header #top span {display: inline; margin: 0px 0px 0px 20px; color: #7c7c7c; width: 100%; font-weight: normal;}
	
#home_header #top span form {display: inline; border: 0px none;}

#home_header #top span form input.search_text {display: inline; font-size: 11px; width: 90px; border: 1px solid #7c7c7c;}

#home_header #top span input.submit {margin-bottom: -2px; margin-left: -25px;}

#home_header #top span a {text-decoration: none; color: #7c7c7c; font-weight: normal; }

#home_header #top span a:hover {color: #006cb7; font-weight: normal; }

#home_header #top .country {
	font-family: "Lucida Grande", "Tahoma", "Arial", "Helvetica";
	font-size: 11px;
	color: #666666;
	float: left;
	display: inline;
	padding-top: 4px;
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
}



/* ==================== TOP MENU BAR ==================== */

#home_menubar {
	width: 955px;
	height: 24px;
	background: #afaea9 url('home_navbar.gif') repeat-x top;
	padding: 0;
	margin: 0;
	display: block;
}


.topitem {font-weight: normal; float: left; display: block; height: 24px;  } 
.topitem a, .topitem a:visited {font-weight: normal; color: #fff; padding-left:20px; padding-right:20px; padding-top:4px; padding-bottom:6px; display: block; text-decoration: none; }
.topitem a:hover, topitem a:active {font-weight: normal; color: #fff; background: #afaea9 url('menu_selected_bg.gif') repeat-x left; display: block; text-decoration: underline; padding-left:20px; padding-right:20px; padding-top:4px; padding-bottom:6px; } 



/* ==================== FLYOUT SUBMENU ==================== */

ul.submenu {list-style-type: none; position: absolute; margin: 3px 0px 0px 0px; padding: 3px 0px 0px 0px; display: none; width: 180px;  } 
ul.submenu li {padding: 0; margin: 0; font-size: 11px; text-align: left;} 
ul.submenu li a, ul.submenu li a:visited {padding: 3px 3px 3px 16px; color: #000; border: 1px solid #ebebeb; text-decoration: none; margin: 0;} 
ul.submenu li a:hover {padding: 3px 3px 3px 16px; text-decoration: none; background: #fff; color: #000; border: 1px solid #3699dd; } 
li:hover ul, li.over ul {margin: 0; padding: 4px; display: block; background: #ebebeb;} 

#dmenu li>ul {top: auto; left: auto;}


/* ==================== MIDDLE ==================== */

#flash {
	background-color: #f2f2ef;
	width: 635px;
	text-align:center;
	padding: 0px;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d6d6d3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d3;
	}

h1 {
	font-size: 12px;
	color: #062340;
	display: none;
}


#bsm {
	width: 100%;
	background-color: #b1e1ea;
	padding: 18px 10px 20px 16px;
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c6e7ee;
}

#bsm ul {
	margin-top:10px;
}


#bsm ul.bulletlist li {line-height: 12px; margin:2px 0 4px 0; }
#bsm ul.bulletlist a:link		{ color: #0071b3; text-decoration: none; }
#bsm ul.bulletlist a:hover		{ color: #0071b3; text-decoration: none; background: #bff0ff; }
#bsm ul.bulletlist a:active		{ color: #0071b3; text-decoration: none; background: #bff0ff; }
#bsm ul.bulletlist a:visited	{ color: #0071b3; text-decoration: none; }

/* ==================== ROLE-BASED NAVIGATION ==================== */


.tabcontainer {
	width:100%;
	display: block;
	margin: 0px;
	padding: 0px;
	background-color: #666;
	height: 38px;
	text-align: left;
}

#tablist li a
{ text-decoration: none; padding-left:20px; padding-right:20px; padding-top:8px; padding-bottom:10px;
}

#tablist li a:link { color: #FFFFFF;}
#tablist li a:visited { color: #FFFFFF; }

#tablist li a:hover
{
	color: #000000;
	background-color: #f2f2ef;
}

#tablist li#current
{
	background-color: #f2f2ef;
    margin-top: 12px;
	text-decoration: none; 
	padding-left: 20px; 
	padding-right:20px; 
	padding-top:8px; 
	padding-bottom:10px;
}



.tabcontent {
	width: 100%;
	background-color: #f2f2ef;
	color: #333333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #d6d6d3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d3;
	height: 220px;
	}
	
.lt_column {
	width: 34%;
	vertical-align: top;
	padding-left: 18px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.mid_column {
	width: 34%;
	vertical-align: top;
	padding: 10px;
}
	
.rt_column {
	width: 32%;
	vertical-align: top;
	padding: 10px;
}

.shortcut_hdr {
	margin: 0px;
	color: #333;
	font-weight: bold;
	display: block;
}

ul.shortcut li {
	color: #333333;
	list-style: none;	
	margin-top: 2px;
	margin-bottom: 2px; 
	padding: 0px;
	line-height: 12px;
}

p.shortcut {
	color: #333333;
	list-style: none;
	line-height: 12px;
    margin-top: 0px; 
	margin-bottom: 8px;
	padding: 0px;
}

p.bulletheader {
	line-height: 20px;
    margin-top: 12px; 
	margin-bottom: 6px;
}

.shortcut a:link {
	color: #0071b3; TEXT-DECORATION: none;
}

.shortcut a:hover {
	BACKGROUND: #bff0ff; color: #0071b3; text-decoration: none;
}

.shortcut a:active {
	BACKGROUND: #bff0ff; color: #0071b3; text-decoration: none;
}

.shortcut a:visited {
	color: #0071b3; text-decoration: none;
}	

/* ==================== NEWS ==================== */
	
.news_header { /*use text instead of image for internaitonal*/
    background-color: #b1e1ea;
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bold;
	padding: 0px;
}

#news {
	width: 100%;
	background-color: #b1e1ea;
	padding: 18px;
	margin: 0px;
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c6e7ee;	
}

.media {
	width: 100%;
	background-image: url('media_bg.gif');
	text-align: center;
	/*margin-top: 20px;*/
	padding: 0px;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #c2c2c0;
	padding-top: 5px;
}






/* ==================== FOOTER ==================== */

#footer { display: block; background: #fff; margin: 0; padding: 0; padding-top: 15px; }

.footertext {color: #7C7C7C; font-size: 10px; margin-left: 15px; }
.footertext a:link { color: #006BB6; font-weight: normal; text-decoration: none; }
.footertext a:hover { color: #37ADFF; font-weight: normal; text-decoration: none; }
.footertext a:visited { color: #497DA2; font-weight: normal; text-decoration: none; }
.footertext a:active { color: #37ADFF; font-weight: normal; text-decoration: none; }




a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#0071b3;
    text-decoration:none;}

a.info:hover{z-index:25; background-color:#bff0ff;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
	margin: 4px; padding: 4px;
    border:1px solid #ccc;
    background-color:#fff; color:#555;
    text-align: center;}