<!-- #============================================================== -->
<!-- # Styles.
<!-- #============================================================== -->

<!-- #============================================================== -->
<!-- # COPYRIGHT @C 2005, Orielle LLC.  All rights reserved.
<!-- #============================================================== -->

<!-- #==== -->
<!-- # loose.dtd in doctype affects: font size, corner spacing.
<!-- #==== -->

<!--

html {
	height: 100%;			/* fill viewport */
}

body{
	margin: 0px;
	padding: 0px;
	height: 100%;			/* fill viewport */
	margin-bottom: 0px;

	/*** Not: firefox
	border-left: #666666 1px solid;
	border-right: #666666 1px solid;
	***/

	/* text-align: center;	-- to center page, with margin:auto */
	background: url("/images/background_gradient.jpg") #44443a repeat 0px 200px;
	background: url("/images/gradient_dim.jpg") #44443a repeat 0px 200px;
	scrollbar-base-color: #000000;
	font: 100% arial, verdana, sans-serif;
	color: #ffffff; 
	line-height: 1.166;	
	/* font: 12px arial, verdana, sans-serif; -- IF contentBody IN TABLE */
	/* font-family: Arial,sans-serif; font-size: 10pt; */
}
/****
 * Text size warning: (1) Ignore font sizes will use H2, H3, etc.
 *		      (2) Font % will be inherited across ancestors.
 ****/

/**********************************************************************
 * Text styles.
 **********************************************************************/

/******* Hyperlink and anchor tag styles *******/
a:link, a:visited {
	color: #99ccff;		
	text-decoration: none;
}
a:hover {
	color: firebrick;		/* color: #ccffff; */
	text-decoration: none;
}
#contentBody a:link {
	color: #99ccff;
	text-decoration: none;
}
#contentBody a:visited {
	color: #99ccff;
	text-decoration: none;
}
#contentBody a:hover {
	color: firebrick;	/* color: #ccffff; */
	text-decoration: none;
}

#contentBody a.header2:link, #contentBody a.header2:visited {
	/* font: bold 13px Arial; */		/* VariableFont */
	font-weight: bold;
	color: #99ccff;
	text-decoration: none;
}
#contentBody a.header2:hover {
	/* font: bold 13px Arial; */		/* VariableFont */
	font-weight: bold;
	color: firebrick;		/* color: #ccffff; */
	text-decoration: none;
}

#contentBody a.header3:link, #contentBody a.header3:visited {
	font: bold 100% Arial,sans-serif;
	color: #99ccff;
	text-decoration: none;
}
#contentBody a.header3:hover {
	font: bold 100% Arial,sans-serif;
	color: firebrick;
	text-decoration: none;
}

/****
#contentBody h1 {
	margin:0;
	padding-left:.3em;
	font-family: "Times New Roman", "Times", serif;
	font-size: 24px;
	font-weight: bold;	-- font: 1.25em Verdana,Helvetica,Arial;
	text-align: left;
	color: #003333;		-- color:#609;
	}
****/

/************** Header tag styles **************/
h1 {
	font: bold 120% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
h2 {
	font: bold 114% Arial,sans-serif;
	color: #ccffff;
	margin: 0px;
	margin-bottom: 1em;
	padding: 0px;
}
h2.nospace {
	margin: 0px;
}
h2.normalFont {
	font: bold 100% Arial,sans-serif;
}
h2.sectionName {
	/* font:bold 24px "Times New Roman","Times",serif; */ /* VariableFont */
	font: bold 185% "Times New Roman", "Times", serif;
	font: bold 114% "Times New Roman", "Times", serif;
	color: #ccffff;
	margin: 20px 0 18px 0;
}
h2.pageSubTitle {
	font: bold 114% "Times New Roman", "Times", serif;
	color: rgb(58, 244, 241);	/* Logoedge color */
	color: #ccffff;
	margin-bottom: 0.5em;
}
h3 {
	font: bold 100% Arial,sans-serif;
	color: #ccffff;
	margin: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px;
}
h3.colored {
	background:#CADFF4;
	color: #006699;
	border: 1px solid gray;
	padding-left: 1em;
}
h3.nospace {
	margin: 0px;
}
h3.normalFont {
	font: bold 100% Arial,sans-serif;
}
h3.legal {
	margin-bottom: 0px;
}
h4 {
	font: 100% Arial,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	color: #ccffff;
}
h5 {
	font: 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}
span.cv_name {
	/* font:bold 24px "Times New Roman","Times",serif; */ /* VariableFont */
	font: bold 185% "Times New Roman", "Times", serif;
	color: #003333;
	color: #ccffff;
}
span.cv_title {
	/* font:bold 18px "Times New Roman","Times",serif; */ /* VariableFont */
	font: bold 140% "Times New Roman", "Times", serif;
	color: #003333;
	color: #ccffff;
}
div.cv_contact {
	font: bold 100% Arial,sans-serif;
	color: #003333;
	color: #ccffff;
}

/*************** List tag styles ***************/
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: circle;
}
ul ul ul {
	list-style-type: hyphen;
}
UL.cv_projects {
	margin-left: 0px;
	margin-bottom: 12px;
	padding-left: 18px;
	list-style-image: url("/images/ball.gif")
	/**
	text-indent: -1em;
	list-style-position: inside;
	**/
}

/*************** Superscript styles ***************/
sup { font-size: 65% }

/********* Form and related tag styles *********/
form {
	margin: 0;
	padding: 0;
}
label {
	font: bold 1em Arial,sans-serif;
	color: #334d55;
}
input {
	font-family: Arial,sans-serif;
}

