<meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> #g_title p, #g_footer p, #g_description p { margin: 0; } /* -- -- -- -- -- -- -browser fixes -- -- -- -- -- -- -this file uses css filtering methods to fix various layout bugs. each of the following three imported files is a separate, browser-specific css file that keeps all hacks out of the main style sheet. over time, as supporting these browsers no longer remains a priority, cleaning up the hacks is as easy as deleting the @import statement below, or simply no longer linking this file from the html. */ /* fix ie6 "peekaboo bug" using the "holly hack". note, this style only gets applied to ie6 */ * html .wrapper { height: 0.1%; } /* * ie5 mac - overrides the ie/win hack */ /*\*//*/ * html #threecolumn div { height: auto; } /**/ /* * ie5/win-specific css -ensures #container wraps all content on window resize */ @media tty { i{content:"\";/*" "*/}} * html #container { height: 1%; } /*";} }/* */ /* styling for editable elements. eventually, this will be part of the style. */ .editable { border: 1px dashed blue; } #footer { clear: both; } /* extra divs hidden by default. the custom css can override this though */ #extradiv1, #extradiv2, #extradiv3, #extradiv4, #extradiv5, #extradiv6 { display: none; } a img,:link img,:visited img {border: none;} /* -- -- -- -- -- -- --

2 column layout left sidebar -- -- -- -- -- -- -*/ /* center #container, constrain to 718px width ----------------------------------------------- */ body { text-align: center; } #container { width: 718px; text-align: left; margin: 0 auto; } /* set up the columns ----------------------------------------------- */ #main-content { float: right; width: 470px; overflow: hidden; } #sidebar { float: right; width: 230px; overflow: hidden; } /* clear the footer ----------------------------------------------- */ #footer { clear: both; } /** begin custom skin **/ /* general layout */ body { font-family: tahoma, helvetica, arial, sans-serif; font-size: 83%; margin: 0em; padding: 0em; border-top: 1em solid white; border-bottom: 1em solid white; background: white; } body div#container { padding: 0em; margin-top: 0em; border-top: 1em solid white; /* a hack: without it firefox adds top margin in layouts with sidebar */ background: url(/-/includes/style/madison/madison-three/box-fill.gif) center repeat-y; } div#container div.wrapper { padding: 0em; margin: 0em; background: url(/-/includes/style/madison/madison-three/box-top.gif) top center no-repeat; } div#container div.wrapper div { background: transparent;

} div#header { padding: 0em 50px; padding-top: 2em; padding-bottom: 4em; margin: 0em; margin-bottom: 2em; background: url(/-/includes/style/madison/madison-three/box-bottomtop.gif) bottom center no-repeat !important; } div#header div.wrapper { padding: 0em; margin: 0em; } div#main-content { line-height: 160%; color: #3f3f3f; } div#main-content div.wrapper { background: transparent; } div#sidebar,div#sidebar-alternate { font-size: 83%; line-height: 140%; color: #3f3f3f; padding: 0em; margin: 0em; } div#sidebar,div#sidebar-alternate div.wrapper { background: transparent; } div#footer { color: #c83f55; background: url(/-/includes/style/madison/madison-three/box-bottom.gif) bottom center no-repeat !important; padding-bottom: 2em; text-align: center; } /* adjusting widths for different layouts */ body#onecolumn div#main-content { padding: 0em 8px; width: 702px; } body#twocolumn-left div#main-content { margin-left: 20px; margin-right: 25px; width: 425px; display: inline; } body#twocolumn-left div#sidebar { margin-left: 10px; padding-right: 20px; width: 200px; border-right: 1px solid #d6d7ff; display: inline; } body#twocolumn-right div#main-content { margin-left: 8px;

margin-right: 20px; width: 442px; display: inline; } body#twocolumn-right div#sidebar { margin-right: 10px; padding-left: 20px; width: 200px; border-left: 1px solid #d6d7ff; display: inline; } body#threecolumn div#main-content { margin-left: 20px; margin-right: 20px; width: 380px; display: inline; } body#threecolumn div#sidebar { padding-right: 15px; width: 108px; padding-left: 25px; display: inline; border-right: 1px solid #d6d7ff; } body#threecolumn div#sidebar-alternate { padding-left: 15px; width: 108px; padding-right: 25px; display: inline; border-left: 1px solid #d6d7ff; } /* general styles: headings */ h1, h2, h3, h4, h5, h6, p.description { font-family: tahoma, helvetica, arial, sans-serif; } h1 { font-size: 160%; font-weight: bold; color: #c83f55; background: url(/-/includes/style/madison/madison-three/tab-fill.gif) left repeaty; padding-left: 42px; line-height: 0.7em; padding-bottom: 0.05em; margin-top: 2em; } h2 { font-size: 160%; font-weight: normal; color: #c83f55; background: url(/-/includes/style/madison/madison-three/tab-fill.gif) left repeaty; padding-left: 42px; line-height: 0.7em; padding-bottom: 0.05em; } h3 { font-size: 110%; font-weight: bold;

