/* CSS Document */
/* the overlayed element */ 
.simple_overlay { 
    /* must be initially hidden */ 
    display:none; 
    /* place overlay on top of other elements */ 
    z-index:10000; 
    /* styling */ 
    background-color:#333; 
    width:auto; 
	height: auto;
    min-height:200px; 
    border:1px solid #666; 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
/* close button positioned on upper right corner */ 
.simple_overlay .close {  background-image:url(../images/overlay/apple-close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:25px; width:25px;}
/*Class for Events*/
dl.events dt{font-weight:bold;font-size:1em;color:#006699;margin-top:15px;}
dl.events dd{margin-left:0;}
/*Map class for location page*/
ul.map{list-style:none;}
ul.map li{margin-left:-28px;}
ul.map a{color:#0000FF;text-align:left;font-size:.8em}
/*Class for the full description of the job*/
ul.jobList{list-style:none;}
ul.jobList li{margin-left:-25px;}
ul.jobList li label{font-weight:bold;}
/*Class for page containing the abridged job descriptions */
dl.careerPage dt{font-weight:bold; font-size:1.2em;}
dl.careerPage dd{margin-left:0;}
dl.careerPage span{display:block; margin-bottom:15px;}
/*Class for page containing the abridged press releases*/
dl.press_release_abridge dt{font-weight:bold; font-size:1.2em;}
dl.press_release_abridge dd{margin-left:0; display:block; margin-bottom:25px;}
.hidden{display: none}
#knowledgeBanner {height: 263px; display: block;}
body {background: #F5F5F6 url(../images/bg_default.png) repeat-x;font-family:"Trebuchet MS", Tahoma, Helvetica, Arial;color:#FFFFFF;}
h1,h2,h3,h4,h5 {font-weight:lighter; font-family:Arial, Helvetica, sans-serif;color:#006699;}
h2,h3,h4,h5,p {padding: 4px;padding-bottom: 12px;	padding-top: 12px;margin: 1px;}
a:link, a:visited {color: #8d2a78;text-decoration: none;}
a:hover {text-decoration: underline; cursor:pointer;}
/*Format Trademark symbol*/
sup {font-size: 10px;	margin:0;padding:0;line-height:0;}
#wrapper {margin: 0 auto;margin-top: 30px;width:950px;height:741px;	position: relative;}
/* Header*/
#header.home {border-bottom: none;}
#header {width:950px; height:103px !important; background: #007C70 url(../images/HTO-Website_inside_20090515_01.gif); border-bottom: 3px solid #FECE5C; overflow: hidden;}
/*Nav List*/
#topnav { margin: 0; padding: 0; position: absolute; right: 0; top: 45px; }
#topnav li { float: left; list-style: none; border-right: 1px solid #8bcce7; padding-right: 7px;}
#topnav li.last{ border-right: none; padding-right: 1em;}
#topnav li a { text-decoration: none; padding-left: 7px; color#FFAB3F;}
#topnav a:link, #topnav a:visited{color: #ffffff;}
#topnav a:hover { text-decoration:underline;}
/* home page banner (Orange: It's all about knowledge)*/
#knowledgeBanner{background:#FFBD21 url(../images/HTO-Website_20090515_02.gif) no-repeat;width:950px;height:263px;}
/* above body (Banner containing page, i.e. product overview, careers, etc.)*/
#pageImage {width:950px;height:152px;background: #005A95 url(../images/HTO-Website_inside_20090515_02.gif); margin:0px; padding: 0px;}
/* body (Orange: Left Hand Nav included in the content body img)*/
#contentBodyImage {width:950px;background: url(../images/HTO-Website_inside_20090515_03.gif) repeat-y; float: left;}
/*Content Body for the homepage*/
#HPContentBody {background:#00717f url(../images/home_bg_no_logo.jpg) no-repeat;width: 910px;padding: 20px;position: relative;float:left;display:block;clear:both;}
#HPLeftColumn {width:450px;padding: 0;border-right:1px solid #9999FF;display:block;float:left;}
#HPLeftColumn dt{font-size:1.2em;color:#FF6600;}
#HPLeftColumn a:link, #HPLeftColumn a:visited {text-decoration: none;color: #FFF;}
#HPLeftColumn a:hover {text-decoration: underline;}
#HPRightColumn {width:450px;padding:0;display:block;float:right;}
#HPRightColumn dt{font-size:1em;font-style:italic;font-weight:bold;color: #FFCC00;}
#HPRightColumn dd,#HPLeftColumn dd{margin-left:0;margin-bottom:15px;}
#HPRightColumn dd a{font-weight:bold;color: #FFCC00;}
#HPRightColumn a:link, #HPRightColumn a:visited {	text-decoration: none;color: #FFCC00;}
/*Left Hand Nav*/
#nav_body { margin: 0;padding: 0;border: 0;width: 180px;	float: left;}
#nav_body ul, #nav_body ul li{list-style-type: none; margin:0px; padding: 0px; margin-top: 10px;}
#nav_body ul li{list-style-type: none; margin:0px; padding: 0px;}
#nav_body a {font-size: .9em;text-align: right;text-decoration:none;display:block;height:25px;width:130px;padding: 10px 35px 0px 10px;color: #333333; margin: 0px;}
#nav_body a:link,#nav_body a:visited {background-image:url(../images/rollovers1b_off.png); background-repeat: no-repeat;}
#nav_body a:hover {background-image:url(../images/rollovers1b_over.png);}
#nav_body a.double {height:47px;}
#nav_body a:hover.double {height:47px;background-image: url(../images/rollovers1c_over.png);background-repeat: no-repeat;}
#nav_body a.triple {height:70px;}
#nav_body a:hover.triple {height:70px;background-image: url(../images/rollovers1d_over.png);background-repeat: no-repeat;}
/* Content Body */
#content_body{ padding: 20px; padding-left: 40px; width: 695px; min-height: 450px; float: right; color:#000000;}
#content_body ul{margin: 1px; padding: 4px; padding-left: 30px;}
/* footer */
#footer {width:950px; height:42px; background:#8D2A78 url(../images/HTO-Website_inside_20090515_04.gif); clear: both; font-size: .8em; text-align:center; color:#fff;}
#footer .footerContainer {display: inline-block; padding: 15px;line-height: 12px; margin: 0 auto;}
#footer ul {list-style: none; margin: 0px;}
#footer ul li { display:inline; list-style: none; padding-right: 7px;}
#footer ul li a { border-right: 1px solid #fff; text-decoration: none; padding-right: 7px; color:#fff; }
#footer ul li a:hover {text-decoration: underline;}
#footer ul li a.last{ border-right: none; padding-right: 1em;}
/* copyright */
#copyright { clear: both; display: block; font-size: .8em; text-align:center; margin: 10px 0px; color: #666;}
/*Jobs*/
#global_job_info {display: none;}
/*Press Releases*/
#global_pr_info {display: none;}
/* Logo  */
#logo h1 span{display: none;}
#logo h1 a {display: block; height: 100px; width: 220px;}
/*  Partners*/
.partners {display: block; margin-bottom: 20px;}
.partners img {float: left;}
.partners h2, .partners p {margin-left: 140px;}