/********* Div visibility styles *********/
.hidden {
	display: none;
}
.visible {
	display: block;
}

/**********************************************************************
 * Layout divs.
 *
 * Box model: {margin, padding, border, content} : top right bottom left
 *    Width = content width. Think of it as clock face: 12=T 3=R 6=B 9=L
 **********************************************************************/

/**********************************************************************
 * Body Styles.
 **********************************************************************/

/**********************************************************************/
/**** OUTLINE:  (contents, header, main, footer)
 RENAME: pageFooterOuter => bottomPage, outerTopNav => topBar
	 globalNavBar => menuBar
 MOVE: breadCrumb out  [Jan 12 2007]
wholePage
  topPage
    pageHeader
      siteName
      utility
    topBar
      menuBar
	topNav (List)
      breadCrumb
    pageCellTopSpacer
    pageCell
      sideBar
	sideBarTopCorner
	sideNav (List)
	sideBarBottomCorner
      rightBar
      pageName
      pageContent
	contentBody
  bottomPage
    pageCellBottomSpacer
    pageFooter
      bottomLine
      smallLogo
      siteInfo
****/

/**** HOWTO: footer at bottom. (SEE: FooterStickAlt)
	Div layout: page { nonFooter } footer
	html, body { height: 100%; }
	#page { min-height: 100%; }
	* html #page { height: 100%; }
	#nonFooter { position: relative; min-height: 100%;
		padding-bottom: 7.5em; }
	* html #nonFooter { height: 100%; }
	#footer { position: relative; margin-top: -7.5em; }
	* html #footer { margin-top: -7.4em; }
****/

/**** HOWTO: footer at bottom.  (SEE: FooterStick, or: A List Apart - Footers)
	Div layout: container { content footer }
        html, body { height: 100%; }
        container { position: relative; min-height: 100%; }
	* html #container { height: 100%; }
        content { padding-bottom: 48px }
        footer { position: absolute; bottom: 0px; }
****/

/**** HOWTO: Inject menus.
	Inject using Javascript document.write(): top menu, sidebar, footer
	Q: Parameterized to indicate in menu, which is current entry
****/
/**********************************************************************/

#wholePage {
	margin-left: auto;	/* margin-right: 2% ; width:98% */
	margin-right: auto;	/* center in parent */
	text-align: left;

	/***
	margin-top: 10px;
	border-top: #333333 1px solid;
	***/

	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth < 745 ? "744px" : "" );
	min-width:744px;		/* tailor - width here */

	width: 99.9%;			/* fill viewport - width - firefox */
					/* Box model hack - firefox */

	min-height: 100%;		/* fill viewport */
	position: absolute;	/* fill viewport : pre-IE8 was relative */

	background: url("/images/flipped_5_topbar.gif") repeat-y 110px 0px;
		/* Fixed width : wholePage.backgroundPosition */
	background-color: none;

	/* Dependency: sidebar width */
	/**
	background: url("/images/flipped_5_topbar.gif") repeat-y 10em 0px;
	**/

	/***
	border-left: #444444 1px solid;
	***/
	border-right: #333333 1px solid;
	}

* html #wholePage {
	height: 100%;			/* fill viewport */
	width: 100%;			/* fill viewport - width */
	}	

#topPage {
	height: auto;
	padding-bottom: 3em;		/* fill viewport */
}

*html #topPage {
	padding-bottom: 5em;		/* fill viewport */
	/** margin-bottom: 5em; **/	/* fill viewport */
}

/**** PageHeader ****************************************************/
#pageHeader {
	margin-bottom: 0px;
	position:relative;		/* Halo: position:absolute; */
	width:100%;			/* 99.9% to show right border */
	padding-top: 1px;		/* firefox */
	padding-bottom: 92px;		/* Firefox, IE below */

	font: 10pt Arial,sans-serif;

/* ALTERNATE BLACK */
	/**
	background: #ffffff url("/images/darker_sand_short.jpg") repeat-x 0px -30px;
	**/
	background: url("/images/background_gradient.jpg") #44443a repeat 0px 110px;
	}
  * html #pageHeader {
	padding-top: 0px;
	padding-bottom: 92px;
	}
  #siteName {
	margin-left: 10px;
	margin-bottom: 0px;			/* firefox */
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	}
  * html #siteName {
	margin-bottom: -5px;
	}

    #logo {
	position:absolute;
	background: url("/images/orielle_logo_v7_logo_fit.png") no-repeat;
	height:80px;    /* orig -- 89 px; */
	width:80px;     /* orig -- 89 px; */
	top: 9px;		/* Firefox, IE below */
	left: 8px;
	}
    * html #logo {
	top: 8px;
	}

    /* \*/
    * html #logo { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v7_logo_fit.png');
	}
    /* */
    /* (orielle_logo_v7_logo.png, sizingMethod='scale') */

    #logoText {
	position:absolute;
	background: url("/images/orielle_logo_v8_text_edited.png") no-repeat;
	height:39px;
	width:140px;
	top: 27px;	/* Firefox, IE below */
	left: 93px;
	}
    * html #logoText {
	top: 26px;
	}

    /* \*/
    * html #logoText { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v8_text_edited.png');
	}
    /* */

    #logoEdge {
	position:absolute;
	background: url("/images/orielle_logo_v7_text_edge.png") no-repeat;
	height:17px;	/* orig -- 17px; */
	width:209px;	/* orig -- 209px; */
	top: 70px;		/* Firefox, IE below */
	left: 175px;

	font: italic 12px Arial,sans-serif;
	color: #33FFFF;			/* turqoise, aqua */
	color: rgb(58, 244, 241);	/* Logoedge color */
	/*
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#111111, Direction=135, Strength=1);
	*/
	}
    * html #logoEdge {
	top: 69px;
	}

    /* \*/
    * html #logoEdge { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v7_text_edge.png');
	}
    /* */

    #logoEdge.text {
	display: none;
	}

  #utility {
	position: absolute;
	top: 13px;			/* firefox */
	left: auto;
	right: 47px;
	font: 11px Verdana,sans-serif;
	color: #666666;		/* separator */
	}
  * html #utility {
	top: 12px;
	}

