/*WARNING: The following CSS works fairly robustly on a wide range of browsers including those for impaired individuals. While it seems solid it is actually very delicate. Changing one thing may well work in one browser but may blow up completely in another. Modify at the risk of your own sanity!*/

* {
margin: 0;
padding: 0;
border-width: 0;
}

input, textarea {
border-width: 3px;
border-style: inset;
border-color: #338;
}

input[type="submit"], input[type="reset"], input[type="button"] {
border-width: 3px;
border-style: outset;
border-left-color: #555;
border-top-color: #555;
border-right-color: #333;
border-bottom-color: #333;
cursor: pointer;
}

body {
width: 100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
/*z-index: 1; added to try to get Opera to work--no help*/
/*
width: 800px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
*/
}

p {
margin-bottom: .75em;
/*text-align: justify;*/
}

p.hometype {
text-align: justify;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

hr {
width: 100%;
border-top-width: 3px;
border-top-style: ridge;
margin-bottom: .75em;
}

ul {
list-style-type: disc;
list-style-position: inside;
margin-bottom: .75em;
margin-left: .5em;
}

div.copr {
margin-top: 8px;
text-align: center;
}

/*.pdf:after {
content: " ";
}*/

/*.mailadd { moved to head for benefit of older browsers
cursor: pointer;
background-color: transparent;
}
#mailadd:hover {
background-color: #fff;
}*/

.pdf {
color: #008;
font: bold small arial, helvetica, sans-serif;
text-decoration: underline;
}

.pdf:hover {
color: #00c;
background-color: #fff;
}

#maintable { /*redundant with .contclass below*/
/*
width: 800px;
*/
margin-top: 0px;
}

.contclass {
/*
width: 790px;
margin-left: auto;
margin-right: auto;
*/
margin-top: 0px;

/*z-index: 3;  added while trying to get Opera z-index to work */

/*padding: 5px; not supposed to be recognized for tables--though some browsere would*/

/*The below 4 lines are here, rather than menucell, even though redundant for bodycell due to Netscape paint bug*/
background-color: white;
background-image: url(images/common/bodybkgd.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;

/*test for menu on top*/
position: relative;
/*z-index: 50; not needed with pusher gone???*/
}

#menucell { /* thses two #menucell bolcks with z-indexes don't overcome the Opera z-index problem*/
/*position: relative; required for Z-INDEX to work if the POSITIONs for contained elements are not set---though it fails to work in Opera --- BUT, BUT, BUT setting POSITION in contained elements and here cuses IE's menus to vanish when using "tack" until a repaint via hover or move*/
/*background-color: white;
background-image: url(bodybkgd.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;*/
/*test for menu on top*/
position: relative;
/*z-index: 50; not needed with pusher gone???*/
z-index:1; /*$$JW 1/27/07 */

width: 8em; /*test to see if pusher can be eliminated, yes??? this and next two lines did it*/
padding-left: 5px;
padding-top: 1px;
}
#menucell:hover {
/*width: 19em; /*try to make menus work in wPDF=true pages by fudging width for IE and O. Works but jumps around a lot*/
position: relative; /*tried for IE7*/
z-index: 5; /*needed for Opera*/
}


#menucell
/*the following added for Opera---which can't get z-indexes right without it?? 0r with it*/
, #menu,
#menu ul,
#menu li,
#menu a {
/*z-index: 6; not needed now that pusher is gone???*/
/*KILLED MENU DISPLAY IN IE6 position:relative; $$JW 1/27/07 for the benefit of z-index?? though no good effect */
/*z-index:10; $$JW 1/27/07 for Opera -- then fixed by some other change???*/

}

/*not used because it scresw up IE and doesn't get Opera right
#OperaStupid1 {
position:relative;
z-index: 5;
}
*/

/*no effect on the Opera repaint problem
#menucell:hover {
background-color: transparent;
margin-right: 600px;
}
*/

