body{ 
background-color:#eee;
background-image:url("images/cnvs.jpg");
font-family:Arial, Helvetica, Sans-Serif;
text-align:center;
padding-top:20px;
margin:0 auto;
}

/* This is for index page */

#wrapstmnt{
float:right;
width:510px;
padding:20px 20px 0 0;
}
#wrapbio{
clear:both;
width:720px;
padding-bottom:10px;
margin:0 auto;
}
#wrapstmnt h2, #wrapbio h2{
color:#036;
font-size:1.2em;
text-align:left;
}
#wrapstmnt p, #wrapbio p{
color:#036;
font-size:1.1em;
text-align:left;
text-indent:20px;
}
#karin {
float:left;
width:169px;
height:220px;
margin:10px 15px 5px 0;
}

.wrapvitae{
clear:both;
width:760px;
margin:0 auto;
}
.wrapdat{
clear:left;
float:left;
width:65px;
}
.wrapexhawd{
float:right;
width:675px;
padding:20px 20px 0 0;
}
.wrapvitae h2{
color:#036;
font-size:1.2em;
text-align:left;
padding-left:20px;
margin: 0 auto;
}

.wrapdat h4{
color:#036;
font-size:1em;
font-weight:bold;
text-align:left;
padding:20px 0 0 20px;
}
.wrapexhawd p{
color:#036;
font-size:1em;
text-align:left;
}

#wraphome{
background-image:url("images/EEE.gif");
background-repeat:repeat;
height:auto;
width:760px;
border-bottom:3px #c83 dotted;
margin:0 auto;
}

/* This is for tn pages */

.wraptn{
float:right;
width:510px;
margin:0 auto;
}
.tn{
float:left;
text-align:center;
width:auto;
padding:20px 20px 0 0;
}
.tn p{
color:#036;
font-size:.8em;
font-weight: bold;
}
.tn a img{
text-decoration:none;
border:none;
margin-top:10px;
}
.tn a:link, .tn a:visited, .tn a:active{
color:#036;
text-decoration:none;
}
.tn a:hover{
text-decoration:none;
color:#18b;
}

#wrapgalry{
background-image:url("images/EEE.gif");
background-repeat:repeat;
height:auto;
width:760px;
border-bottom:3px #c83 dotted;
margin:0 auto;
}

/* This is for el pages */

.el{
text-align:center;
width:auto;
margin:0 auto;
padding:15px;
}
.el p{
color:#036;
font-size:.8em;
font-weight: bold;
margin:5px 0;
}
.el a img{
text-decoration:none;
border:none;
margin-bottom:5px;
}
.el a:link, .el a:visited, .el a:active{
color:#036;
text-decoration:none;
}
.el a:hover{
text-decoration:none;
color:#18b;
}

#wrapel{
background-image:url("images/EEE.gif");
background-repeat:repeat;
height:auto;
border-bottom:3px #c83 dotted;
margin:0 auto;
}

/* pageup and uturn where needed */

.top, #uturn{
clear:both;
margin-bottom:10px;
}
.top p, #uturn p{
font-size:.8em;
text-align:right;
padding-right:20px;
}
.top a, #uturn a{
text-decoration:none;
border:3px #036 double;
padding:1px;
color: #036;
}
.top a:hover, #uturn a:hover{
border:3px #c83 dotted;
color:#18b;
}

/* This is for all pages */

#hdrwrap{
width:760px;
border-bottom:3px #c83 dotted;
}
#hdrlft{
float:left;
width:360px;
margin:0 auto;
}
#hdrrt{
float:right;
width:360px;
margin:0 auto;
}
#hdrlft h1{
color:#036;
font-size:2em;
font-variant:small-caps;
text-align:left;
margin:0 auto;
padding:10px 0 0 10px;
}
#hdrlft h2{
color:#036;
font-size:1.2em;
text-align:left;
margin:0 auto;
padding:0 0 10px 160px;
}
#hdrrt h2{
color:#036;
font-size:1.2em;
text-align:right;
margin:0 auto;
padding:20px 10px 0 0;
}
#hdrrt h3{
color:#c83;
font-size:1em;
font-weight:bold;
text-align:right;
padding:0;
margin:0 auto;
padding:0 10px 0 0;
}
#hdrrt a{
color:#036;
}
#hdrrt a:link, #hdrrt a:visited, #hdrrt a:active{
color:#036;
text-decoration:none;
}
#hdrrt a:hover{
text-decoration:none;
color:#18b;
}

#nav{
clear:left;
float:left;
text-align:left;
width:200px;
}
#nav ul{
display:block;
list-style:none;
padding-top:50px;
}
#nav li{
font-size:1em;
font-weight:bold;
padding-top:10px;
}
#nav li a:link, #nav li a:visited, #nav li a:active{
color:#036;
text-decoration:none;
}
#nav li a:hover{
color:#18b;
font-style:italic;
text-decoration:none;
padding-left:5px;
}
a#here {
color:#18b;
border:3px #c83 dotted;
padding:0 3px;
}

#ftr{
clear:both;
width:760px;
padding-top:5px;
margin:0 auto;
}
#ftr p{
text-align:center;
font-size:.9em;
font-weight:bold;
padding-top:5px;
margin:0 auto;
}
#ftr a{
color:#036;
}
#ftr a:link, #ftr a:visited, #ftr a:active{
color:#036;
text-decoration:none;
}
#ftr a:hover{
text-decoration:none;
color:#18b;
}