/**** NavBar ********************************************************/
#topBar {			/*** Firefox ***/
	position:relative;
	background: none;
	width: 100%;
}

#menuBar {
	position:absolute;
	top: -2px;

	width: 100%;	/* width:100%; 99.9% to show right border */
	margin-top: 0px;
	/* clear:right; */		/* position:relative; */
	color: #cccccc;
	padding: 0px;
	background: none;

	/***
	border-right: #666666 1px solid;
	***/
	border-right: none;

	font: 10pt Arial,sans-serif;
	}
  #topNav {
	padding: 0px;
	margin: 0px;
	margin-right: 20px;
	}
  #breadCrumb {
	float: left;
	padding: 2px 0px 2px 10px;	/* navbar padding (t 5, b 4) */
	font: bold 11px Verdana;
	color: teal; 
	}

/**** PageSpacer ****************************************************/
#pageCellTopSpacer {
	margin-top: 0px;
	margin-bottom: 0px;
	width:100%;			/* 99.9% to show right border */
	border-right: none;		/* #666666 1px solid; */

/* RIGHTHERE - menu bar */
	height: 30px;
	background: url("/images/topbar.gif") #000000 repeat-x 0px 0px;

	height: 28px;
	background: url("/images/topbar.gif") #000000 repeat-x 0px -1px;

	/* border-bottom: rgb(105, 78, 41) 1px solid; */  /* tan: 210 180 140 */
	border-bottom: none;
	border-top: rgb(105, 78, 41) 1px solid;
}

#pageCellBottomSpacer {
	margin-top: 0px;
	margin-bottom: 0px;
	width:100%;			/* 99.9% to show right border */
	border-right: none;		/* #666666 1px solid; */

/* RIGHTHERE - menu bar */
	height: 30px;
	background: url("/images/topbar.gif") #000000 repeat-x 0px 0px;

	height: 28px;
	background: url("/images/topbar.gif") #000000 repeat-x 0px -1px;

	border-bottom: none;
	/* border-top: rgb(105, 78, 41) 1px solid; */
	border-top: none;
}

/**** PageCell ******************************************************/
#pageCell {
	clear:left;			/* For navigation dropdowns */
	/* height: 380px; */
	/* position:relative; */	/* No relative under li dropdowns */
	width:100%;			/* 99.9% to show right border */
	margin-bottom: 0px;
	border-right: none;		/* #666666 1px solid; */
	border-bottom: none;		/* #999999 1px solid; */
	/***
	border-top: tan 1px solid;	-- edgier
	***/

	border-top: none;
	background-color: none;
	/***
	background: url("/images/sidebar_light.jpg") #44443a repeat-y -305px 0px;
	background: url("/images/sidebar_light_small.jpg") #FFFFFF repeat-y 0px 0px;
	***/
	background: none;
	}
  #sideBar {
	margin-top: 90px;		/* tailor */ /* WAS vq: 130px */
	float: left;			/* position:absolute; */
	width: 110px;		/* Fixed width */  /* WAS vq: 120px */
	width: auto;		/* IE8 */
	min-width: 110px;

	padding: 0px;
	font: 12px Verdana,sans-serif;
	padding-left: 1px;

	/* Dependency: sidebar width */
	/**
	width: 10em;
	**/
	}
  #rightBar {
	margin-top: 90px;		/* tailor */ /* WAS vq: 130px */
	float: right;			/* position:absolute; */
	/* width: 120px; */		/* WAS vq: 120px */
	width: 0px;			/* OUTSIDE TABLE */

	padding: 0px;
	font: 12px Verdana,sans-serif;
	}
  #pageName {
	margin-left:120px;	/* Fixed width */  /* WAS vq: 134px */
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 15px;

	/* Dependency: sidebar width */
	/**
	margin-left: 10em;
	**/

	padding-left: 10px;
	padding-right:20px;

	/*** Firefox not:
	margin-top: 2px;
	border-top: #666666 1px solid;
	***/
	margin-right: 0px;

	font-family: "Times New Roman", "Times", serif;
	font-size: 150%;		/* VariableFont - WARNING */
	font-size: 24px;		/* FixedFont - WARNING */
	font-weight: bold; 
	text-align: left;
	padding-left: 25px;
	padding-top: 18px;

	/**
	font: 24px arial, verdana, sans-serif;
	**/
	color: rgb(58, 244, 241);	/* Logoedge color */
	color: #ccffff;
	}
  #pageName h2 {
	/***
	font: bold 114% Arial,sans-serif;
	font: bold 24px Arial,sans-serif;
	***/
	font: bold 114% "Times New Roman", "Times", serif;
	margin: 0px;
	margin-bottom: 0em;
	padding: 0px;

	/**
	font: bold 114% arial, verdana, sans-serif;
	**/
	color: rgb(58, 244, 241);	/* Logoedge color */
	color: #ccffff;
	}

  #pageContent {
	margin-left:120px;	/* Fixed width */  /* WAS vq: 134px */
	padding-left: 25px;
	padding-right:120px;

	/* Dependency: footer height, since absolute bottom */
	padding-bottom: 10px;

	/* Dependency: sidebar width */
	/**
	margin-left: 10em;
	**/

	/*** Firefox not:
	margin-bottom: 3px;
	***/
	margin-right: 0px;
	}

    #contentBody { 
	/* position: relative; */	/* No relative under li dropdowns */
	padding: 0px 10px 21px 0px;
	/***
	  width: 500px;			/* tailor */
	***/

	font: 13px arial, verdana, sans-serif;	/* FixedFont - WARNING */
	font: 100% arial, verdana, sans-serif;	/* VariableFont - WARNING */
	color: #ffffff;
	padding-top: 4px;
	}

