/* Layout */

body {background-color:#D4D2D2;margin:0px;padding:0px;font-family: Arial; font-size: 1em; color: white;}

h1 {font-family:Arial;color:silver;margin:0px;padding:20px 0px 0px 0px;}
h2 {font-family:Arial;color:#FFC850;margin:0px;padding:10px 0px 0px 10px;}
li {padding:5px;color:white;margin-left:-25px;_margin-left:10px;}
p  {font-size:100%;color:gray;}



h1 {font-size:140%}
/* h2 {margin:40px 40px 0 20px;font-size:130%;border-bottom:dotted 1px silver;color:red;} */
h3 {font-family:Arial;margin:30px 40px 0 30px;font-size:120%;color:yellow;}
h4 {margin-left:40px;font-size:100%}
p {margin-left:40px;margin-right:40px;font-family:Verdana;font-size:80%;}
p.code {margin:0 40px 40px 40px;font-family:Verdana;border:1px solid silver;padding:15px;color:red;background:mistyrose;}
em {margin:40px;}
ol {font-size:80%;font-family:Verdana;}
li {margin:5px 40px 10px 0px;}



a {text-decoration:none;color:#FBE47D;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
.link {text-align:right;font-weight:bold;}

.greybox {background: transparent; margin:10px 0 0 10px;}
.greybox h1, .greybox p, .greybox ul {margin:0 10px;height:65px;_height:85px;}
.greybox h1 {font-size:2em; letter-spacing:1px;background:url('/images/me.jpg') 100% 0% no-repeat;}
.greybox p {padding-bottom:0.5em;}

.greybox .boxtop, .greybox .boxbottom {display:block; background:transparent; font-size:1px;}
.greybox .b1, .greybox .b2, .greybox .b3, .greybox .b4, .greybox .b1b, .greybox .b2b, .greybox .b3b, .greybox .b4b {display:block; overflow:hidden;}
.greybox .b1, .greybox .b2, .greybox .b3, .greybox .b1b, .greybox .b2b, .greybox .b3b {height:1px;}
.greybox .b2, .greybox .b3, .greybox .b4, .greybox .b4b, .greybox .b3b, .greybox .b2b  {background:#222; border-left:1px solid black; border-right:1px solid black;}
 
.greybox .b1, .greybox .b1b {margin:0 5px; background:black;}
.greybox .b2, .greybox .b2b {margin:0 3px; border-width:0 2px;}
.greybox .b3, .greybox .b3b {margin:0 2px;}
.greybox .b4, .greybox .b4b {height:2px; margin:0 1px;}
.greybox .boxcontent {display:block; background:#222; border-left:1px solid black; border-right:1px solid black;height:90px;}

.navbox {background: transparent; margin:10px 0 0 10px}
.navbox h1, .navbox p {margin:0 10px;}
.navbox ul {list-style-type:none;margin:0;font-size:0.9em;}
.navbox li {margin:0 0px 0 -35px;_margin:0 0 0 5px;padding:5px;}
.navbox h1 {font-size:2em;  letter-spacing:1px;}
.navbox p {padding-bottom:0.5em;}

.navbox .boxtop, .navbox .boxbottom {display:block; background:transparent; font-size:1px;}
.navbox .b1, .navbox .b2, .navbox .b3, .navbox .b4, .navbox .b1b, .navbox .b2b, .navbox .b3b, .navbox .b4b {display:block; overflow:hidden;}
.navbox .b1, .navbox .b2, .navbox .b3, .navbox .b1b, .navbox .b2b, .navbox .b3b {height:1px;}
.navbox .b2, .navbox .b3, .navbox .b4, .navbox .b4b, .navbox .b3b, .navbox .b2b  {background:#423A36; border-left:1px solid black; border-right:1px solid black;}
 
.navbox .b1, .navbox .b1b {margin:0 5px; background:black;}
.navbox .b2, .navbox .b2b {margin:0 3px; border-width:0 2px;}
.navbox .b3, .navbox .b3b {margin:0 2px;}
.navbox .b4, .navbox .b4b {height:2px; margin:0 1px;}
.navbox .boxcontent {display:block; background:#423A36; border-left:1px solid black; border-right:1px solid black;}
 
.redbox {background: transparent; margin:10px 0 0 10px}
.redbox h1, .redbox p, .redbox ul {margin:0 10px;}
.redbox h1 {font-size:2em;  letter-spacing:1px;}
.redbox p {padding-bottom:0.5em;color:#D97353;}
.redbox ul {list-style-type:none;}

.redbox .boxtop, .redbox .boxbottom {display:block; background:transparent; font-size:1px;}
.redbox .b1, .redbox .b2, .redbox .b3, .redbox .b4, .redbox .b1b, .redbox .b2b, .redbox .b3b, .redbox .b4b {display:block; overflow:hidden;}
.redbox .b1, .redbox .b2, .redbox .b3, .redbox .b1b, .redbox .b2b, .redbox .b3b {height:1px;}
.redbox .b2, .redbox .b3, .redbox .b4, .redbox .b4b, .redbox .b3b, .redbox .b2b  {background:#440000; border-left:1px solid black; border-right:1px solid black;}
 
.redbox .b1, .redbox .b1b {margin:0 5px; background:black;}
.redbox .b2, .redbox .b2b {margin:0 3px; border-width:0 2px;}
.redbox .b3, .redbox .b3b {margin:0 2px;}
.redbox .b4, .redbox .b4b {height:2px; margin:0 1px;}
.redbox .boxcontent {display:block; background:#440000; border-left:1px solid black; border-right:1px solid black;}

.greenbox {background: transparent; margin:10px 0 0 10px}
.greenbox h1, .greenbox p, .greenbox ul {margin:0 10px;}
.greenbox h1 {font-size:2em;  letter-spacing:1px;}
.greenbox p {padding-bottom:0.5em;color:#A0C478}
.greenbox ul {list-style-type:none;}

.greenbox .boxtop, .greenbox .boxbottom {display:block; background:transparent; font-size:1px;}
.greenbox .b1, .greenbox .b2, .greenbox .b3, .greenbox .b4, .greenbox .b1b, .greenbox .b2b, .greenbox .b3b, .greenbox .b4b {display:block; overflow:hidden;}
.greenbox .b1, .greenbox .b2, .greenbox .b3, .greenbox .b1b, .greenbox .b2b, .greenbox .b3b {height:1px;}
.greenbox .b2, .greenbox .b3, .greenbox .b4, .greenbox .b4b, .greenbox .b3b, .greenbox .b2b  {background:#3B4405; border-left:1px solid black; border-right:1px solid black;}
 
.greenbox .b1, .greenbox .b1b {margin:0 5px; background:black;}
.greenbox .b2, .greenbox .b2b {margin:0 3px; border-width:0 2px;}
.greenbox .b3, .greenbox .b3b {margin:0 2px;}
.greenbox .b4, .greenbox .b4b {height:2px; margin:0 1px;}
.greenbox .boxcontent {display:block; background:#3B4405; border-left:1px solid black; border-right:1px solid black;}

.petrolbox {background: transparent; margin:10px 0 0 10px}
.petrolbox h1, .petrolbox p, .petrolbox ul {margin:0 10px;}
.petrolbox h1 {font-size:2em; letter-spacing:1px;}
.petrolbox p {padding-bottom:0.5em;color:#A7CBA2}

.petrolbox .boxtop, .petrolbox .boxbottom {display:block; background:transparent; font-size:1px;}
.petrolbox .b1, .petrolbox .b2, .petrolbox .b3, .petrolbox .b4, .petrolbox .b1b, .petrolbox .b2b, .petrolbox .b3b, .petrolbox .b4b {display:block; overflow:hidden;}
.petrolbox .b1, .petrolbox .b2, .petrolbox .b3, .petrolbox .b1b, .petrolbox .b2b, .petrolbox .b3b {height:1px;}
.petrolbox .b2, .petrolbox .b3, .petrolbox .b4, .petrolbox .b4b, .petrolbox .b3b, .petrolbox .b2b  {background:#064443; border-left:1px solid black; border-right:1px solid black;}
.petrolbox ul {list-style-type:none;}
 
.petrolbox .b1, .petrolbox .b1b {margin:0 5px; background:black;}
.petrolbox .b2, .petrolbox .b2b {margin:0 3px; border-width:0 2px;}
.petrolbox .b3, .petrolbox .b3b {margin:0 2px;}
.petrolbox .b4, .petrolbox .b4b {height:2px; margin:0 1px;}
.petrolbox .boxcontent {display:block; background:#064443; border-left:1px solid black; border-right:1px solid black;}

/* Calendar */
.main {
width:100%;
padding-left:10px;
border-collapse:collapse;
}

.month {
background-color:black;
font:bold 100% Arial;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 80% Arial;
color:white;
}

.days {
font-size: 80%;
font-family:Arial;
color:black;
background-color: #FFFF99;
padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}