/*#menucell:hover*/
/*the following added for Opera---which can't get z-indexes right without it?? or with it*/
/*,#menu:hover,*/
#menu ul:hover,
#menu li:hover  /*the li one turned out to be critical to Opera yet the POSITION items on ul and li seem to have no effect on Opera*/
/*, #menu a:hover*/ {

z-index: 12; /* $$JW 1/27/07 ESSENTIAL for wPDF in headmenu.inc not needed with pusher gone??? --- is needed even with pusher gone */

/*padding-right: .01em; does clear menu in Opera but makes other browsers shift 1 pixel too (this was a test fix for the Opera repaint problem---it repaints but the page content shifts*/
}

#menu {
/*also set via JavaScript code to allow #tack to work*/
position: fixed;  /* WARNING: Overridden by headmenu.inc "tack" setting to "absolute" */
z-index: 1; /* Required for Opera and IE7 to show menus on top of body */
width: 8em;
background-color: #eee;

/*eliminated by moving to menucell so pusher could be eliminated
margin-left: 5px;
margin-top: 1px;
*/
}
#menu:hover {
z-index: 5; /* Required for Opera and IE7  to show menus on top of body */
}

#pusher { /*this CSS and the element it supports are only here to reserve SOME ---the exact appropriate--- horizontal space for the menu IN FIREFOX AND NETSCAPE*/
min-width:6px;
height: 1px;
/*width: 8em; see if just the menutext word is enough--it's not needed with min-width added above and neither are the paddings below
padding-left: 5px;
padding-right: 5px; 
font: bold 100% arial, helvetica, sans-serif;*/
line-height: 1px;
background-color: #0f0;
visibility: hidden;
}
#menutext:before {
/*This content needs to be the longest first word from the main menu choices*/
content: "|"; /* Collaborators   still needed for Opera which doesn't apparently do min-width!*/
}

#menu ul {
position: relative; /*does this work for Opera? Neither hurts nor helps Opera but KILLS the menu in IE6 so see special code in headmenu.inc  This does make the IE7 wPDV menu show in front of left menubar though*/
list-style: none;

list-style-position: outside; /*$$JW 1/27/07 ENTIRELY for IE 7*/

margin: 0;  /*$$JIM maybe this is where margin on click goes to 0??*/
padding: 0;
}
#menu ul:hover {
z-index: 5; /* Required for IE7 to show menus on top of body */
}

#menu a {  /* , #menu h2 */
/*NOTICE: font changes made here must be made in the IE hidden code in headmenu.inc too*/
font: bold 100% arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 12px 5px;
}

/* no longer needed, no h2's in menu
#menu h2 {
color: #00b;
background: #000;
text-transform: uppercase;
}
*/

/*#menu a { this block now done by the new one beginning '#menu a' below*/

/*position: relative; does this work for Opera? Neither hurts nor helps*/

/*color: #008;
background: #e6e6e6;
text-decoration: none;
}*/

/* redundant with '#manu ul li:hover a' etc. below---alone works for just current hover lit
#menu a:hover {
color: #00c;
background: #fff;
}
*/


/*the below two blocks work for single level, i.e., current hover*/
/*keep #menu a.more*/  /*,
#menu a.more a.more*/ /*keep {
background: #e6e6e6;
background-image: url(images/common/more2.gif);
background-position: center right;
background-repeat: no-repeat;
}

#menu a.more:hover {
background: #fff;
background-image: url(images/common/morehover2.gif);
background-position: center right;
background-repeat: no-repeat;
} endkeep*/
/*the above two blocks work for single level, i.e., current hover*/

/*TEST .MORE two blocks below*/
#menu a.more,
#menu li:hover li a.more {
background: #e6e6e6;
background-image: url(images/common/more2.gif);
background-position: center right;
background-repeat: no-repeat;
}

#menu li:hover a.more,
#menu li li:hover a.more {
background: #fff;
background-image: url(images/common/morehover2.gif);
background-position: top right;
background-repeat: no-repeat;
}
/*TEST .MORE two blocks above*/