/**********************************************************************
 * Footer Styles.
 **********************************************************************/

/**** PageFooter ****************************************************/
#bottomPage {
	position: absolute;		/* fill viewport */
	bottom: 0px;			/* fill viewport */

	min-width: 100%;		/* fill viewport -- firefox */

	clear: both;
	/***
	width: 640px;
	***/  /* tailor */ /* width:100%; 99.9% to show right border */
	border-top: tan 1px solid;	/* edgier */

	/* ALTERNATE BLACK */
	/**
	background: #ffffff url("/images/darker_sand_short.jpg") repeat-x 0px -30px;
	**/
	background: url("/images/background_gradient.jpg") #44443a repeat 0px 200px;
	}

  #pageFooter {
	/***
	margin-left: 120px;
	***/
	font: 11px Verdana,sans-serif; /* 11px Arial, Helvetica, sans-serif; */
	}

    #bottomLine {
	position:relative;
	width:100%;		/* fill viewport */
	border:0;
	padding:0;
	/****
	margin-top: 0px;
	margin-left: 10px;
	margin-right: -10px;
	height: 13px;	-- Firefox: 17px
	background: url("/images/orielle_logo_v7_bar_fit.png") no-repeat center 0px;
	****/
	margin: 0;
	height: 0;		/* NO BOTTOM LINE */
	height: 13px;		/* firefox */
	background: none;
	}

    * html #bottomLine {
	height: 0;
    }

    /* \*/
    * html #bottomLine { 
	background: none;
/**
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v7_bar.png', sizingMethod='scale');
**/
	}
    /* */
    /* (orielle_logo_v7_bar.png, sizingMethod='scale') */

    #siteInfo {
	/* clear: both; */
	position: relative;	/* relative: Need to float small logo */
	margin-top: -4px;
	padding: 0px 10px 10px 10px;
	text-align: center;	/* needed to position smallLogo */
	}

      #smallLogo {
	/****
	position: absolute;
	left: -30px;
	top: -2%;
	****/
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;	/* 20px; */
	top: 18px;
	left: -9.5em;

	height: 20px;    /* 89 px; */
	width: 20px;     /* 89 px; */
	background: url("/images/orielle_logo_v7_logo_small.png") no-repeat;
	}

    /* \*/
    * html #smallLogo { 
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v7_logo_small.png');
	}
    /* */
    /* (orielle_logo_v7_logo.png, sizingMethod='scale') */

      #siteLinks {
	text-align: center;	/* margin-left: auto; margin-right: auto; */
	color: #999999;		/* separator */
	/***
	font: bold 10px Arial, sans-serif;
	***/
	font: 11px Verdana,sans-serif; /* 11px Arial, Helvetica, sans-serif; */
	}

      #siteLinks a, #siteLinks a:link, #siteLinks a:visited {
	text-decoration: none;
	color: rgb(58, 244, 241);	/* Logoedge color */
	color: #00CCCC;
	}
      #siteLinks a:hover {
	text-decoration: none;
	color: maroon;
	color: firebrick;
	}
      #copyRight {
	text-align: center;
	margin-top: 4px;
	font: bold 10px Arial, Helvetica, sans-serif;	/* font-size: 80%; */
	}
      #copyRight a:link, #copyRight a:visited {
	color: rgb(0,100,100);				/* color: #0033CC; */
	text-decoration: none;
	}
      #copyRight a:hover {
	text-decoration: none;
	color: maroon;
	}

/**********************************************************************
 * Individual page styles.
 **********************************************************************/
#moscowPhoto {
	height: 208;	/* 198 */
	width: 307;	/* 297 */
	/**
	background: url("/photos/moscow.jpg") no-repeat;
	**/
	filter:shadow(color:gray, strength:5, direction:135);
	float:right;
	margin-left: 10px;
	margin-top: 0px;
	/* \*/
	* margin-top: 15px;
	/* */
}
#moscowPhoto img {
	border:1px solid black;
}

/**** FROM: www.hypergurl.com/cssshadowfilter.html
<DIV align="center"> 
<div style="width:317px;
	filter:shadow(color:gray, strenght:10, direction:135);"> 
<img src="/photos/moscow.jpg" 
	width="297" height="198" style="border:1px solid black;" 
	border="0">
</div> </DIV> 
****/

/**********************************************************************
 * Header styles.
 **********************************************************************/
#utility a:link, #utility a:visited {
	color: #33FFFF;
	color: #00FFFF;			/* aqua, cyan */
	color: rgb(58, 244, 241);	/* Logoedge color */

	/* display: block; */
	width: 5px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#111111, Direction=135, Strength=1);
	text-shadow: #111111 1px 1px 1px;
	}
#utility a:hover {
	text-decoration: none;
	color: maroon;
	color: firebrick;
	}
