/* .......................................................................................... */
/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; padding-left: 5px; }
/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float - DW CS3 */
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
/* .......................................................................................... */
/* hide outlines/dotted boxes visible in Firefox (etc?) */
* { outline: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
/* ............ */
.fix-ie-opacity-text {
 *filter:progid:DXImageTransform.Microsoft.Chroma(color=#ffffff); /*in this case, #ffffff (pick from its parent element's background image color) will smooth the edge of texts*/
 *zoom:1;
 *background-color:#ffffff; background-color:#0000FF; }
body { color: #FFFFFF; /*#EBE5DD;*/ font-size: 100%;  /* Fixes exaggerated text resizing in IE6 and IE7 */ font: 10px/14px "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; /* font-size-adjust:none; */ font-style: normal; font-weight: normal; background: #070201 url(/images/mercedes_ghosh_bg.jpg); letter-spacing: .3px; }
/* ================================================================================= */
/* ///////////////////////          Main Styles									   ///////////////// */
/* ================================================================================= */

#page { position: relative; width: 861px; height: 549px; margin: 0 auto; top: 20px; background: url(/images/frame_top.png) no-repeat; }
#content { position: relative; width: 802px; height: 497px; left: 31px; top: 25px; background: #FFFFFF url(/images/mercedes_ghosh.jpg) no-repeat; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#music-player { position: absolute; bottom: 25px; width: 350px; height: 20px; right: -75px; bottom: -30px; z-index:9998; }
.cat-1 li.cat-1 li a, .cat-2 li.cat-2 li a, .cat-3 li.cat-3 li a, .cat-4 li.cat-4 li a, .cat-5 li.cat-5 li a, .cat-6 li.cat-6 li a, .cat-7 li.cat-7 li a, .cat-8 li.cat-8 li a { color: #333333; }
/* ON STATE */
.cat-1 li.cat-1 a, .cat-2 li.cat-2 a, .cat-3 li.cat-3 a, .cat-4 li.cat-4 a, .cat-5 li.cat-5 a, .cat-6 li.cat-6 a, .cat-7 li.cat-7 a, .cat-8 li.cat-8 a { color: #FF0000; }
/* ================================================================================= */
/* ///////////////////////          hivelogic enkoder						   ///////////////// */
/* ================================================================================= */
a.email.text-white, a.email.text-readable { float: left; width: 150px; /* 100%; */ height: 15px; /*  15px;*/ overflow:hidden; color:#FFF; background: #fff url(/includes/emails/email_bg_mail.gif) no-repeat 0 0; }
h1 { position: relative; margin:0; padding:0; font-size:18px; }
.sub { font-size: 16px; font-style:italic; color: #999999; display: block; text-indent: 100px; font-weight: lighter; }
.centered { position: relative; height: 1em; margin-bottom: 2em; }
.centered span { position: absolute; /* center the text */ text-align: center; display: block; margin: 0 auto; padding: 0; width: 420px;  /* <<<<<<<<<<<< ------------- forced centering  */ hight: 1em;/* display: inline;
	_zoom:1;
	word-wrap: break-word; /* overflow: hidden; (optional)   (break-word for text & hidden for images)  Internet Explorer and the Expanding Box Problem  */ }
h2 { font-size:1.8em; margin-bottom: 9px; margin-bottom: .75em; color: #865738; color: #DCE2F5; color: #48477F; }
h3 { font-size:1.35em; margin-bottom: .5em; color:#fff; }
h4 { font-size: 1em; line-height: 1.4em; color: #fbf3dc; margin-bottom: 1em; }
ul { }
ul.events { color:#DAECFF; margin-bottom:22px; }
ul.events li { /*background:url(/images/separator_events.png) bottom left no-repeat;*/ list-style: outside square; margin-left: 15px; }
ul.events h3 { margin-bottom: .75em;  }
.events span { font-size:1em; margin-bottom: 1em; }
.events strong { font-size:11px; margin-bottom: 1em; color:#FFF1C5; }
p.caption { font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; margin:0 0 20px 16px; }
a { color: #DCE2F5; text-decoration: none; }
a:hover { color: #BBDFFF; }
a:active { color: #C9B28C !important; }

.SlidingPanelsContent a { text-decoration: none;  }
.events a { color: #fff;text-decoration: underline;  }
.events a:hover { text-decoration: underline;  }

/* ON STATE */
.profile a.profile, .people a.people, .portfolio a.portfolio, .recognition a.recognition, .contact a.contact, .links a.links { color: #FF0000; }


a.pdf { display: block; padding-left: 20px; background-image: url(/includes/images/globalicon_pdf12x12.gif); background-repeat: no-repeat; background-position: 0 -.1em; *background-position: 0 0; /* ie */
_background-position: 0 0; /* ie */ }
a.pdf.inline { display: inline; padding-left: 0px; padding-right: 15px; background-position: right 0.1em; }
h1 { font-size: 1.1em; text-transform: uppercase; padding-bottom: 10px; }
.special { width:5px; visibility:hidden; }
img { border: none; behavior:url(/includes/scripts/iepngfix.htc); }
.highlight { color: #FFA200; }
.bold { font-weight: bold; }
.larger { display: inline; font-size: 1.3em; vertical-align: middle; *font-size: 1.1em;
}
p { padding: 0px; margin-bottom: 10px; }
p.last { margin-bottom: 15px; }
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */

#mainContent { position: absolute; left: 380px; top: 100px; padding: 0; width: 429px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.SlidingPanels { float: left; position: relative; padding: 0px; border: none; 			/* height: auto; overflow: hidden;*/ width: 420px; height: 380px; overflow-x: hidden; overflow-y: scroll; }
.SlidingPanelsContentGroup { position: relative; float: left; margin: 0px; padding: 0px; border: none; /*width: 10000px;*/ }
.SlidingPanelsContent { float: left; overflow: hidden; margin: 0px; padding: 0px; margin-right:20px; padding-top: 20px; border: none; width: 400px; }
#p1Panel.SlidingPanelsContent { padding-top: 0; }
#p2Panel.SlidingPanelsContent { height: 360px; overflow-y: visible; }
a.more { display:block; height:16px; width: 100px; padding-right: 20px; background: url(/images/arrow.gif) no-repeat right center;  /*  13x13px  arrow used in list items for districts   control li line height using: height:1.7em; (vs 13px;)*/ }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.contentDivider { border-bottom:1px solid #969696; height: 1px; }

/* top nav */
.slidingTabPanelWrapper { height: 18px; /* height:46px;*/  /*margin:20px 0 10px 0;*/ 		/*display: none;*/ position: absolute; top: -125px; right: -10px; width: 450px; z-index: 9998; }
.slidingTabPanel { list-style:none; /*margin:0 auto; */ padding:0; height: 18px; /* height:46px;*/ /*background:url(/images/tab_shadow.png) bottom center no-repeat; border-bottom:1px solid #969696;*/ }
.slidingTabPanelWrapper .slidingTabPanel { float: right; display: block; }
.slidingTabPanel li { list-style:none; float:left; text-align: left; }
.slidingTabPanel li.last { margin-right: 0; }
.slidingTabPanel a { font-size: 12px; text-align: left; font-weight: normal; color: #D1DBF0 !important; }
.slidingTabPanel a, a.tab { position:relative; display:block; height: 18px; /*height:46px; */ background-position:-100px; cursor:pointer; padding-right: 10px; }
a.tab:hover { background-position:-50px; }
a.tabActive { position:relative; display:block;  height: 18px; /*height:46px; */ cursor:default; outline:none; color: #C9B28C !important; }
.slidingTabPanel.script { display: none; }
.slidingTabPanel.noscript { display: block; }


.SlidingPanelsContent h2 { }
.SlidingPanelsAnimating * { overflow: hidden !important; }
/* logo bullet image */
 /*ul {list-style-type: disc; padding-left: 0px; list-style-image: url(/images/bullet.gif); } */
ul.slidingTabPanel { list-style-image: none; }
li { padding-right: 5px; }
#effects { background-image:url(/images/tab_4_move.jpg); }
/* panel contents */


#home-quote { display: block; position: relative; margin: 0 0 35px 25px; }
#home-quote blockquote { font-size: 19px; line-height: 1.25em; letter-spacing: .4px; color: #fff; font-weight: 100; /*font-family: Garamond, "Times New Roman", Times, serif;*/ text-align: center; margin: 50px 0 30px -90px; }
#home-quote span#wow { font-size: 20px; line-height: 1.5em; letter-spacing: .5px; }
#home-quote #promo { margin: 0px 0px 25px 0px; display: block; }
#home-quote #promo h3#intro { font-size: 12px; line-height: 1.75em; color: #fbf3dc; font-weight: 100; margin-bottom: 30px; }
#home-quote li { margin-bottom: 6px; }
/*.bqstart, .bqend { float:left; font-family:'Lucida Grande', helvetica, arial, sans-serif; font-size:700%; font-style:normal; height:45px; margin-bottom:-50px; margin-top:-20px; padding-top:45px; color: #f6dc96; border: 1px dotted grey; visibility: hidden; }
.bqend { float:right; height:25px; margin-top:0; padding-top:45px; margin-bottom: 0; position:absolute; right:-35px; bottom:50px; }*/

 
.contact p { font-size: 1.1em; line-height: 1.2em; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* IMAGE BOX - Relatively Positioned on the Left Side  
(For fading: Must change position style in quote js  */
.imageBox { float:right; width:155px; font:italic 14px/18px Georgia, 'Times New Roman', Times, serif; color:#444; background-color: #F8F8F8; background: url(/images/quote_bg.jpg) repeat-x top left; /* BL */ margin: 0 0 10px 15px; text-indent:-5px; *text-indent: 0px; /* IEwin7 */
/* BL added - removed orig inline styles. Note: .js file adds these styles as well */
	position: relative; height: 190px; }
.image { background-color: #F8F8F8; /* Essential BL - http://icant.co.uk/sandbox/msieopacityissue/   If you use an animation library to fade elements in and out, make sure to add a background colour to the element you animate, otherwise MSIE will play silly buggers with the font face. */ /* OR */ background: url(/images/quote_bg.jpg) repeat-x top left; /* BL */ margin:10px 15px 5px; /* orig  20 */ _margin-left: 10px; /* IEwin6 */ width:140px; /* BL added - removed orig inline styles. Note: .js file adds these styles as well */ position: absolute; top: 0px; right: 0px; opacity: 0; z-index: 9998; display: none;  /* prevents momentary simultaneous display of all quotes */ }
/* ----------------------- */


#quote { }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* NEW QUOTE BOX - Absolutely Positioned on the Left Side  
Must change position style in quote js */
#p6Panel.SlidingPanelsContent .quoteBox { position: relative; left: 3px; top: 20px; width: 350px; font:italic 11px/17px Georgia, 'Times New Roman', Times, serif; background-color: #F8F8F8; background: url(/images/quote_bg.jpg) repeat-x top left; /* BL */   /* text-indent:-5px;  *text-indent: 0px; IEwin7 */ /* BL added - removed orig inline styles. Note: .js file adds these styles as well */
	height: 190px; z-index: 1000; }
#p6Panel.SlidingPanelsContent .quote { background-color: #F8F8F8; /* Essential BL - http://icant.co.uk/sandbox/msieopacityissue/   If you use an animation library to fade elements in and out, make sure to add a background colour to the element you animate, otherwise MSIE will play silly buggers with the font face. */ /* OR */ background: url(/images/quote_bg.jpg) repeat-x top left; width: width: 350px;  /* BL added - removed orig inline styles. Note: .js file adds these styles as well */
position: absolute; top: 0px; left: 0px; opacity: 0; z-index: 2000; display: none; /* prevents momentary simultaneous display of all quotes */ }
#p6Panel.SlidingPanelsContent .quoteBox SPAN { float:right; text-align:right; /*color:#818181;*/ font-size:10px; line-height:12px; padding-top:6px; display: block; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* ================================================================================= */
  /* ///////////////////////          Design Credits						   ///////////////// */
/* ================================================================================= */
#credits * { font-size: 10px !important; }
a#credits-link { position: absolute; left: 30px; bottom: 0px; height: 15px; padding: 0; margin:0; text-shadow: 1px 1px 1px #FFFFFF; overflow: hidden; font-weight:normal; font-size: 10px !important; }
a#credits-link.hidden { visibility: hidden; }
a:hover#credits-link { text-shadow: 1px 1px 1px #fff; text-decoration: none; }
.light a#credits-link { color: #4B4F66; text-shadow: 1px 1px 1px #000000; }
.light a:hover#credits-link { color: #A3A7B6; text-shadow: 1px 1px 1px #111111; }
#credits #recognition { position:absolute; left: 30px; bottom: 0px; width: 50%; height: 15px; visibility: hidden; z-index: 1000; }
#recognition #links { color: #777777; text-align: left; /*width: 800px; height: 15px; margin: 0 auto;*/ }
.light #recognition #links { color: #838399; }
#links a { text-shadow: none; font-weight:normal; }
.light #links a { color: #B9BACC; }
.light #links a:hover { color: #EFF1FF; }
/* ================================================================================= */
/* ///////////////////////          SSP Content									   ///////////////// */
/* ================================================================================= */
#content-loader { position: relative; padding-top: 20px; width: 350px; /* 603px; */ display: block; overflow: visible;/*background:url(/images/spinner_666666.gif) no-repeat 50% 115px;*/ /*  NOTE: when js is disabled: 1. noscript display: none;  OR OPT 2. top: 55px; positions (hides) the spinner behind  the get flash logo */
}
#flashcontent { position: relative; width:350px; height:310px; background-color: transparent; z-index: 100; }
/* .......................................................................................... */
/* alternate content  */
/* .......................................................................................... */
#alternate-content { position: relative; width:100%; height:100%; }
.home #alternate-content { position: relative; width:100%; height:100%; }
#flash-message { position: relative; color: #777; text-align: center; }
#flash-message p { padding-bottom: 1.1em; margin-top: 0; }
#flash-message h3 { font-style: normal; font-size: 1em !important; padding-bottom: 3.1em; }


/* PRINT */
@media print {
.slidingPanel { overflow: visible !important; }
.SlidingPanelsContent { display: block !important; overflow: visible !important; height: auto !important; }
}
/* 	From the Widget: The "!important" on these rules is necessary because the Accordion widget places inline styles
		on the actual AccordionPanelContent elements when opening and closing them. 
  	Since inline styles have a higher CSS specificity then CSS class rules, "!important" is necessary to "trump" the inline styles.	*/