#menu li {
position: relative;
/*margin: 0;  $$JW 1/27/07 these two lines are failed attempts to deal with the IE7 pixel-between-list-items problem that's been "fixed" by running a list altogetherononeline
padding: 0;*/
display: inline-block; /*$$JW 1/27/07 EXCLUSIVELY for IE7 with below makes IE7 do full li box hover*/
}
#menu li { /*This block exclusively for IE7, see above*/
display: block;
}
#menu li:hover {/*tried this for IE7, didn't work so far*/
z-index: 5;
}
#menu a:hover {/*tried this for IE7, didn't work so far*/
z-index: 5;
}

#menu a,
div#menu ul li:hover ul a,
div#menu ul ul li:hover ul a  {
color: #008;
background: #e6e6e6;
text-decoration: none;
}

div#menu ul li:hover a, /*redundant with old '#menu a:hover' above*/
div#menu ul ul li:hover a,
div#menu ul ul ul li:hover a {
color: #00c;
background: #fff;
}

#menu ul ul {  /* WARNING: Overridden in part by same item set in the headmenu.inc file for wPDF=true pages */
position: absolute;
top: 0;
left: 100%;
width: 11em;
}
#menu ul ul a {/*really STUPID workaround to fix IE 'whitespace' list bug that's been there since 5.5 and is now in 7*/
width: 11em;
}

/*failed attempt to get IE7 popout menus to be selectable
div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul
{display: inline-block;}*/

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul
{display: none;
/*visibility: hidden; didn't deal with paint issues in Opera*/}

/*failed attempt to get IE7 popout menus to be selectable
div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: inline-block;
}*/

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;
/*z-index: 100;  this doesn't fix IE7 putting the wPDF menus behind the left menu bar*/
/*visibility: visible; didn't deal with paint issues in Opera*/}

#headtable {
width: 100%;
height: 144px;
position: absolute;

z-index: 13; /*this z-index allows the tack to float over the menu buttons*/
/*background-color: transparent; not needed I don't think*/
/*the next three items taken care of by the table in the XHTML
background-image: url(topleft.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;*/
}

/*#tack { The below #tackimg allows some browsers to collapse the cell when the screen narrows
position: relative;
left: 5px;
top: 128px;
width: 20px;
z-index: 4;
}*/

#tackimg {
position: absolute;
top: 128px;
left: 5px;
z-index: 14;
}

#headPad {
padding-right: 9%;
}

#headimg {
/*margin-right: 15%;*/
/*width: 800px;*/
/*left: auto;
right: auto;*/

/*position: relative;
z-index: 3; was attempt to fix Opera z-index problem*/
/**/
/* added the three below for floating width but now done by table itself for older browser benefit*/
/*
background-color: transparent;
background-image: url(topleft.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;
*/
}

#noimghd {
/*
width: 780px;
*/
height: 64px;
font: bold large arial, helvetica, sans-serif; /*set by FONT in non-CSS HTML*/
color: #008;
text-align: right;
padding-right: 20px;
padding-top: 80px;
position: relative;
z-index: 2;
overflow: auto;
}

#bodycell {
position: relative; /*required for Z-INDEX to work*/
z-index: 1; /*z-index: 7; test for embed*/

/*these 4 lines are here to allow readable z-index overlapping of menu*/
background-color: white;
background-image: url(images/common/bodybkgd.jpg);
background-position: 0% 0%;
background-repeat: repeat-x;
}

/* a semi-effective fix to the Opera repaint problem*/
#bodycell:hover {
/*$$JW 1/27/07 z-index: 15; */
} /* not needed with pusher gone??? -- nope, needed for Netscape!! even though it causes "flashing"*/

iframe {/*actually mainly works in Firefox and half-way in NetScape but not in Opera or any IE*/
position: relative;
z-index:3;
}

/*
embed:hover {
z-index: 7;
} not used */