/***
#utility span#separator {
	position: absolute;
	top: 0px;
	left: 34px;
	}
#utility a.last {
	position: absolute;
	top: 0px;
	left: 42px;	-- orig: 43px;
	}
***/

/**********************************************************************
 * Navbar styles : Menu Dropdown Lists
 *	li ul { display: none; }          | { left: -999em; }
 *	li:hover > ul { display: block; } | { left: auto; }
 **********************************************************************/

/*** FIRST LEVEL LIST ***/
#topNav ul {			/* horizontal list */
	list-style: none;	/* horizontal list */
	padding: 0;		/* horizontal list */
	margin: 0 0 1em 0;	/* horizontal list */
	/*** Firefox ***/
	margin: 0;
	/* line-height: 1; */
	line-height: 19px;
/* RIGHTHERE - menu bar */
	line-height: 17px;
}

#topNav ul li {		/* horizontal list items */
	float: right;		/* horizontal list */
	text-align: center;
	padding: 0;
	margin-top: 3px;	/* navbar padding (WAS: 2) */

	background: url("/images/button_dark.gif") #000000 repeat-x 0px 0px;
	/**
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	**/
	border-top: 1px solid #333333;
	/* border-bottom: 1px solid #333333; */
	border-bottom: none;
	border-left: none;
	border-right: none;
	cursor: hand;
}

#topNav ul li#first { border-left: none; }	/* Watch out: class inherited, id not */
#topNav ul li#last { border-right: none; }

/***
#nav li a.first:link, #nav li a.first:visited { border-left: none; }
#nav li a.last:link, #nav li a.last:visited { border-right: none; }
***/

/* Right corner using overlaying boxes, decreasing width, increasing height */
/* Wood(Dark): #966F33 */
#menuRightCorner {
	float:right;
	margin: 4px 0 0 0;
	padding:0;
	width:1px;

	height: 21px;
/* RIGHTHERE - menu bar */
	height: 19px;

	background-color:#333333;
	border-top: none;
	border-bottom: none;
}

/* Left corner using overlaying boxes, decreasing width, increasing height */
#menuLeftCorner {
	float:right;
	margin-top: 3px;
	padding:0;
	width:1px;

/* RIGHTHERE - menu bar */
	height: 21px;
/* RIGHTHERE - menu bar */
	height: 19px;

	background-color:#333333;
	/**
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	**/
	border-top: none;
	border-bottom: none;
}

/**** ALTERNATIVE
	margin-top: 4px;
	padding:0;
	background-color:#eeeeee;
	border-top: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	width:1px;
	height:10px;
****/
 
#topNav a {		/* horizontal list entries */
	text-decoration: none;	/* horizontal list */
	display: block;		/* horizontal list */
	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 0px 5px 2px 5px;	/* navbar padding (t 5, b 5) */

	color: wheat;
	border-top: 1px solid #909090;
	border-left: 1px solid #111111;		/* #909090 */
	border-right: 1px solid #333333;	/* #666666 */
	border-bottom: none;			/* #333333; */
}

#topNav a.daddy {
	background: url("/images/rightarrow.gif") right center no-repeat;
}

#topNav li a:hover, #topNav li a.mhover {
	color: maroon;
	background:  url("/images/glblnav_selected.gif") left top repeat;
	/*** background-image:  url("/images/glblnav_selected.gif"); ***/
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
}
/*** #nav li:hover, #nav li:mhover { } ***/

/*** SECOND LEVEL LIST ***/

#topNav li ul {		/* vertical list */
	list-style: none;	/* vertical list */
	padding: 0;		/* vertical list */
	margin: 0;		/* vertical list */
	/* line-height: 1; */
	background-color: #FFE0A7;
	height: auto;
	border: solid rgb(129,58,41);
	border-width: 2px 2px 2px 2px;
	margin-left: -2px;

	line-height: 1;
}

#topNav li li {
	float: none;		/* vertical list */
	margin-top: 0px;
	background-image:  url("/images/orielle_logo_v7_drift_sliced.jpg");
	border-top: none;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
}


#topNav li li.first { border-top: 1px solid #ffffff; }
#topNav li li.last  { border-bottom: 1px solid gray; }
#topNav li li.last a  { border-bottom: 1px solid rgb(187,160,123); }

#topNav li li a {
	/* display: block; */ 	/* vertical list: inherited */
	margin: 0;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border-left: none;
	padding: 0px 10px 1px 6px;

	/* for:  glbnav_background */
	/***
	border-top: 1px solid #C0C0C0;
	border-bottom: none;
	***/

	/* for:  driftwood */
	border-top: none;
	border-bottom: 1px solid gray;
	border-left: none;
	border-right: none;

	color: #000000;
}

/****
#nav li li:hover, #nav li li.mhover { }
****/

#topNav li li a:hover, #topNav li li a.mhover {
	background-image:  url("/images/glblnav_selected.gif");
	color: maroon;

	/* for:  glbnav_background */
	/***
	border-top: 1px solid #ffffff;
	***/

	/* for:  driftwood */
	border-top: none;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: none;
}

/*** THIRD LEVEL LIST ***/

#topNav li ul ul {
	/***
	margin-top: -1.25em;
	margin-left: 6.15em;
	***/
	margin-top: -1.35em;
	/* margin-left: 2.7em; */	/* vq: 5.7em */
	/* margin-left: 5.3em; */
	margin-left: 4.8em;
}

/**********************************************************************
 * DROPDOWN LISTS -- visibility control when hover
 **********************************************************************/

