/*
 *
 * This file contains the size and layout elements of the design
 *
 */
address, cite, table caption
	 	{ position: relative; clear: left; }
blockquote	{ margin-left: 1em; margin-right: 1em; margin-top: 2pt;
		  margin-bottom: 10pt }
body         	{ padding: 0; text-align: left; }
dd		{ top-margin: 1%; bottom-margin: 1%; left-margin: 5%; }
h1, h2, h3, h4, h5, h6
		{ margin-left: 2px; }
img		{ text-align: center; width: 100%; }
ol, ul, dl, p	{ margin-left: 4px; margin-right: 4px; }
p.subtitle	{ margin-left: 0; margin-right: 0; padding: 0; }
pre		{ margin-left: 2em; margin-right: 2em; }

table	{
	margin-right: 1em;
	padding: 0;
	}

table.telbook	{ width: 100%; }
table.telbook td {margin: 0; padding:0; }

/*
 *
 * The main divisions of the page are the top bar, the navigation bar,
 * the additional links bar, and the mainbody. There are widgets to flow
 * text into two-column format, put content across two columns, and put
 * a box around content.
 *
 */

/*
 * The top bar
 */
div.topbar	{ width: 99%; margin: 0; padding: 0; padding-left: 5px; }
div.topbar p	{ margin: 0; margin-right: 1em; padding: 0 }
div.topbar h1	{ margin-right: 1em; }

/*
 * The navigation bar
 */
div.navbar	{ float: left; margin: 1%; width: 17%; position:relative; }
div.navbar dd, div.navbar dt, div.navbar ul, div.navbar ol
		{ margin: 0; padding: 0; }
div.navbar dt	{ margin-top: 3px; cursor: pointer; }
div.navbar ol	{ list-style: decimal inside; margin-left: 5%; }
div.navbar ol ol{ list-style: lower-alpha inside; margin-left: 7%; }
div.navbar li	{ text-align: left; }

/*
 * The extra information bar
 */
div.extra	{ float: right; margin-left: 5px; width: 25%; position:relative; }
div.extra p	{ margin: 0; padding: 0 }
div.extra dl, div.extra dd, div.extra dt, div.extra ul, div.extra ol
		{ margin: 0; padding: 0; }
div.extra dt	{ margin-top: 3px; cursor: pointer; }

/*
 * The main column
 */
div.mainbody	{ float:left; width: 49%; position:relative;
		  margin-left: 1%; margin-right: 1%;
		  padding-left: 1%; padding-right: 3%; }

/* Use this to flow text into two columns */
div.list	{ margin-left: 8%; margin-right: 5%;
		  position: relative; float: left; width: 35% }
/* Use this to separate sections by putting things right across the box */
div.section	{position: relative; clear: both }
/* Use this to float a box to the left */
div.left	{ width: 25%; float: left; }
/* Use this to float a box to the right */
div.right	{ float: right; }
/* Use this to make a box around some content */
div.boxed	{ padding: 1em; margin: 1em; }

/*
 *
 * Special little things: writing out contact information
 *
 */
div.tel div.fax div.email	{ display: list-item; margin: 0; padding: 0; }
div.tel:before { content: "Tel: +91 22 2278 "; }
div.fax:before { content: "Fax: +91 22 2278 "; }
div.email:before { content: "E-mail: "; }