#pgtitle {
position: relative;
z-index: 3; /*Opera needs all z-indexes above a layer (bodycell) to be set also*/
top: 0px;
left: 0px;
/*width: 585px;*/
/*height: 28px;*/
margin-top: 2px;
/* NOTE: this % and the next two autos are essential since IE and Opera won't apply margins BEFORE width is set to 100% while NS and FireFox do, DUH!--aren't "standards" wonderful*/
width: 96%;
margin-left: auto;
margin-right: auto;
/*commented out for DIRECTION test
padding: auto;
height: auto; /*added for FLOATs??
*/
margin-bottom: .5em;

background-color: #F4F3F8;
border: 2px solid #fff;

background-image: url(images/common/titleLeftBG.jpg);
background-position: center right;
background-repeat: repeat;
font: bold large arial, helvetica, sans-serif;
text-align: right;

direction: rtl; /*used instead of FLOAT:RIGHT to avoid container collapse issues and workarounds. Browsers that do not support RTL will just render the text in a different place. Perhaps could replace whole page title part with a table??*/
}

#realbody {
position: relative;
z-index: 3; /*Opera needs all z-indexes above a layer (bodycell) to be set also*/
padding-top: 0px;
padding-left: 10px;
padding-right: 15px;

background-image: inherit; /*necessary for Opera which gets z-index of the container's background wrong*/
background-repeat: inherit;
background-color: inherit;
/*Note: the above 3 items may possibly be eliminated by creating a container DIV for the bodycell contents and background*/

}

img[src="images/page/DTLanNew.jpg"] {
border-width: 3px;
border-color: #00c;
border-style: solid;
}

.frontpic {
margin-left: 10px;
position: relative;
z-index: 3;
}

.ResPg {
margin-left: 10px;
position: relative;
z-index: 3;
}

.picbar {
text-align: center;
margin-bottom: .75em;
}

.grouppic {
background-image: url(images/page/blankthumb.jpg);
margin-right: 8px;
background-repeat: no-repeat;
}

/* used DIRECTION RTL instead because some browsers collapse containers vertically (why the hell not horizontally too) when the content FLOATs
#leftpghd {
float: left;
width: 14%;
height: 1.1em; /*added for floats???
background-image: url(titleLeftBG.jpg);
background-position: center right;
background-repeat: repeat;
background-color: #C6C3D4;
}
*/

#rightpghd {
/*float: right; comment out for DIRECTION test--works but some browsers collaps the containing block vertically*/
width: 85%;
background-color: #F4F3F8;
background-image: url(images/common/titleMidBG.jpg);
background-position: 0% 0%;
background-repeat: repeat-y;
/*margin-right: 15px;*/
padding-right: 15px;
color: #008;
text-align: right;

/*the below would be needed if FLOAT were used. The best method to keep a container sized with FLOATs is to put CONTENT of the same exact character as the FLOATed item with identical padding or whatever
height: 1.1em; /*added for floats???
height: auto;
padding-left: auto;
padding-top: auto;
padding-bottom: auto;*/
}

.p2r { /*paragraph text size H2 right*/
text-align: right;
font-weight: bold;
}

.p1c { /*paragraph text size H1 center*/
text-align: center;
font-weight: bolder;
font-size: large;
color: #008;
text-decoration: none;
margin-bottom: .75em;
margin-top: .75em;
}

.emailBar {
margin-left: auto;
margin-right:auto;
}


/* ******************** page specific css follows ************************ */

/* group.asp */
p.group_pg {clear: left;}

/* facilities.asp */
ul.subfacil {
list-style-type: circle;
}

/* vayres.asp, */
ul.cv {
list-style-position: outside;
margin-top: 0;
margin-bottom: 0;
}

ol {
list-style-position: outside;
padding-left: 3em;
margin-bottom: .75em;
margin-left: .5em;
}

ol li {
margin-bottom: .25em;
}

li.cv {
list-style-type: none;
text-align: justify;
}

li.res {
text-align: justify;
}

h2.cv {
margin-top: 1.5em;
margin-bottom: 0;
}

table.ugrad {
border-style: solid;
border-color: black;
border-width: thin;
padding: 0px;
}
td.ugrad {
border-style: solid;
border-color: black;
border-width: thin;
padding: 5px;
margin: 0px;
}