/**
 * #content { clear:left }
 * #nav li ul { position: absolute; left: -999em; width: 10em; } 
 * #nav li:hover ul, #nav li.mhover ul { left: auto; }
 */

/* Hide the sub levels and make absolute so they take up no room */
#topNav li ul {
	position: absolute;
	left: -999em;
}

/* Hide lowest level menu when you hover on second level list or link */
#topNav li:hover ul ul, #topNav li:hover ul ul ul, #topNav li.mhover ul ul, #topNav li.mhover ul ul ul {
	left: -999em;
}

/* Make dropdown menu visible when hover over parent link */
#topNav li:hover ul, #topNav li li:hover ul, #topNav li li li:hover ul, #topNav li.mhover ul, #topNav li li.mhover ul, #topNav li li li.mhover ul {
	left: auto;
}

/****************************************************
NOTES:   Different ways to hide dropdown lists:

Hiding: visibility:hidden|visible | display:none|block | left:-999em|auto

USE classes: <div class="menu">  <ul class="menuThird">

EXAMPLE:
# Hide the sub levels and make absolute so they take up no room
.menu ul ul { visibility:hidden; position:absolute }
# Make the second level visible when hover on first level list OR link
.menu ul li:hover ul,
.menu ul a:hover ul { visibility:visible; }
# Keep third level hidden when you hover on first level list OR link 
.menu ul :hover ul ul { visibility:hidden; }
# Make third level visible when hover over second level list OR link 
.menu ul :hover ul :hover ul { visibility:visible; }
*****************************************************/

/*********************************************************************
 * Breadcrumb Styles.
 *********************************************************************/

#breadCrumb a {
	color: rgb(0,100,100);		/* teal */
	}
#breadCrumb a:hover {
	color: maroon;		/* color: #005FA9; */
	text-decoration: none;	/* text-decoration: underline; */
	}

/*********************************************************************
 * Sidebar Navigation Styles -- Side Ball
 *********************************************************************/
#sideNav {
	margin-left: 5px;
	margin-right: 0px;
	width: 90px;		/* Fixed width */  /* tailor */
	width: auto;		/* IE8 */
	min-width: 90px;

	padding: 0px 0px 0px 0px;
	border: none;

	/* font: bold 10px Verdana,sans-serif; */
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}

div#sideNav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height: auto;		/* if vertical list */
	/***			-- if horizontal list
        margin: 0 0 1em 0;	
        line-height: 1;
	***/
        line-height: 1;
	}
div#sideNav ul li {
	margin-top: 1px;
	}
#sideNav ul li a {
	display: block;		/* if list */
	margin: 0;
	text-align: left;

	background-color: none;	/* #CCD2D2; */ /* rgb(204,210,210) */
	padding: 3px 0px 2px 10px;
	margin-left: 2px;
	color: rgb(58, 244, 241);
	border: none;
	background: url("/images/red-ball-small.gif") no-repeat center left;
	width: 78px;		/* tailor -- filter requires layout */
				/* Fixed width */
	width: auto;		/* IE8 */
	min-width: 78px;

	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#111111, Direction=135, Strength=1);
	text-shadow: #111111 1px 1px 1px;
	}
#sideNav ul li a:hover {
	border: none;
	background-color: none;
	background: url("/images/cyan-ball-small.gif") no-repeat center left;
	font-weight: bold;
	text-decoration: none;
	color: wheat;		/* WAS vq: maroon */
	}
#sideNav li ul {
	list-style: none;
	padding: 0;	
	margin: 0;
	margin-left: 13px;
	height: auto;		/* if vertical list */
	}
#sideNav ul li a#parent {
	text-decoration: underline;
	color: wheat;		/* WAS vq: maroon */
	}
#sideNav ul li a#thispage {
	background: url("/images/red-ball-small.gif") no-repeat center left;
	color: wheat;		/* WAS vq: maroon */
	}
#sideNav ul li.first {
	}
#sideNav ul li.last {
	}

/***
  #sideNav li li { }
  #sideNav li li a { }
  #sideNav li li a:hover { }
***/

#sidebarTopCorner {
	margin:0px 2px 0 1px;
	padding:0;
	height:1px;
	width:89px;		/* Fixed width */

	background: none;
	border:none;
	}
#sidebarBottomCorner {
	margin:0px 2px 0 1px;
	padding:0;
	height:1px;
	width:88px;		/* Fixed width */

	background: none;
	border: none;
	}

/**********************************************************************
 * ALTERNATIVE STYLES.
 **********************************************************************/

/**********************************************************************
 * Dune Gothic centered layout.
 **********************************************************************/
