/* * * 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; min-width: 30%; } /*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%; } #img { } 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 { width: 82%; /* web team */ margin-left: 0.2em; /* web team */ margin-right: 1em; padding: 2px; border: 1px solid black; } table.telbook td {margin: 0; padding: 2px; border: 1px solid black;} /* * * The main divisions of the page are the top bar, the navigation bar * and the mainbody. There are additional 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: auto; margin: 0 ; padding-right: 0; } div.topbar p { margin: 0; margin-right: 1em; margin-bottom: 2em; padding: 0; } div.topbar h1 { margin-right: 1em; } /* * The navigation bar */ div.navbar { float: right; margin-left: 5px; width: 20%; 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; } /* * Column for today's events */ div.today { float: left; margin-left: 5px; width: 35%; position:relative; font-size: 70%; } div.today dd, div.today dt, div.today ul, div.today ol { margin: 0; padding: 0; } div.today dt { margin-top: 3px; cursor: pointer; } div.today ol { list-style: decimal inside; margin-left: 5%; } div.today ol ol{ list-style: lower-alpha inside; margin-left: 7%; } div.today li { text-align: left; } /* * The main column */ div.mainbody { float: left; width: 100%; margin-left: 2px; margin-right: 3%; position: relative; } /* Use this to flow text into two columns */ div.mainlist { margin-left: 4%; margin-right: 5%; position: relative; float: left; width: 55% } /* 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; font-size: small;width: 70% } /* * * 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 "; } div.fax:before { content: "Fax: +91 "; } div.email:before { content: "E-mail: "; } /* * Quick menu and footer bar styling */ div.qmenu { margin-top: 5px; font-size: 65%; font-weight: bold;margin-left: 0; margin-right: 0; padding: 0; } div.qmenu ul.qlist { margin: 0px; padding: 0px; } div.qmenu li.qlist { display: inline; list-style-type: none; padding: 5px; } div.qmenu li.qlistrt { display: inline; list-style-type: none; padding: 5px; margin-left:50%; } /* * Main horizontal menu styling */ div.cmDiv { padding-right: 0; margin-top: 19px; font-weight: bold; font-style: normal; } .clickMenu { padding: 0; # cursor: pointer; } .clickMenu, .clickMenu ul { list-style: none; font-size: small; font-weight: bold; } .clickMenu ul { margin-left: -2px; /*for 2nd level menu at exact right of parent menu */ padding: 0px; /* to leave no space inside the drop down menu */ } .clickMenu div.outerbox { top: 20px; /* for IE6 */ display: none; width: auto; padding-top: 5px; } .clickMenu div.inner { top: 20px; /* for ie */ padding-left: 0; margin: 0; z-index: 20; } .clickMenu div.inner div.outerbox { left: 90px; /* for ie */ margin: 0; padding-left: 4px; padding-top: 5px; z-index: 30; } .clickMenu li { position: relative; padding: 5px; font-size: small; width: auto; } .clickMenu li.main { float: left; margin-top: 6px; /* to avoid visual crowding near the address */ padding: 6px; /* padding around the top menu bar li items */ } .clickMenu li.main li { z-index: 2; text-align: left; min-width: 78px; width: 157px; height:auto ; font-size: 11px; } .clickMenu li.main a { text-decoration: none; font-size: normal; font-weight: bold; } .clickMenu li.main.hover { # z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */ width: auto; font-weight: bold; } .clickMenu li.hover { z-index: 1 !important; /* the hover z-index has to be below the normal one hovering items may be drawn over submenu */ width: auto; font-weight: bold; } .clickMenu img.liArrow { position: absolute; right: 1px; top: 9px; } div.outerbox { z-index: 10; } div.innerbox { margin: 0; display: inherit; z-index: 20; left: 5px; } /* SPL NB and front page upcomingevent box */ table.splbox {width: 70%; margin-top: 10px;} table.splbox td {margin: 0; padding:0; font-weight: bold; font-size: 11px;} /* This size and layout elements of the design Notices Division */ div.notices { width: 85%; margin: 0; margin-left: 4em; padding-right: 0; } /* Notice Board Pagination */ table.notices td {white-space: nowrap; text-align: center; margin: 0; padding:0; width: 300px;} /* Style for NB display in multicolumn listing this week notices */ ul.multicol { width: 100%; padding: 0px; margin: 0px 0px 0px 14px; list-style-type: square; } ul.multicol li { float: left; width: 25%; position: relative; margin: 0px; padding: 0px; } /* * * Styling for different span * */ span.faqtext { font-size: medium; font-size: small; } span.uline{ text-decoration: underline; } /* * * Styling for avoiding print style h1 in web page * */ .prth1 { display: none; } @media print { .noprint { display: none; } .prth1 { font-size: 25px; display: block; text-align: center; } div.qmenu {display: none} div.topbar {display: none} }