/* simple edit */

div#ed
{
	position:absolute;
	color:red;
	left:0;
	top:0;
	width:150px;
	height:150px;
	display:none;
}

div#ed div#ed-top
{
	position:absolute;
	background:#eab085;
	height:20px;
	width:110px;
	left:20px;
	top:0px;
	text-align:center;
	color:brown;
	padding-top:4px;
}

div#ed div#ed-top-left
{
	background:url(../sysimg/left-top-beige-eab085.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:20px;
}

div#ed div#ed-top-right
{
	background:url(../sysimg/right-top-beige-eab085.png) 0 0 no-repeat;
	position:absolute;
	right:0px;
	top:0px;
	width:20px;
	height:20px;
}

div#ed div#ed-bottom
{
	position:absolute;
	background:#eab085;
	height:20px;
	width:110px;
	left:20px;
	bottom:0px;
}

div#ed div#ed-bottom-left
{
	background:url(../sysimg/left-bottom-beige-eab085.png) 0 0 no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	width:20px;
	height:20px;
}

div#ed div#ed-bottom-right
{
	background:url(../sysimg/right-bottom-beige-eab085.png) 0 0 no-repeat;
	position:absolute;
	right:0px;
	bottom:0px;
	width:20px;
	height:20px;
}

div#ed div#ed-middle
{
	position:absolute;
	background:#eab085;
	height:110px;
	width:150px;
	left:0px;
	top:20px;
}

div#ed textarea
{
	position:absolute;
	width: 140px;
	height: 92px;
	left:2px;
	top:4px;
}

div#ed-bottom .button-cancel, div#ed-bottom .button-submit
{
	position:relative;
	color: brown;
	font-size: 12px;
	font-family:arial;
	margin-right: 0px;
	margin-left: 0px;
	text-decoration:none;
	clear:none;
}

div#ed-bottom .button-cancel
{
	float:right;
}

div#ed-bottom .button-submit
{
	float:left;
}

div#ed-bottom .button-cancel:hover, div#ed-bottom .button-submit:hover
{
	color: red;
}

div#ed-bottom .button-cancel:visited, div#ed-bottom .button-submit:visited
{
	color: brown;
}

/* calendar */

table.calendar
{
    text-align: center;
}

table.calendar thead tr.month td
{
	position:relative;
    color: #808080;
    background-color: #404040;
    font-size: 16px;
    font-weight: bold;
}

table.calendar thead tr.dayofweek td.weekday
{
    width: 110px;
}

table.calendar thead tr.dayofweek td.weekend
{
    width: 110px;
}

table.calendar thead tr.dayofweek td
{
    color: white;
    background-color: #804000;
    font-size: 12px;
    width: 110px;
}

table.calendar tbody tr td
{
	position:relative;
    background-color: #101010;
    font-size: 12px;
    width: 110px;
}

table.calendar tbody tr td.empty
{
    background-color: #000000;
    font-size: 6px;
    width: 110px;
}

table.calendar tbody tr td.other
{
    background-color: #000000;
    font-size: 12px;
    width: 110px;
}

table.calendar span.date
{
    color: gray;
    font-size: 40px;
}

table.calendar td.other span.date
{
    color: #303030;
    font-size: 40px;
}

.month_name {
    color: #a0785a;
    white-space: nowrap;
    font-family: arial;
    font-size: 40px;
}

#content {
    color:#FFD0DB;/*kind of light pink*/
}

#eye-line {
    background: url(../sysimg/eyeliner.gif) no-repeat 0 0;
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
}

img.w3c, a.w3c {
    border: none;
    height: 31px;
    width: 88px;
}
.w3c-html, .w3c-css {
    position:absolute;
    right:2px;
}
.w3c-html {
    bottom:35px;
}
.w3c-css {
    bottom:2px;
}

.nowrap { white-space: nowrap }

.gap0 {
    clear: both;
    height: 0px;
    display: block;
}

.gap3 {
    clear: both;
    height: 3px;
    display: block;
}
.gap30 {
    clear: both;
    height: 30px;
    display: block;
}

.gap50 {
    clear: both;
    height: 50px;
    display: block;
}

#signin {
    display:block;
    float:right;
    width:250px;
    text-align:center;
    height:28px;
    line-height:28px;
    font-family:arial,verdana;
    font-size:12pt;
    color:#FFE4E1;/*mistyrose*/
    text-decoration:none;
    background:url(../sysimg/down-dbl.png) 0 0 no-repeat;
}
#signin:hover {
    text-decoration:underline;
    color:#D8BFD8;
}
#signin:visited {
}
.msghead span {
    float:left;
    clear:none;
}