/****

body {
	text-align: center;	
	margin-bottom: 10px;
	background: url("/images/bgBody.jpg") #44443a repeat-x 0px 0px;
	scrollbar-base-color: auto;
	font: 12px arial, verdana, sans-serif;
	color: #333333;
	color: black;
}

a:link, a:visited {
	color: #0033CC;		
}
a:hover {
	color: maroon;
	text-decoration: underline;
}
#contentBody a:link {
	color: #0033CC;
	text-decoration: underline;
}
#contentBody a:visited {
	color: rgb(128,0,128);
	text-decoration: underline;
}
#contentBody a:hover {
	color: maroon;
	text-decoration: underline;
}

#contentBody a.header2:link, #contentBody a.header2:visited {
	color: #003366;		
	text-decoration: underline;
}
#contentBody a.header2:hover {
	color: maroon;
	text-decoration: underline;
}
#contentBody a.header3:link, #contentBody a.header3:visited {
	color: #334d55;
	text-decoration: underline;
}
#contentBody a.header3:hover {
	color: maroon;
	text-decoration: underline;
}

h2 {
	color: #006699;
	margin: 0px;
}
h2.colored {
	color: #006699;
}
h2.pagename {
	color: #003333;
	margin: 0px;
}
h3 {
	color: #334d55;
	margin: 0;

#wholePage {
	width: 744px;
	height: auto;
	min-height: auto;
	position: static;
	background: url("/images/sidebar_light_small.jpg") #FFFFFF repeat-y 0px 0px;
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
}

#topPage {
	margin: 0;
}

#pageHeader {
	background: #ffffff url("/images/sand_short.jpg") repeat-x 0px -30px;
	padding-bottom: 85px;	-- Firefox: 90px;
}

#logo {
	top: 4px;	-- Firefox: 9px
	left: 3px;
}

#logoText {
	top: 21px;	-- Firefox: 26px;
	left: 87px;
	background: url("/images/orielle_logo_v7_text_orielle.png") no-repeat;
	-- html #logoText {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v7_text_orielle.png');
	}
}

#logoEdge {
	top: 65px;	-- Firefox: 70px;
	left: 170px;
}

#utility {
	color: #333333;
}

#menuBar {
	bottom: 1px;
}

#pageCellTopSpacer {
	-- font-size: 10px;
	-- background: url("/images/footer_dark_resized.jpg") #ffffff repeat-x 0px 0px;
	-- font-size: 20px;
	-- background: url("/images/footer_light_top_resized.jpg") #44443a repeat-x 0px 0px;
	border-top: tan 1px solid;
	border-bottom: tan 1px solid;	-- #999999 1px solid;
	-- border-bottom: #333333 1px solid;	-- edgier
	height: 24px;
	background: url("/images/footer_gradient.gif") #44443a repeat-x 0px 0px;
}

#pageCellBottomSpacer {
	-- font-size: 10px;
	-- background: url("/images/footer_dark_resized.jpg") #ffffff repeat-x 0px 0px;
	-- font-size: 20px;
	-- background: url("/images/footer_light_top_resized.jpg") #44443a repeat-x 0px 0px;
	border-top: tan 1px solid;	-- #999999 1px solid;
	border-bottom: #333333 1px solid;
	-- border-bottom: tan 1px solid;	-- edgier
	height: 24px;
	background: url("/images/footer_gradient.gif") #44443a repeat-x 0px 0px;
}

#sideBar {
	padding: 0px;
}
#rightBar {
	width: 120px;
}

#pageName {
	border-top: #44443a 3px solid;
	border-right: #44443a 2px solid;
	background-color: #ffffff;
	color: #003333;
}

#pageName h2 {
	color: #003333;
}

#pageContent {
	padding-left: 10px;
	padding-right:20px;
	border-bottom: #44443a 3px solid;
	border-right: #44443a 2px solid;
	background-color: #ffffff;
	-- background: url("/images/footer_light_side_resized.jpg") #ffffff repeat-y 100% 0%;
	-- background: url("/images/sidebar_light_right_resized.jpg") #ffffff repeat-y 100% 0%;
}

#contentBody {
	font: 80% Arial;		
	font: 13px Arial; 		
	color: black;
	-- min-height: 600px;
	-- height:expression(document.body.clientHeight < 701 ? "600px" : "" );
}

#bottomPage {
	position: static;
	bottom: auto;
	background: #ffffff url("/images/sand_short.jpg") repeat-x 0px -30px;
	background: #ffffff url("/images/darker_sand_short.jpg") repeat-x 0px -30px;
}

#bottomLine {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: -10px;
	height: 13px;	-- Firefox: 17px
	background: url("/images/orielle_logo_v7_bar_fit.png") no-repeat center 0px;
	-- html #bottomLine {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/orielle_logo_v7_bar.png', sizingMethod='scale');
	}
}

#smallLogo {
	left: 160px;
	top: 0px;
}

#siteLinks {
	color: #333333;
}
#siteLinks a, #siteLinks a:link, #siteLinks a:visited {
	color: rgb(0,100,100);
}
#siteLinks a:hover {
	color: maroon;
}

#utility a:hover {
	color: maroon;
}

#topNav ul {
	line-height: 1;
}

#topNav ul li {
	background: none;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #666666;
}

#menuRightCorner {
	height:12px;
	background-color:#666666;
	border-top: 1px solid #966F33;
	border-bottom: none;
}

#menuLeftCorner {
	height:13px;
	background-color:#eeeeee;
	border-top: 1px solid tan;
	border-bottom: 1px solid tan;
}

#topNav a {
  	color: #000000;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #666666;
}

#topNav li ul {
	line-height: 1;
}

#topNav li li a {
	color: #000000;
}

****/

/****
Gothic -- Alternate Colors: 
	a.link: color: #005FA9; -- #99ccff #f0f0f0 #c0c0c0 #ccffff
	contentBody a.header2:link: -- color: #003333; color: #003366;
wholePage:
	-- top: 0px;
	background: url("/images/sidebar_light_small.jpg") #FFFFFF repeat-y 0px 0px; -- image = 425 px 
****/

/**********************************************************************
 * SAND driftwood layout (Must also enable above Gothic)
 **********************************************************************/
/*** SAND ***/	/* MUST REMOVE SPACER div to flush extra 2px */

