Template:IISER Berhampur

html { height: 100%;} * { margin: 0; padding: 0;} body { font: normal .80em 'trebuchet ms', arial, sans-serif; background: #FFF; color: #555;} p { padding: 0 0 20px 0; line-height: 1.7em;} img { border: 0;} h1, h2, h3, h4, h5, h6 { color: #362C20; letter-spacing: 0em; padding: 0 0 5px 0;} h1, h2, h3 { font: normal 170% 'century gothic', arial; margin: 0 0 15px 0; padding: 15px 0 5px 0; color: #000;} h2 { font-size: 160%; padding: 9px 0 5px 0; color: #009FBC;} h3 { font-size: 140%; padding: 5px 0 0 0;} h4, h6 { color: #009FBC; padding: 0 0 5px 0; font: normal 110% arial; text-transform: uppercase;} h5, h6 { color: #888; font: normal 95% arial; letter-spacing: normal; padding: 0 0 15px 0;} a, a:hover { outline: none; text-decoration: underline; color: #AEB002;} a:hover { text-decoration: none;} blockquote { margin: 20px 0; padding: 10px 20px 0 20px; border: 1px solid #E5E5DB; background: #FFF;} ul { margin: 2px 0 22px 17px;} ul li { list-style-type: circle; margin: 0 0 6px 0; padding: 0 0 4px 5px; line-height: 1.5em;} ol { margin: 8px 0 22px 20px;} ol li { margin: 0 0 11px 0;} .left { float: left; width: auto; margin-right: 10px;} .right { float: right; width: auto; margin-left: 10px;} .center { display: block; text-align: center; margin: 20px auto;} #main, #logo, #menubar, #site_content, #footer { margin-left: auto; margin-right: auto;} #header { background: #323534 url(back.png) repeat-x; height: 177px;} #banner { background: transparent url(banner.jpg) no-repeat; width: 860px; height: 180px; margin-bottom: 20px; border: 10px solid #DDD;} #logo { width: 880px; position: relative; height: 140px; background: transparent;} #logo #logo_text { position: absolute; top: 10px; left: 0;} #logo h1, #logo h2 { font: normal 300% 'century gothic', arial, sans-serif; border-bottom: 0; text-transform: none; margin: 0 0 0 9px;} #logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { padding: 22px 0 0 0; color: #FFF; letter-spacing: 0.1em; text-decoration: none;} #logo_text h1 a .logo_colour { color: #E4EC04;} #logo_text a:hover .logo_colour { color: #FFF;} #logo_text h2 { font-size: 120%; padding: 4px 0 0 0; color: #999;} #menubar { width: 880px; height: 46px;} ul#menu { float: right; margin: 0;} ul#menu li { float: left; padding: 0 0 0 9px; list-style: none; margin: 1px 2px 0 0; background: #5A5A5A url(tab.png) no-repeat 0 0;} ul#menu li a { font: normal 100% 'trebuchet ms', sans-serif; display: block; float: left; height: 20px; padding: 6px 35px 5px 28px; text-align: center; color: #FFF; text-decoration: none; background: #5A5A5A url(tab.png) no-repeat 100% 0;} ul#menu li.selected a { height: 20px; padding: 6px 35px 5px 28px;} ul#menu li.selected { margin: 1px 2px 0 0; background: #00C6F0 url(tab_selected.png) no-repeat 0 0;} ul#menu li.selected a, ul#menu li.selected a:hover { background: #00C6F0 url(tab_selected.png) no-repeat 100% 0; color: #FFF;} ul#menu li a:hover { color: #E4EC04;} #site_content { width: 880px; overflow: hidden; margin: 20px auto 0 auto; padding: 0 0 10px 0;} #sidebar_container { float: right; width: 224px;} .sidebar_top { width: 222px; height: 14px; background: transparent url(side_top.png) no-repeat;} .sidebar_base { width: 222px; height: 14px; background: url(side_base.png) no-repeat;} .sidebar { float: right; width: 222px; padding: 0; margin: 0 0 16px 0;} .sidebar_item { background: url(side_back.png) repeat-y; padding: 0 15px; width: 192px;} .sidebar li a.selected { color: #444;} .sidebar ul { margin: 0;} #content { text-align: left; width: 620px; padding: 0 0 0 5px; float: left;} #content ul { margin: 2px 0 22px 0px;} #content ul li, .sidebar ul li { list-style-type: none; background: url(bullet.png) no-repeat; margin: 0 0 0 0; padding: 0 0 4px 25px; line-height: 1.5em;} #footer { width: 100%; font-family: 'trebuchet ms', sans-serif; font-size: 100%; height: 80px; padding: 28px 0 5px 0; text-align: center; background: #3B3939 url(footer.png) repeat-x; color: #A8AA94;} #footer p { line-height: 1.7em; padding: 0 0 10px 0;} #footer a { color: #A8AA94; text-decoration: none;} #footer a:hover { color: #FFF; text-decoration: none;} .search { color: #5D5D5D; border: 1px solid #BBB; width: 134px; padding: 4px; font: 100% arial, sans-serif;} .form_settings { margin: 15px 0 0 0;} .form_settings p { padding: 0 0 4px 0;} .form_settings span { float: left; width: 200px; text-align: left;} .form_settings input, .form_settings textarea { padding: 5px; width: 299px; font: 100% arial; border: 1px solid #E5E5DB; background: #FFF; color: #47433F;} .form_settings .submit { font: 100% arial; border: 0; width: 99px; margin: 0 0 0 212px; height: 33px; padding: 2px 0 3px 0; cursor: pointer; background: #3B3B3B; color: #FFF;} .form_settings textarea, .form_settings select { font: 100% arial; width: 299px;} .form_settings select { width: 310px;} .form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px; border: 0; background: none;} .separator { width: 100%; height: 0; border-top: 1px solid #D9D5CF; border-bottom: 1px solid #FFF; margin: 0 0 20px 0;} table { margin: 10px 0 30px 0;} table tr th, table tr td { background: #3B3B3B; color: #FFF; padding: 7px 4px; text-align: left;} table tr td { background: #E5E5DB; color: #47433F; border-top: 1px solid #FFF;}