/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #a4a4a4;
	color: #333333;
	}


a {color: #FF6600;}
a:hover {color: #000000;}


/*grey borders*/
td.greyright {background-image: url(../images/grey_spacer.gif); background-repeat: repeat-y; background-position: right;}
td.greyleft {background-image: url(../images/grey_spacer.gif); background-repeat: repeat-y; background-position: left;}
td.greysides{background-image: url(../images/split.gif); background-repeat: repeat-y;}

/*Regional navigation bar top right*/
td.regbkgd_top {background: url(../images/nav/regnavtop.gif) no-repeat;}
td.regbkgd {background: url(../images/nav/regnav.gif) no-repeat;}
td.regbkgd_bot {background: url(../images/nav/regnavbot.gif) no-repeat;}
div.regnav {margin: 0; padding: 0; font-size: 11px; height: 18px;}
div.regnav a {
	display: block;
	padding: 0 0 0 10px;
	text-decoration: none;
	color:#FFFFFF;
	height: 100%;
	line-height: 18px;
}
div.regnav a:hover {background: url(../images/nav/regnav_on.gif) 100% 100% no-repeat; color:#000000;}
div.regnavcurrent a {background: url(../images/nav/regnav_on.gif) 100% 100% no-repeat; color:#000000;}

/*Top tab menu style*/
#tabnav {margin: 0; padding: 0;}
#tabnav li {list-style: none; float: right; margin: 0; width: 80px; font-size: 11px;}
#tabnav a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: url(../images/nav/tabnav_off.gif) no-repeat;
	text-align: center;
	height: 100%;
	line-height: 18px;
	width: 80px;
	float: right;
}/*float right is IE5 Mac hack*/
/*Commented backslash hides rule from IE5 Mac so following is for other browsers\*/
#tabnav a {float: none;} 
/*end IE5 Mac hack */
#tabnav a:hover {background: url(../images/nav/tabnav_on.gif); color: #FFFFFF;}

/*Specifically for sidebar on home page*/
.sidebar {display: block; padding: 0 20px 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
a.sidebar {color: #FF9600; text-decoration: none; font-size: 11px; font-weight: bold; padding-bottom: 10px;}
a.sidebar:hover {color: #000000;}
.barhead {color: #FF9600; font-size: 11px; font-weight: bold; padding-bottom: 10px;}

.copyright {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #CCCCCC;}
a.footer {color: #CCCCCC; text-decoration: none;}
a.footer:hover {color: #FF9600; text-decoration: none;}

/*Left side nav section- 4 different styles*/
div#sidenav {float: left; width: 145px;}
div#sidenav ul {margin: 0; padding: 0;}
div#sidenav li {list-style: none; margin: 0; font-weight: bold; font-size: 12px;}
div#sidenav li a.menu {display: block; text-decoration: none; padding-left: 7px; color: #000000; background: #8a8a8a; 
border-right: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; color: #ffffff; 
line-height: 19px; width: 137px;}/*width defined for IE/Win
The following is for all other browsers-not read by IE/Win*/
div#sidenav>ul a {width: auto;}/*end IE/Win hack*/
div#sidenav li a.menu:hover {background: #FF9900;}

div#sidenav li a.topmenu {display: block; text-decoration: none; padding-left: 7px; color: #000000; background: url(../images/nav/topmenu_off.gif) 100% no-repeat; 
color: #ffffff; line-height: 21px; width: 138px;}/*width defined for IE/Win
The following is for all other browsers-not read by IE/Win*/
div#sidenav>ul a {width: auto;}/*end IE/Win hack*/
div#sidenav li a.topmenu:hover {background: url(../images/nav/topmenu_on.gif) 100% no-repeat;}

div#sidenav li a.submenu {background: #FFFFFF; display: block; text-decoration: none; padding-left: 13px; font-size: 11px; 
border-right: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; color: #333333; font-weight: normal;
line-height: 19px; width: 131px;}/*width defined for IE/Win
The following is for all other browsers-not read by IE/Win*/
div#sidenav>ul a {width: auto;}/*end IE/Win hack*/
div#sidenav li a.submenu:hover {color: #FF9900;}

div#sidenav li a.botmenu {display: block; text-decoration: none; padding-left: 7px; color: #000000; background: url(../images/nav/botmenu_off.gif) 100% no-repeat; 
color: #ffffff; line-height: 20px; width: 138px;}/*width defined for IE/Win
The following is for all other browsers-not read by IE/Win*/
div#sidenav>ul a {width: auto;}/*end IE/Win hack*/
div#sidenav li a.botmenu:hover {background: url(../images/nav/botmenu_on.gif) 100% no-repeat;}

div#sidenav li a.botsubmenu {display: block; text-decoration: none; padding-left: 13px; color: #000000; background: url(../images/nav/botsubmenu_off.gif) 100% no-repeat; 
font-weight: normal; font-size: 11px; color: #333333; line-height: 20px; width: 132px;}/*width defined for IE/Win
The following is for all other browsers-not read by IE/Win*/
div#sidenav>ul a {width: auto;}/*end IE/Win hack*/
div#sidenav li a.botsubmenu:hover {color:#FF9900;}

/*These are styles for the sidenav item on the CURRENT page*/
div#sidenav li a.topmenucurrent {background: url(../images/nav/topmenu_on.gif) 100% no-repeat;}
div#sidenav li a.menucurrent {background: #FF9900;}
div#sidenav li a.submenucurrent {color:#FF9900;}
div#sidenav li a.botmenucurrent {background: url(../images/nav/botmenu_on.gif) 100% no-repeat;}
div#sidenav li a.botsubmenucurrent {color:#FF9900;}

/*Text and bullet styles*/
.pagetitle {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; padding-left: 45px; font-weight:bold;}
.aboutpagetitle {position: relative; top: -8px; } /* special style for About index page */

.subtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; padding-left: 45px;}
a.subtitle {text-decoration: none; padding-left: 0; font-size: 11px;}
a.subtitle:hover {color: #FF9900;}
a.subtitlecurrent {color: #FF9900;}
div.main {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 45px; padding-bottom: 25px;}
ul.bullets {list-style-image: url(../images/bullet.gif); font-size: 11px;}

/*Birds in Capabilities section*/
td.lgbird {background-image:   url("../images/capabilities/lg_bird.gif"); background-position: bottom right; background-repeat: no-repeat;}
#leftbird {
	position: absolute;
	z-index: 101;
	top: 305px;
	left: 93px;
	height: 122px;
	width: 90px;
}

.error {color: #FF0000; font-weight: bold;}

.orangeline {border-left: 1px solid #FF9600;}

/*Index pages with banner 525x115 photo */
.text {margin: 20px 145px 20px 40px;}
.bannerimg {padding-left:40px; padding-top:5px;}
.button {float:right; padding-left:10px; padding-top:15px;}

/*Button placement for NEWS page */
.newsButton {float:right; margin-top:20px;}

/*Div for Featured Media Exposure */
div#featuredContainer {width:368px;}
div#featuredTop {width:368px; height:10px; background: url(../images/news/box_top.gif) no-repeat;}
div#featuredContent {width:368px; height:100%; background-color:#e8e8e8;}
#featuredContent p {margin: 0px 15px;}
div#featuredBottom {width:368px; height:10px; background: url(../images/news/box_bottom.gif) no-repeat;}

a { text-decoration: none;}
.darkorange {color: #FF6600}



/* Home page New Style 10.03.07 */
div#container {width: 712px; height:425px; float:left; padding: 0px 8px;}
div#leftContainer {width: 530px;}
div.ime_leftContainer {width:530px; float:left; background:#CCCCCC url(images/home/rotator/rotator.php) no-repeat;}
div.map_leftContainer {width:530px; float:left;}
div#textContainer {width: 182px; float:left; border-right: 1px solid #b1b1b;}
div.textTop {width: 182px; height:12px; float: left; padding-top:20px;}
div.textContent {width: 182px; float:left; background: url(../images/home/textcontent.gif); background-position:left; background-repeat: repeat-y; height: 395px;}
div.textBottom {width: 728px; height:51px; float:left; background:url(../images/home/bottom.gif); background-position: left; background-repeat: no-repeat; background-color:#999999;}

.nochange a {color:#999999;}
.nochange a:hover {color:#999999;}
.nochange a:active {color:#999999;}
.nochange a:link {color:#999999;}
.nochange a:visited {color:#999999;}

div#boxTextContainer {float: right; width: 266px; height:160px; padding: 10px 5px 0px 0px; background:#cccccc;}
div.boxTextTop {width:264px; height:9px;}
div.boxTextContent {width: 257px; background: url(../images/home/box_textcontent.gif); background-repeat: repeat-y; background-position:left; padding-left:7px; font-size:10px; margin:0;}
.box {font-family: Arial, Helvetica, sans-serif; font-size:9px; margin-left:5px;}
.title { font-size:12px; font-weight: bold; color:#666666;}
div.boxTextBottom {width: 264px; height: 12px; background:url(../images/home/box_textbottom.gif);}
.boxTextContent img {float:right; clear:right; margin: 3px 10px 0px 6px; }

div#bottomGreyContainer {float: left; width: 530px; height: 185px; background-color:#ccc; margin:0;}
div.map {float: left; width: 255px; height: 155px; padding-top:5px;}

div#orangeNav {float:right; widows: 147px; height: 42px;}

/*

#topImage {background:#CCCCCC; background:url(images/home/rotator/rotator.php); background-repeat: no-repeat; height:396px;}
#imebanner {height:241px;}
#infobox { background: url(images/home/ime_textbox_bg.jpg) right no-repeat; height:148px; width:172px; float:left; padding:8px 87px 0 6px;}
#infobox p {}
#bullets {float:right; margin-top:65px;}

*/

/*in the works JN */
/*Right side nav section- 4 different styles*/
div#wholecontainer {width:530px; height:200px;}
div#rightsidenav {float: right; width: 120px; padding-right:20px; background:#FFFFFF;}
div#rightsidenav ul {margin: 0; padding: 0;}
div#rightsidenav li {list-style: none; margin: 0; font-size: 9px; color:#999999; text-align: right; line-height: 18px;}
div#rightsidenav li a.off {color:#666666;}
div#rightsidenav li a.off:hover {color: #FF6600;}
div#rightsidenav li a.on {color:#FF6600;}

h4 {text-transform:capitalize; font-size:12px;}
.country_list {color:#FF6600; font-weight:bold;}
.offices_title {font-size:11px; color:#6699cc; font-weight:bold;}