/****

body {
	text-align: left;
	background: #ffffff url("/images/orielle_logo_v7_driftlarge23.jpg") no-repeat;
}
#wholePage {
	margin-left: 0px;
	border: none;
}
#pageHeader {
	margin-bottom: 20px;
	background: none;
}
#utility {
	left: 540px;
	right: 73px;
}
#globalNavBar {
	bottom: 23px;
}
#topNav {
	margin-right: 98px;
}
#pageCellTopSpacer {
	margin-top: 0px;
	border: none;
	background: none;
	font-size: 0px;
	height: 0px;
}
#pageCellBottomSpacer {
	margin: 0px;
	border: none;
	background: none;
	font-size: 0px;
	height: 0px;
}
#pageCell {
	background: none;
}
#sideBar {
	margin-top: 130px;
	width: 120px;
}
#pageName {
	margin-left:134px;
	padding-top: 0px;
	border-top: none;
	margin-top: 0px;
	padding-left: 0px;
	margin-right: 2px;
	border-right: none;
}
#pageContent {
	margin-left:134px;
	padding-left: 0px;
	border-bottom: none;
	padding-bottom: 0px;
	margin-right: 2px;
	border-right: none;
}
#contentBody { 
	padding-right: 50px;
}
#pageFooterOuter {
	padding-right: 64px;
	background: none;
	border: none;
}
#smallLogo {
	left: 40px;
}
#pageFooter {
	margin-left: 120px;
}
#sideNav {
	margin-left: 0px;
}
#sideNav ul li a:hover {
	color: maroon;
}
#sideNav ul li a#parent {
	color: maroon;
}
#sideNav ul li a#thispage {
	color: maroon;
}

****/

/*****************************************************************************
 * Non-centered: Dune Gothic (vs. Driftwood Sandbar) */
 *****************************************************************************/
/****
#wholePage {
	width:expression(document.body.clientWidth < 845 ? "844px" : "" );
	min-width:844px;
	width: 100%;
}
#utility {
	right: 55px;
}
#topNav {
	margin-right: 50px;
}
#pageName{
	padding-left: 40px;
}
#pageCell {
	padding-left: 40px;
}
#contentBody {
	width: 650px;
}
****/

/**********************************************************************
 * UNUSED: ALTERNATIVE STYLES.
 **********************************************************************/

/*********************************************************************
 * Sidebar Navigation Styles -- Side Table
 *********************************************************************/
/******
#sideNav {
	margin-left: 5px;
	margin-right: 0px;
	width: 90px;			-- tailor
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #c0c0c0;
	border-bottom: none;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #666666;
	}
#sideNav a:link, #sideNav a:visited {
	display: block;
	background-color: none;	-- #CCD2D2; rgb(204,210,210) 
	color: black;		-- color: #21536A; #DCDCDC; gainsboro 

	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #c0c0c0;
	border-right: 1px solid #666666;

	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;	-- font: bold 10px Verdana,sans-serif;

	width: 78px;		-- tailor -- filter requires layout
	padding: 0px 0px 1px 10px;	-- tailor ; 0px 0px 1px 10px;
	}
#sideNav a.first:link, #sideNav a.first:visited {
	border-top: none;
	}

#sideNav a:hover {
	border-bottom: 1px solid #cccccc;
		-- border-top: 1px solid #cccccc;

	background-image:  url("/images/glblnav_selected.gif");
	background-color: none;
	color: maroon;		-- background-color: gray;
	font-weight: bold;
	text-decoration: none;
	}
******/

/*** ALTERNATIVES
  #sideNav {
	border-bottom: 1px solid #ffffff;
	border-bottom: 1px solid #c0c0c0;
  }
  #sideNav a.last:link, #sideNav a.last:visited {		
	border-bottom: none;
  }
***/

/*********** Tailor - side table ***********/
/***
#sideBar {
	margin-top: 128px;
	}
#sideNav {
	width: 90px;
	}
#sideNav a:link, #sideNav a:visited {
	padding: 0px 0px 1px 10px;
	}
***/

/* Top corner using overlaying boxes, decreasing width, increasing height */
/***
#sidebarTopCorner {
	margin:0px 2px 0 1px;
	padding:0;
	border:none;			-- border-left: 1px solid #cccccc;
	background-color:#ffffff;
	height:1px;
	width:89px;				-- tailor
}
***/

/* Bottom corner using overlaying boxes, decreasing width, increasing height */
/***
#sidebarBottomCorner {
	margin:0px 2px 0 1px;
	padding:0;
	border-right: 2px solid #777777;
	background-color:#666666;
	height:1px;
	width:88px;				-- tailor
}
***/

/*** ALTERNATIVE
	margin:0px 2px 0 1px;
	padding:0;
	border-right: 2px solid #d0d0d0;
	background-color:#ffffff;
	height:1px;
	width:88px;
***/

/**********************************************************************
 * ANCILLARY STYLES.
 **********************************************************************/

/**********************************************************************
 * Nifty corners
 **********************************************************************/
/****
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
****/

/**********************************************************************
 * ORIGINAL orielle_styles.css
 **********************************************************************/
.cv_pubs {  }
.cv_projects {  }
.cv_interests {  }
.cv_education {  }
.cv_abstracts {  }
H3.cv_pubs {  text-decoration: underline }
H2.cv_pubs {  }
UL.cv_pubs {  list-style-image: url("/images/ball.gif") }
H2.cv_projects {  }
/***
UL.cv_projects {  list-style-image: url("/images/ball.gif") }
***/
H2.cv_interests {  }
UL.cv_interests {  list-style-image: url("/images/ball.gif") }
H3.cv_abstracts {  }
OL.cv_pubs LI:before {
	display: marker;
	content: "[" counter(counter) "]";
	counter-increment: counter;
	width: 6em;
	text-align: center;
}

<!-- END OF FILE -->