/*
	CSS Style Definitions for IFEX
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
img{behavior: url('../js/png.htc');}
html, body{ margin:0; padding:0; }
body{ font: .8em Trebuchet, 'Trebuchet MS', Arial, Helvetica, sans-serif; background:url("../images/header-bg3.gif") repeat-x; text-align:center; color:#225685; }
#page-container{ text-align:left; margin:0 auto; width:766px; }
	#header{ width:766px; float:left; }
		#header a{ display:block; width:172px; height:113px; margin-left:30px; float:left; }
		#header form{ display:block; /*width:125px;*/ margin-right:10px; float:right; margin-top:60px; }
		#header form input{ width:95px; background:transparent url("../images/search-bg.gif") no-repeat; color:#A9A9A9; border:none; padding:4px 25px 4px 5px }
		#header form input.search-button { width:20px !important; border: none; background: none; }
	#masthead{ width:766px; float:left; height:139px; }
		#masthead img{ display:block; }
	#navigator{ width:766px; float:left; background:url("../images/ifex_bg.png") no-repeat; }
		#navigator ul{ margin:0; padding:0; list-style:none; }
		#navigator ul li{ margin:0; padding:0 6px 0 5px; line-height:35px; font-family:Arial Narrow, sans-serif; font-size:1.2em; border-left:1px solid #e2eef6; float:left; position:relative; }
		#navigator ul li ul li{ font-size:1em; }
		#navigator ul li a, #navigator ul li a:link, #navigator ul li a:visited{ color:#1e507c; text-decoration:none; }
		#navigator ul li a:hover, #navigator ul li a:active{ color:#040D14; }
	#content{ width:766px;	float:left;	background:url(../images/content-bg.gif) repeat-y;	padding-bottom:20px; }
		#left-side{ width:370px; float:left; margin-left:12px; }
		#right-side{ width:368px; float:right; margin-right:5px; }
		#left-inner{ width:370px; float:left; margin-left:30px; }
		#left-inner-wide{ width:650px; float:left; margin-left:30px; }
		#right-inner{ width:240px; float:right; margin-right:40px; }
		#full{ clear: both; width: 100%; }
		#full .inside { padding: 0 39px 0 42px; }
	#footer{ width:766px; float:left; background:#01009A /*url("../images/footer-bg.gif") repeat-x*/; text-align:center; line-height:32px; }
		#footer ul{ margin:0 auto; padding:0; display:inline; }
		#footer ul li{ display:inline; margin:0; padding:0 6px 0 8px; color:#fff; border-left:1px solid #fff; font-size:.9em; }
		#footer ul li a{ color: #fff; text-decoration:none; }


/* site wide elements */
a,a:visited {color:#1e507c;}
a:hover {text-decoration:none;}
.inside{ padding:12px; }
ul li.first{ border-left: none !important; }

h1{ font-size:1.4em; border-bottom:1px solid #EEF2F5; }
h2{ font-size:1.3em; font-family:Arial Narrow, sans-serif; border-bottom:1px; margin:0; }

h3{font-size:10px;}
h4{font-size:9px;}
h5{font-size:8px;} 
h6{font-size:7px;} 
/* p{ font-size:1.2em; } */
img#boat{ margin-top:20px; border:4px solid #E7EEF4; }
p.learnMore{ text-align:right; }
p.learnMore a{ color:#0e7fe5; text-decoration:underline; }

div.gradientBox{ background:url("../images/gradient.gif") repeat-x bottom left; padding-bottom:6px; margin-top:26px; }
div.gradientBox h2 { padding-left:12px; }
div.gradientBox ul{ margin:0 6px 0 12px; padding:0; list-style:none; }
div.gradientBox ul li{ margin:0 0 4px 0; padding:0; }
div.gradientBox ul li a{ color:#225685; background:url("../images/plus2.gif") no-repeat 0 7px; padding-left: 12px; display:block; }

div.roundme{ background-color:#2B77D5; color:#fff; line-height:1em;; }
div.roundme div.padding{ padding:0 16px; }
div.roundme h1{ border-bottom:none; font-family:Arial Narrow, sans-serif; }
div.roundme p{ font-size:.9em; margin:0; }
div.roundme p.more { text-align:right; margin-bottom:12px; color:#FFFFFF; }
.cls_link,cls_link a, cls_link a:visited { color:#FFFFFF; text-decoration:none;}

table.normal { border-collapse: collapse; font-size: 12px; }
table.normal td, table.normal th { padding: 2px 5px; border: solid 1px #1e507c; }
table.normal th { padding: 2px; background-color: #1e507c; color: #fff; text-align: center; vertical-align: middle; }

a.nodeco{ text-decoration:none !important; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

input, textarea, select{ font: .83em Arial, Helvetica, sans-serif; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }

.hmenu{ z-index: 100; }
.hmenu, .hmenu ul { list-style: none; margin: 0; padding: 0; }
.hmenu ul { position: absolute; top: 100%; left: -4px; z-index: 190; }
.hmenu ul ul { top: 0; left: 100%; z-index:190; }
.hmenu ul ul li a, .hmenu ul ul li a:visited{font-weight:normal !important;}
.hmenu li { position: relative; float: left; z-index: 102; line-height:35px; font-family:Arial Narrow,sans-serif; font-size:18px; border-left:1px solid #E2EEF6; }
.hmenu li:hover { z-index: 103; }
.hmenu ul li { width: 100% !important; z-index: 150 !important; }
.hmenu ul > li { float: none; width: auto; }

.hmenu ul li{ white-space:nowrap;  border-right:1px solid #E2EEF6; background:#E4EFF3 url("../images/navigator-bg.gif") no-repeat top center; }
.hmenu ul li:hover, .hmenu ul li.hovered{ background:#E4EFF3 url("../images/navigator-bg2.gif") no-repeat top center; }

.hmenu ul,
.hmenu li:hover ul ul, 
.hmenu li:hover ul ul ul, 
.hmenu li:hover ul ul ul ul, 
.hmenu li:hover ul ul ul ul ul {
 display: none; 
}

.hmenu li:hover ul,
.hmenu ul li:hover ul, 
.hmenu ul ul li:hover ul, 
.hmenu ul ul ul li:hover ul, 
.hmenu ul ul ul ul li:hover ul {
 display: block;
}

.hmenu a { display: block; text-decoration: none; padding:0px; }
.hmenu a.plus{ background:url("../images/plus.gif") no-repeat right center; }
.hmenu li:hover > a:hover + ul > li li a { display: none; }

.hmenu li a, .hmenu li a:link, .hmenu li a:visited{ color:#1E507C; }
.hmenu li a#selected, .hmenu li a:hover, .hmenu li a:active{ color:#000; }
