/* structure--------------------------------- */
body {margin: 0px 0px 0px 0px; padding: 0px; background: #fff; color: #000; font-family: Arial, Verdana, Sans-serif; text-align: center; font-size: 82%;}

/* banner--------------------------------- */

#printbanner {position: absolute; left: -9999em; width: 20em; text-align: left;}

#upperbanner {width:780px; height: 24px; padding: 0px; margin: 0px auto 0px auto; background: url("../images/upperbanner.gif") left top no-repeat; font-size: 1px;}
#upperbanner h1 {margin: 0px; padding: 0px; color: #fff; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; position: relative;}
#upperbanner a {display: block; outline: none; width: 220px; height: 24px; float: right;}

#lowerbanner {width: auto; height: 40px; padding: 0px; margin: 0px auto 0px auto; background: url("../images/bannerbg.gif") left bottom; font-size: 1px;}
#lowerbanner h2 {width: 780px; margin: 0px auto 0px auto; padding: 0px; color: #000; text-indent: -9999em; position: relative; background: url("../images/lowerbanner.jpg") left top no-repeat; height: 38px;}

#banner {clear: both; width: 100%; background: #fff; margin: 0px; border-bottom: 1px solid #bbb; color: #999;}
#banner img {display: block;}

/* container--------------------------------- */

#container {width: 778px; margin: 0px auto 0px auto; text-align: left; border-left: 1px solid #bbb; border-right: 1px solid #bbb;}

/* navigation--------------------------------- */

#nav {float: right; background: transparent; width: 100%; color: #555; font-weight: bold; padding: 0px; font-size: 0.9em; margin: 0px; border-bottom: 1px solid #bbb;}
#nav a {padding: 0.4em 1.5em 0.4em 0px; text-decoration: none; background: #fff; white-space: nowrap; line-height: 2em;}
/* Hide from IE5-mac. \*/
#nav a {line-height: 1.1em;}
/* End hide from IE5-mac */
#nav form {padding: 0.4em 10px 0.4em 10px; text-decoration: none; background: #fff; white-space: nowrap;}

/* Following rule allows entire region of link to to be clickable in IE/Win. Holly Hack explained here: http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {width:1%;}

#nav ul {padding: 0px 0px 0px 10px; margin: 0px;}
#nav ul li {display: inline; list-style-type: none; border: 0px; position: relative; margin: 0px; padding: 0px;}
* html #nav ul li {z-index: 4;}
*:first-child+html #nav ul li {z-index: 4;}
#nav ul ul {position: absolute; left: -1000em; width: 20em; text-align: left;}

/* Hide from IE5-mac. \*/
#nav ul li {float: left; list-style-type: none; border: 0px; position: relative; margin: 0px; padding: 0px;}
#nav ul li:hover ul, #nav ul li.over ul {display: block; background: #fff; position: absolute; top: auto; left: auto; margin-left: -10px; border: 1px solid #bbb; width: 16em; z-index: 5;}
#nav li a, #nav li form {display: block; background: #fff;}
#nav ul li a:hover {background: #fff;}
#nav ul li:hover ul li, #nav ul li.over ul li {width: 100%;}
/* End hide from IE5-mac */

#nav a:link, #nav a:visited {color: #555; text-decoration: none;}
#nav a:hover, #nav a:active {color: #999; text-decoration: none;}
#nav a:link.select, #nav a:visited.select, #nav a:hover.select, #nav a:active.select {color: #900; text-decoration: none;}

#nav2 {display: none;}

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumb li {background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: 0px 50%; padding: 0px 0.5em 0px 1em; margin: 0px 1em 0px -1em;}
*:first-child+html #breadcrumb li {background-image: url("../images/arrow.gif"); background-repeat: no-repeat; background-position: 0px 50%; padding: 0px 0.5em 0px 1em; margin: 0px 1em 0px -1em;}

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumb {height: 1%;}
*:first-child+html #breadcrumb {height: 1%;}
* html #breadcrumb li {display: block; float: left;}
*:first-child+html #breadcrumb li {display: block; float: left;}
/*End hide*/

/*Mac IE 5*/
* html #breadcrumb li:first-child {background-image: none;}
*:first-child+html #breadcrumb li:first-child {background-image: none;}

/* sidebar--------------------------------- */

#sidebar {float: left; width: 158px; margin: 0px; padding: 0px; font-size: 0.85em; color: #000; border-right: 1px solid #bbb;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #sidebar {margin-right: -3px;}
*:first-child+html #sidebar {margin-right: -3px;}
/* End hide from IE5-mac */
#sidebar p {margin: 0px; padding: 10px;}

/* sidenav--------------------------------- */

#sidenav {background: #fff; color: #555; font-weight: bold; padding: 0px; font-size: 1.1em; margin: 20px 0px 0px 0px; border-top: 1px solid #bbb;}
#sidenav a {text-decoration: none; background: #fff; white-space: nowrap; line-height: 2em;}
#sidenav a:link, #sidenav a:visited {color: #555; text-decoration: none;}
#sidenav a:hover, #sidenav a:active {color: #999; text-decoration: none;}
#sidenav a:link.select, #sidenav a:visited.select, #sidenav a:hover.select, #sidenav a:active.select {color: #900; text-decoration: none;}

#sidenav ul {margin: 0px 0px 0px 0px; padding: 0px;}
#sidenav li {list-style: none; padding: 5px 10px 5px 10px; margin: 0px; border-bottom: 1px solid #bbb;}

/* bannergraphic--------------------------------- */

#bannergraphic img {position: relative; display: block; margin: -1px; margin-top: -64px; vertical-align: top; padding: 0px; width: 160px; height: 64px;}

/* search--------------------------------- */

#search input {vertical-align: middle;}

/* seal--------------------------------- */

#seal {margin: 20px auto 20px 20px; font-size: 1px;}
#seal a {display: block; outline: none; width: 120px; height: 33px; background: url("http://www.linkedin.com/img/webpromo/btn_viewmy_120x33.gif") no-repeat top left;}
#seal p {margin: 0; padding: 0; color: #fff; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; position: relative;}

/* photo ------------------------------------*/

#photo {margin: 5px 0px 0px 10px; font-size: 1px;}
#photo a {display: block; outline: none; width: 120px; height: 180px; background: url("../images/Roshan.jpg") no-repeat top left;}
#seal p {margin: 0; padding: 0; color: #fff; background-repeat: no-repeat; background-position: left top; text-indent: -9999em; position: relative;}


/* maincontent--------------------------------- */

#content {margin: 0px 0px 0px 158px; padding: 0px; border-left: 1px solid #bbb;}

#maincontent {clear: right; margin: 0px 10px 0px 10px; padding: 10px 0px 10px 0px; font-size: 1em; line-height: 1.4em; word-wrap: break-word;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #maincontent {height: 1%; width: 96%;}
*:first-child+html #maincontent {height: 1%;}
/* End hide from IE5-mac */

/* date--------------------------------- */

#date {color: #000; font-size: 0.85em; margin-top: 25px;}

/* footer--------------------------------- */

#footer {width: 100%; text-align: center; background:#900; color:#fff; font-size: 0.95em; padding: 3px 0px 3px 0px; margin: 0px 0px 12px 0px;}
#footer a {color: #fff; text-decoration: none; font-weight: bold; padding: 0px 5px 0px 5px;}
#footer a:link, #footer a:visited {text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: underline;}

#footer ul {margin: 0px; padding: 0px; text-align: center;}
#footer ul li {display: inline;}
#footer ul li a {padding: 0px 0.5em 0px 0.5em; font-weight: bold; border-right: 1px solid #fff; border-bottom: none;}
#footer ul li.last a {border-right: 0;}

/* copyright--------------------------------- */

#copyright {color: #000; font-size: 0.85em; text-align: center; padding: 0px 0px 15px 0px;}
#copyright a:link, #copyright a:visited {color: #000; text-decoration: underline; padding: 0px 5px 0px 5px;}
#copyright a:hover, #copyright a:active {color: #900;}

/* logo--------------------------------- */

#logo {color: #000; text-align: center; padding: 0px 0px 25px 0px;}