/* *** Stylesheet for Physics Division, Dept. of Natural Sciences *** */
/* *** Default, Basic and General settings *** */
body {
  width:	1024px;
  color:	#000000; /* 000040,000060 */
  font-family: sans-serif,serif;
  font-size:	14px; /* 12px; */
  line-height:	18px; /* 14px; */
  font-weight:	400; /* is standard value */
  text-align:	left;
  text-indent:	0em;
  background-color : #f0fff0; /* fff0f0, fff0e8, e0e0ff */
/* In Opera browser, margin is 0 and padding is not 0. */
/* But in other browsers, margin is not 0 and padding is 0. */
  margin:	0px; padding:	0px;
}
body.hp_top {
  background-color : #f0fff0; /* fff0f0, fff0e8, e0e0ff */
}
body.bgwhite { background-color : #ffffff;}
body.graygreen{ background-color:	#c0e0c0;} /* e0f0e0 */

ul {
  background-color: transparent;
  list-style-position: outside;
  list-style-image: url("./img/sphrhead6.png");
}
ul.ii {
  list-style-image: url("./img/sphrhead2.png");
}

dt{
  line-height:	24px;
  font-size:	16px;
  font-weight:	600;
  text-indent:	1em;
}
dd{
  line-height:	1.3;
  font-size:	14px;
  font-weight:	400;
  padding:	0.5em 0em 0em 0em;
}

em{ color: #000000; font-weight: bold; font-style: normal;} /* #0000ff */
img{ border-width: 0px; border-style: none;
  vertical-align: center;
   margin: 0px; padding: 0px;
}
p{ line-height:	1.3;}
p.text{ line-height:	1.4; letter-spacing: 0.1em;}
p.copyright{
  line-height:	100%;
  font-size: 80%; font-weight: bold;
  text-align: right;
}
hr.bottomline { border: ridge 1px #c0c0ff;}
span{ line-height: 100%; margin: 0px; padding: 0px;}
span.frame {border: #808080 solid 1px;}
*.small { font-size: 85%;}
*.email {
  font-family: sans-serif,monospace;
  font-style: oblique;
  letter-spacing: 0.1em;
}

*.atcenter{ margin-left : auto; margin-right : auto;}
*.left { text-align : left;}
*.center{ text-align :	center;}
*.right{ text-align :	right;}
*.vtop{ vertical-align : top;}
*.vcenter{ vertical-align : center;}
*.vbottom{ vertical-align : bottom;}
*.two { letter-spacing : 2.4em;}
*.three { letter-spacing : 1.2em;}
*.four { letter-spacing : 0.5em;}
*.roman { font-family : "Times New Roman",serif,cursive,fantasy,sans-serif;}
*.buturi { color : #c71585;} /* MediumVioletRed(c71585),VioletRed(d02090),PaleVioletRed(db7093),DeepPink(ff1493),orangered(ff4500),firebrick(b22222),IndianRed(cd5c5c),DarkSlateBlue(483d8b) */
*.nstext { color : #007050; } /* for Dept. of Natural Sciences */
*.estext { color : #006400; }/* DarkGreen(006400),ForestGreen(228b22) */
/* colors for natural sciences; 9ef1a1, 00d8aa, 009a87 */
*.leftskip { margin-left : 32px;}
*.onepadding {padding : 8px;}
*.ul { text-decoration : underline;}
*.em { font-weight : bold;}
*.redtext { color : #cc0000;}
*.bluetext { color : #0000cc; }
*.indices { background-color : #6080a0; color : #ffffff; text-align : center;}
*.bg_ee { background-color : #e8e8ff;}
*.bg_eeA { background-color : #f0e0a0;}
*.bg_eeB { background-color : #e8e8ff;}
*.bg_eeA1 { background-color : #fff0c0;}
*.bg_eeB1 { background-color : #f4f4ff;}
*.bg_es { background-color : #ffc8f0;}
*.bg_es1 { background-color : #ffe0ff;}
*.bg_em { background-color : #d0f0d0;}
*.bg_ek { background-color : #d0f0d0;}
*.bg_ef { background-color : #c0f0f0;}
*.bg_ek1 { background-color : #e8ffe8;}
*.bg_ef1 { background-color : #e0ffff;}
*.bg_ec { background-color : #d0d0f0;}
*.bg_fa { background-color : #f0e0a0;}
*.bg_fa1 { background-color : #fff0c0;}
*.bg_fi { background-color : #d0d0f0;}
*.bg_fr { background-color : #d0f0d0;}
*.bg_fr1 { background-color : #e8ffe8;}
*.bg_fr2 { background-color : #c6ffc6;}
*.padding2 { padding : 2px;}
*.padding4 { padding : 4px;}
b{font-weigth : bold;}

/* *** Structual Definitions setting *** */

div.page_frame{
  width:		800px;
  height:		auto; /* about 2000px ? */
  margin:		0px;
  padding:	10px;
  position:	relative;
  top:	0px;
  left:	20px;
  background-color:	#ffffff;
}

div.header{ /* for top CG on top-page */
  width:	760px;
  height:	auto;
  padding:	0px;
  position:	relative;
  left:	0px;
}
div.contents {
  width:	760px;
  padding:	0px;
  height:	auto;
  position:	relative;
  top: auto;
  left:	0px;
}
div.footer{
  width:760px;
  height:	64px;
  padding:	12px 0px 0px 0px;
  position:	relative;
  top:	auto;
  left:	0px;
}
div.quoted { width : 85%; margin-left : auto; margin-right : auto;}
div.narrowquoted { width : 60%; margin-left : auto; margin-right : auto;}
div.quote30letters {
  width : 30em; text-align: center;
  margin-left : auto; margin-right : auto;
}
div.centerquoted { width : 25em; margin-left : auto; margin-right : auto;}
div.centerquoted24 { width : 24em; margin-left : auto; margin-right : auto;}
div.centerquoted16 { width : 16em; margin-left : auto; margin-right : auto;}

table {
  border-collapse: separate;
  border-spacing: 1px;
  border: #000040 none 0px;
  margin: 0px; padding: 0px;
}
table.memberlist {
  border-collapse: separate;
  border-spacing: 2px 5px;
  border: #000040 none 0px;
  empty-cells: show;
  margin: 0px; padding: 0px;
}
table.memberlist td{
  vertical-align: top;
  height: 3.2em;
  border: #606060 none 0px;
  padding: 4px 2px;
}
table.test {
  border-collapse: collapse;
  border-spacing: 1px;
  border: #000040 solid 1px;
  empty-cells: show;
  margin: 0px; padding: 0px;
}
table.test td {
  border: #606060 solid 1px;
  padding: 2px;
}
table.whatsnew {
  font-size: 100%;
  text-align: center;
  border-collapse: collapse;
  border: #9ef1a1 solid 2px; /* ffe0e0,c0e0ff,a0c0e0,80a0c0 */
  width: 100%;
  margin 0px; padding: 0px;
}
table.whatsnew tr{
  border: #0000ff none 0px;
  margin: 0px; padding: 0px;
}
table.whatsnew th{
  color: #007050; /* e02060,f0d030 */
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  vertical-align: center;
  line-height: 16px;
  height: 18px;
  background-color: #9ef1a1; /* ffe0e0,c0e0ff,a0c0e0 */
  border: #202020 none 0px;
  margin: 0px; padding: 0px;
}
table.whatsnew td{
  line-height: 115%;
  text-align: left;
  vertical-align: top;
  border: #004080 none 0px;
  margin: 0px; padding: 2px 2px 2px 8px;
}
table.notice {
  font-size: 100%;
  width: 100%;
  border: #c0c0c0 groove 2px;
  margin: 1em 0px 1em -2em; padding: 2px;
}
table.notice td{ border: #004080 none 0px;}
table.contents_frame {
  background-color:	transparent;
  empty-cells:	show;
  margin:		0px;
  border-style:	none;
  border-width:	0px;
  border-collapse:	separate; /* table ONLY */
  border-spacing:	4px; /* table ONLY */
}
table.contents_frame tr{
  background-color:	transparent;
  margin:	0px;
  border-style:	none;
  border-width:	0px;
}
table.contents_frame td{
 vertical-align:	top;
  background-color:	transparent;
  margin:	0px;
  border-style:	none;
  border-width:	0px;
}
table.outframes {
  border: #b0b0b0 solid 2px;
}
table.frames {
  border: #b0b0b0 solid 2px;
}
table.frames td{
  border: #b0b0b0 solid 2px;
}
table.infos { width : 100%; background-color : transparent; border-spacing : 2px;}
table.infos td{ padding : 4px;}
*.collapse { border-collapse : collapse;}
tr.index { font-weight: bold; background-color: #f0e4e4;} /* e4f0e4, d8d8d8 */
tr.odd { background-color: #ffe4ff;}  /* ffffe4, e4ffff, e4e4ff */
tr.even { background-color: #ffe0e8;} /* e8ffd0, d0ffe8, d4d4f0 */
td.item { background-color: #9ef1a1;} /* ffe0e0,d8d8f0, e0e0ff */
td.menu{
  width:	152px;
  padding:	0px 8px 0px 2px; /* clock wise from top */
}
td.notes{
  font-size:	12px;
  font-weight:	400;
  padding:	0px 0px 0px 8px;
}

/* *** Decorative Definitions Setting *** */

a{ text-decoration: none; font-weight: normal;} /* "a" is same as "a:link"? */
a:link { color: #0060a0;} /* 000040 */
a:visited { color: #0060a0;}
a:hover { color: #8080ff; text-decoration: underline;} /* 826ffe */

/* Homepage Top */
h1 { color: #004080; font-size: 150%; text-align: center;}
h2.hptop {
  font-size: 140%; text-align: center; letter-spacing: 0.33em;
  margin: 2em 0px 2em 0px;
}
h3 {
  font-size: 120%; font-weight: bold;
  text-align: center; letter-spacing: 0.3em;}
h4{
font-size:	14px;
text-align:	center;
margin:	0px;
}
h4.uplink{
text-indent:	1.0em;
text-align:	left;
font-size:	12px;
font-weight:	800;
line-height:	16px;
text-decoration:none;
padding:	0.3em 0em 0.2em 0em;
margin:	0.5em 0em 0.5em 0em;
border-style:	solid;
border-color:	#666666;
border-width:	0px 0px 2px 0.5em; /* top right bottom left */
}
h4.uplink:hover{
color:	#009966;
border-color:	#009966;
}
h5 {
font-size : 112%;
font-weight : bold;
}

dl.itemlist{
margin:	0px;
padding:	0px 0px 14px 0px;
}
dt.itemlist{
margin:	0px;
padding:	0em 0em 0em 2em;
}
dd.itemlist{
line-height:	1.3;
margin:	0em 0em 0em 2em;
padding:	0.5em 1em 0em 0em;
}
dt.hilight{
color:	#ffffff; /* #000000; */
background-color:	#33aa99;
line-height:	24px;
font-size:	16px;
font-weight:	600;
text-indent:	1em;
}

table.head {
width:	760px;
margin:	0px;
padding:	0px;
border-width:	0px;
border-spacing: 0px;
border-collapse: collapse;
}

table.leftside th.headline{
border:		solid 2px;
border-color:	#009966; /* #aa88cc; */
background-color:	#009966; /* #aa88cc; */
color:		#ffffff; /* #333333; */
font-size:	16px;
font-weight:	800;
line-height:	18px;
}
table.leftside{
width:	360px;
margin:	0px;
padding:	0px;
border:	solid 2px;
border-color:	#009966; /* #aa88cc; */
border-spacing: 0px;
border-collapse: collapse;
}

*.latest {color: #006633; font-weight: bold;} /* 993366 */

p.notes{
font-weight:	400;
font-size:	12px;
line-height:	14px;
}
p.norm{
font-weight:	400;
/* font-size:	14px; */
/* line-height:	18px; */
}

h3.title {
margin-top:	2px;
margin-left:	2px;
font-size:	18px;
}

h3.subconts{
width:	auto; /* 230px */
background-color:	#0066ff; /* #33bb33; */
color:		#ffffff;
text-indent:	1em;
font-size:	14px; /* 12px; */
font-weight:	600;
line-height:	18px;
margin:	0px;
}