.plr-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.pl-50 { padding-left: 50px }
.pl-100 { padding-left: 100px }

.p-3 { padding:3px }

.center { text-align: center }
.justify { text-align: justify }
.left { text-align: left }
.right { text-align: right }

.back {
    border:none;
    margin:0 0 0 50px;
    text-decoration:none;
    color: #B22222;/*firebrick*/
    font-style: italic;
}

.bgred { background:red }

.noborder { border: none }

.border-groove { border: groove 3px }

.border-inset { border: inset 3px }

.border-outset { border: outset 3px #BC8F8F/*rosybrown*/ }

.border-ridge { border: ridge 3px }

.movie { display: block; margin-top: 20px }

a.txt-link {
    color: #FF6347;/*tomato*/
    text-decoration: none;
    white-space: nowrap;
}
a.txt-link:hover { text-decoration: underline }
a.txt-link:visited {}

a.txt-link-shade {
    color: #606060;
    text-decoration: none;
    white-space: nowrap;
}
a.txt-link-shade:hover { text-decoration: underline }
a.txt-link-shade:visited {}

p.more {
    text-align: right;
    padding-right: 20px;
}
a.more {
    color: #B22222;/*firebrick*/
    font-style: italic;
    text-decoration: none;
}
a.more:hover { text-decoration: underline }
a.more:visited {}

.special-note {
    padding-left: 40px;
    padding-right: 40px;
    font-family: verdana;
    font-size: 12pt;
    font-style: italic;
    text-align: center;
    color: #BC8F8F;/*rosybrown*/
}

.note2 {
    color: aqua;
    white-space: nowrap;
    font-family: arial;
}
.hurricane {
    color: red;
    white-space: nowrap;
}

.val-addr {
    padding-left: 40px;
    color: blue;
    font-size: 11pt;
}

/* articles */
ul.article { list-style: url(../sysimg/whiteball.gif) outside }
ul.article li {}
ul.article li a {
    color: #FF6347;/*tomato*/
    text-decoration: none;
    white-space: nowrap;
}
ul.article li a:hover { text-decoration: underline }
ul.article li a:visited{}

ul.article li a.txt-link-shade {
    color: #606060;
    text-decoration: none;
    white-space: nowrap;
}
ul.article li a.txt-link-shade:hover { text-decoration: underline }
ul.article li a.txt-link-shade:visited {}

/* photos */
ul.photo { list-style: url(../sysimg/whiteball.gif) outside }
ul.photo li {}
ul.photo li a:hover { text-decoration: underline }
ul.photo li a:visited{}

ul.photo li a {
    color: #FFC0CB;/*pink*/
    text-decoration: none;
    white-space: nowrap;
}
ul.photo li a:hover { text-decoration: underline }
ul.photo li a:visited{}

/* poems */
ul.poem { list-style: url(../sysimg/whiteball.gif) outside }
ul.poem li {}
ul.poem li a:hover { text-decoration: underline }
ul.poem li a:visited {}

ul.poem li a {
    color: #FFC0CB;/*pink*/
    text-decoration: none;
    white-space: nowrap;
}
ul.poem li a:hover { text-decoration: underline }
ul.poem li a:visited {}

/* guestbooks */
ul.guestbook { list-style: url(../sysimg/whiteball.gif) outside }
ul.guestbook li {}
ul.guestbook li a:hover { text-decoration: underline }
ul.guestbook li a:visited{}

ul.guestbook li a {
    color: #32CD32;/*limegreen*/
    text-decoration: none;
    white-space: nowrap;
}
ul.guestbook li a:hover { text-decoration: underline }
ul.guestbook li a:visited{}

/******************************** fonts ****************************/
.n { font-weight: normal }
.b { font-weight: bold }
.i { font-style: italic }
.vr { font-family: verdana }
.ar { font-family: arial }
.sys { font-family: system }
.tm { font-family: times }
.f08,.f8 { font-size: 8pt }
.f09,.f9 { font-size: 9pt }
.f10 { font-size: 10pt }
.f11 { font-size: 11pt }
.f12 { font-size: 12pt }
.f13 { font-size: 13pt }
.f14 { font-size: 14pt }
.f20 { font-size: 20pt }

/******************************** colors ***************************/
.silver { color: silver }
.blue { color: blue }
.white { color: white }
.limegreen { color: #32CD32 /*limegreen*/ }
.lime { color: lime }
.yellow { color: yellow }
.mistyrose { color: #FFE4E1 /*mistyrose*/ }

/******************************** links **********************/
.msghead {
    line-height: 30px;
    height: 30px;
    padding-left: 100px;
    font-family: arial,verdana;
    font-size:16pt;
    color:#FFC0CB;/*pink*/
    position: relative;
}
.val-link {
    line-height: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 0;
    text-align: right;
    white-space: nowrap;
}
a.val {
    color: #FFA500;/*orange*/
    text-decoration: none;
    font-family: verdana;
    font-size: 9pt;
    white-space: nowrap;
}
a.val:hover { text-decoration: underline }
a.val:visited {}

a.email {
    color: lime;
    text-decoration: none;
    font-family: verdana;
    font-size: 9pt;
    position: absolute;
    right: 10px;
    bottom: 5px;
    display: block;
}
a.email:hover { text-decoration: underline }
a.email:visited {}

a.email2 {
    color: lime;
    text-decoration: none;
    font-family: verdana;
    font-size: 9pt;
    position: absolute;
    right: 10px;
    top: 18px;
    display: block;
}
a.email2:hover { text-decoration: underline }
a.email2:visited {}

/*********** form ***************/

.form-label {
    display:inline;/*for IE*/
    float:left;
    width:200px;
    text-align:right;
    clear:none;
    margin-right:20px;
}

.form-input {
    display:inline;
    float:left;
    width:200px;
    clear:none;
}

.form-input-check {
    display:inline;
    float:left;
    padding:0;
    margin:8px 0 0 0;
    clear:none;
}

.form-input-radio {
    display:inline;
    float:left;
    padding:0;
    margin:8px 0 0 0;
    clear:none;
}

.form-check-label {
    width:180px;
    float:left;
    clear:none;
    display:inline;
    margin:0;
    padding:0 0 0 10px;
}

.form-submit {
    display:inline;
    float:left;
    width:80px;
    clear:none;
}

.form-column, .form-header {
    float:left;
    display:inline;
    width:250px;
    clear:none;
    padding:0;
    margin:0 0 0 3px;
}

.form-header {
    text-align:center;
    background:#202020;
}

.form-column a {
    color: #FFC0CB;/*pink*/
    text-decoration:none;
    float:left;
    clear:none;
    display:inline;
}

.form-column a:hover {
    text-decoration:underline;
}
.form-column a:visited {}

.unprocessed, .processed {
    width:20px;
    display:inline;
    float:left;
    clear:none;
}
.unprocessed {
    background:url(../sysimg/whiteball.gif) no-repeat 0 8px;
}

a.logout {
    position:absolute;
    top:0;
    left:0;
    font-family:arial;
    display:block;
    color:blue;
    width:130px;
    text-decoration:none;
    font-weight:bold;
}
.login-error {
    position:absolute;
    top:0;
    left:0;
    font-family:arial;
    display:block;
    color:red;
    width:130px;
    font-weight:normal;
}
/************************************ bio **********************************/
.biopage{
    width: 720px;
    background-color: white;
    color: black;
    font-size: 12px;
    padding:20px 20px 20px 20px;
    text-align: left;
    margin:0 auto 0 auto;
}
.imgbio{
    float: left;
    width: 150px;
    text-align: right;
}
.imgbio img { border: outset 3px silver }
.addrbio{
    float: right;
    width: 160px;
    line-height: 18px;
}
h2.bio {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    line-height: 150px;
}
a.bio{
    color: blue;
    text-decoration: none;
    white-space: nowrap;
}
a.bio:visited{}
a.bio:hover{
    color: red;
    text-decoration: underline;
}
.infobio{
    padding-left:10px;
    padding-right:10px;
    font-size:10pt;
}
.companybio, .highlight{ font-weight: bold }
table.bio{
    margin-top: 20px;
    width: 100%;
    font-size: 9pt;
}
table.bio tr.odd{ background-color: #FFF5EE /*seashell*/ }
table.bio tr.even{ background-color: #F0F8FF /*aliceblue*/ }
table.bio td.years{
    width: 10%;
    vertical-align: top;
    text-align: center;
    padding: 5px;
}
table.bio td.place{
    width: 20%;
    vertical-align: top;
    padding: 5px;
}
table.bio td.duties{
    width: 25%;
    vertical-align: top;
    padding: 5px;
}
table.bio td.details{
    vertical-align: top;
    padding: 5px;
}