color: #c83f55; background: url(/-/includes/style/madison/madison-three/tab-fill.gif) left repeaty; padding-left: 42px; line-height: 0.7em; padding-bottom: 0.05em; margin-top: 2em; } h4 { font-size: 100%; font-weight: bold; color: #c83f55; background: url(/-/includes/style/madison/madison-three/tab-fill.gif) left repeaty; padding-left: 42px; line-height: 0.7em; padding-bottom: 0.05em; margin-top: 2em; } h5 { font-size: 100%; font-weight: bold; color: #c83f55; padding-left: 42px; line-height: 0.7em; padding-bottom: 0.05em; margin-top: 2em; } h6 { font-size: 100%; font-weight: normal; color: #c83f55; padding-left: 42px; line-height: 0.7em; padding-bottom: 0.05em; margin-top: 2em; } hr { background: white; height: 1px; border: 0em; border-top: 1px solid #d6d7ff; margin: 2em 42px !important; } p, ul, ol, table, blockquote, hr, dl { margin-left: 42px; margin-right: 42px; } /* general styles: links */ a { color: #7476bd; text-decoration: none; border-bottom: 1px solid #7476bd; /* this underline is further away from the text = more legibility */ } a:visited { color: #7476bd; text-decoration: none;

border-bottom: 1px dotted #7476bd; /* this underline is further away from the text = more legibility */ } /* general styles: lists */ ul, ol { padding-left: 1.8em; } ul ul, ol ol { margin-left: 0px !important; } dt { padding-left: 0em; margin-left: 0em; } dd { padding-left: 0em; margin-left: 1.8em; } dl { padding-left: 0em; } blockquote { padding-left: 1.8em; } /* general styles: tables */ table { border-collapse: collapse; margin-top: 1em; margin-bottom: 1em; } table td,table th { padding: 0.3em 0.6em; vertical-align: top; text-align: left; } table th { border-bottom: 1px dotted #c83f55; color: #c83f55; } table caption { text-align: center; font-weight: bold; color: black; padding: 0em 42px; _padding: 0em 0px; /* hack for ie6: it understands padding differently here */ } /* specific styles */ h1#page-title { font-size: 300%; font-weight: bold; color: #c83f55; letter-spacing: -1px; display: block; border: 0em; padding: 0em; margin: 0em; line-height: 120%; background: transparent;

} div#g_description { font-size: 140%; font-weight: normal; color: #7476bd; text-align: right; } /* corrections for different layouts */ div#sidebar h1, div#sidebar h2, div#sidebar h3, div#sidebar h4, div#sidebar h5, div#sidebar h6, div#sidebar-alternate h1, div#sidebar-alternate h2, div#sidebar-alternate h3, div#sidebar-alternate h4, div#sidebar-alternate h5, div#sidebar-alternate h6, body#twocolumn-left h1, body#twocolumn-left h2, body#twocolumn-left h3, body#twocolumn-left h4, body#twocolumn-left h5, body#twocolumn-left h6, body#twocolumn-left table caption, body#threecolumn h1, body#threecolumn h2, body#threecolumn h3, body#threecolumn h4, body#threecolumn h5, body#threecolumn h6, body#threecolumn table caption { background: transparent; padding-left: 0px; line-height: 120%; } body#twocolumn-left div#header, body#threecolumn div#header { padding-left: 25px; padding-right: 25px; } body#twocolumn-right div#header { padding-right: 25px; } body#twocolumn-right p, body#twocolumn-right ul, body#twocolumn-right ol, body#twocolumn-right table, body#twocolumn-right blockquote, body#twocolumn-right hr, body#twocolumn-right dl { margin-right: 0px; } body#twocolumn-left p, body#twocolumn-left ul, body#twocolumn-left ol, body#twocolumn-left table, body#twocolumn-left blockquote, body#twocolumn-left hr, body#twocolumn-left dl, body#threecolumn p, body#threecolumn ul, body#threecolumn ol, body#threecolumn table, body#threecolumn blockquote, body#threecolumn hr, body#threecolumn dl { margin-left: 0px; margin-right: 0px; } /** end custom skin **/ <script type="text/javascript" src="js/prototype-1.4.0.js"> <script type="text/javascript" src="js/rico.js"> <script> /* =========================================== */ /* album records are defined in this block */ /* ============================================ */ sanjeev = { photo : 'images/rajeev.jpg', name : 'sanjeev jha' , phone : '9986010132' }; boonboon = { photo: 'images/panda1.jpg', name: 'boon boon' , phone : '08032906693' } ;

teamalbum = { index : 0 , members : [ boonboon, sanjeev] , next : function(){ this.index++ ; } , previous : function(){ this.index-- ; } } ; /* ======== end album record =================== */ function closealbum() { album = document.getelementbyid("imagealbum"); album.style.display ='none' ; } function previmage(){ if(teamalbum.index == 0 ) return ; teamalbum.index= teamalbum.index - 1 ; showalbum(); } function nextimage(){ if(teamalbum.index == teamalbum.members.length -1) return ; teamalbum.index= teamalbum.index + 1 ; showalbum(); } function showaccordion(){ /* now construct a rico accordion widget for the sidebar */ accordion = new rico.accordion( $('accordiondiv'), {panelheight:300} ); } function showalbum() { imageframe = document.getelementbyid("albumcontent"); imageframe.style.display ='block' ; imageframe.innerhtml = '
' + teamalbum.members[teamalbum.index].name + ' -- ' + teamalbum.members[teamalbum.index].phone + '
 previous ||  next  || close' ; }