h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 2em;
font-weight: bold;
font-style: normal;
text-decoration: none;}


div#header {
position: relative;
padding: 2%;
margin-bottom: 1px; 
}

div#article {
margin-left: 10%;
margin-right: 10%;
padding-top: 1em;
font-family: sans-serif;
font-size: 1em;
line-height: 1.2em;
}


div#wrileft {padding: 4%;
text-align: justify;
margin-right:  130px;
width: 45%;
position: inherit;}

div#wriright {padding: 4%;
float: right;
width: 45%;
position: relative;
}

div#rect {position: absolute;
margin: 10px;
float: right;
width: 20%;
margin-bottom: 20px;
background-color: #becbe1;
border: 2px black solid;
z-index: 2;}




body {margin: 0;
padding-top: 1em;
font-family: sans-serif;
font-size: 1em;
line-height: 1.2em;
}/**/


div#footer {list-style-type:square;
padding-top: 7px;

padding-bottom: 2px;

padding-left: 10px;
padding-right:10px;
text-align: center;
clear: both;


}

#footer {text-align: center;}

#footer li {
display: inline;
font-size: 18px;  font-weight:700; padding-right: 13px;
}

#footer ul {
margin: 0;
padding: 0;

}

 
a.about:link {color:#FF0000; text-decoration:none;}
a.about:visited {color:#FF0000; text-decoration:none;}
a.about:hover {color: yellow;}
a.about:active {color: orange;}



a.wri:link {color:#0000FF; text-decoration:none;}
a.wri:visited {color:#0000FF; text-decoration:none;}
a.wri:hover {color: yellow;}
a.wri:active {color: orange;}


a.ill:link {color: #FFD600; text-decoration:none;}
a.ill:visited {color: #FFD600; text-decoration:none;}
a.ill:hover {color: red;}
a.ill:active {color: orange;}


a.con:link {color: #FF00FF; text-decoration:none;}
a.con:visited {color: #FF00FF; text-decoration:none;}
a.con:hover {color: yellow;}
a.con:active {color: orange;}


a.cv:link {color: #00FF40; text-decoration:none;}
a.cv:visited {color: #00FF40; text-decoration:none;}
a.cv:hover {color: yellow;}
a.cv:active {color: orange;}


a.blog:link {color: #80FFFF; text-decoration:none;}
a.blog:visited {color: #80FFFF; text-decoration:none;}
a.blog:hover {color: yellow;}
a.blog:active {color: orange;}

a.home:link {color: #FF0080; text-decoration:none;}
a.home:visited {color: #FF0080; text-decoration:none;}
a.home:hover {color: yellow;}
a.home:active {color: orange;}



p.copy {text-align:right;font-size:.7em; line-height: 1em; margin-right:3em;}



p.advice {text-align: left;
font-size: 1em;
padding: 0;
position: relative;
top: 0;
margin-right: 0;}

p.link {
text-align: center;
margin-left: 2em;
padding: 7px;
border: 2px black solid;
background-color: #d2d2d2;
position: relative;
}


div#maincontent {padding: 0%;
text-align: justify;
margin-right: 25%;
margin-left:  25%;
margin-top: 3%;
text-indent:10 px;
}

div#writing {padding: 0%;
text-align: justify;
margin-right: 15%;
margin-left:  15%;
margin-top: 3%;
text-indent:10 px;
}

div#about {padding: 10px;
text-align: justify;
margin-right: 21%;
margin-left: 21%;
margin-top: 3%;
text-indent:10 px;
background-color: #aeb4c4;
border: 4px black solid;

}

div#leftcolumn {padding-left: 1%;
float: left;
text-align: left;

width: 30%;}

div#rightcolumn {padding-right: 1%;
float: right;

width: 30%;}

div#wrilink
{
position: relative;
bottom: +1em;
float: inherit;}



b {color: #e10000; }



#blobs {
 width: 123px; 
 height: 420px;
 background: url(../images/rolloversl.png);
margin: 10px auto; padding: 0;
 position: relative;
}
#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs a {display: block;}

#blob1 {left: 0px; top: 0px; width: 123px; height: 130px;}
#blob2 {left: 0px; top: 140px; width: 123px; height: 130px;}
#blob3 {left: 0px; top: 289px; width: 123px; height: 130px;}

#blob1 a {height: 130px;}
#blob2 a {height: 130px;}
#blob3 a {height: 130px;}

#blob1 a:hover {background: url(../images/rolloversl.png) -123px 0px no-repeat;}
#blob2 a:hover {background: url(../images/rolloversl.png) -123px -144px no-repeat;}
#blob3 a:hover {background: url(../images/rolloversl.png) -123px -289px no-repeat;}

#blobs2 {
 width: 125px;
 height: 420px;
 background: url(../images/rolloversr.png);
 
margin: 10px auto; padding: 0;
 position: relative;
}
#blobs2 li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#blobs2 a {display: block;}

#blob21 {left: 0px; top: 0px; width: 125px; height: 130px;}
#blob22 {left: 0px; top: 140px; width: 125px; height: 130px;}
#blob23 {left: 0px; top: 289px; width: 125px; height: 135px;}

#blob21 a {height: 130px;}
#blob22 a {height: 130px;}
#blob23 a {height: 135px;}

#blob21 a:hover {background: url(../images/rolloversr.png) -125px 0px no-repeat;}
#blob22 a:hover {background: url(../images/rolloversr.png) -125px -144px no-repeat;}
#blob23 a:hover {background: url(../images/rolloversr.png) -125px -289px no-repeat;}