/* header block */
#header { background:url(../images/title2.jpg); height:63px; _height:960px; border-bottom:3px solid #D1D5D8}
#header h1, 
#header h2 { position:absolute; left:15px; margin:0 }
#header h1 { top: 40px; }
#header h2 { top: 64px; }
#header h1 a, #header h2 a { display:block; text-indent:-999em; width:381px; }
#header h1 a { height:19px; background-position:top left }
#header h2 a { height:16px; background-position:bottom left}
#header ul.tabs { position:absolute; left:0; bottom:0; padding:0 13px 0 388px; height:27px; margin:0; background:url(img/header_tabs_background.gif) repeat-x bottom        }
#header ul.tabs li { list-style-type:none; margin:0; padding:0; list-style-image:none;float:left; }
#header ul.tabs li a { display:block; float:left; height:27px; text-indent:-999em; outline:none; background-image:url(img/header_tabs.png) }
#header li.prospective a { background-position: left top; width:140px; }
#header li.organization a { background-position: -140px top; width:108px }
#header li.current a { background-position: -248px top; width:116px }
#header li.mystanford a { background-position: right top; width:195px }
#header li.prospective a:hover { background-position: left -27px }
#header li.organization a:hover { background-position: -140px -27px }
#header li.current a:hover { background-position: -248px -27px }
#header li.mystanford a:hover { background-position: right -27px }
#header li.mystanford a.open,
#header li.mystanford a.open:hover { background-position: right -54px /* when the panel is open, the trigger tab gets this classname */ }

/* when a user logged in, set <body class="logged-in"> - changes mystanford tab size & state */
body.logged-in #header ul.tabs { padding-left: 432px }
body.logged-in #header li.mystanford a { background-position: right -81px; width:151px }
body.logged-in #header li.mystanford a:hover { background-position: right -108px }
body.logged-in #header li.mystanford a.open,
body.logged-in #header li.mystanford a.open:hover { background-position: right -135px }

/* cart contents */
#cart { position:absolute; z-index:10; top:11px; left: 726px; width:220px; text-align:right }
#cart p, #cart h3 { font-size:10px; margin:0 }
#cart h3 { color:#D1D5D8; float:left;  font-weight:normal}
#cart p { float:right; color:#FFCC00 }
#cart p a { color:#FFCC00 }