@charset "utf-8";
/* Jo Howard .net website CSS Document */

body {
margin: 0;
padding: 0;
background-color: #f3f6fb;
font-family: "Trebuchet MS";
	font-size:100%;
	line-height:1.3em; /* 16x1.125=18px */
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #000;
background-image:url(images/bg.jpg);
background-attachment:scroll;
background-position:top left;
background-repeat:no-repeat;
}

body#home a#homenav,
body#coaching a#coachingnav,
body#groups a#groupsnav,
body#appraisals a#appraisalsnav,
body#transitions a#transitionsnav,
body#alchemy a#alchemynav,
body#writing a#writingnav,
body#news a#newsnav,
body#shop a#shopnav,
body#contact a#contactnav {
color: #fff;
background: #1c1d20;
  display: block;
}

img {border:none; font-size: 0.7em;color:#979696;}
.img_floatleft {border:none; font-size: 0.7em;color:#979696; float:left; margin: 0px 8px 8px 0px;}

p {font-size: 0.9em; /* 16x0.5=8px */ padding:0px; margin:0px; }
p a{color:#000;text-decoration:underline;}
p a:visited{color:#000;text-decoration:underline;}
p a:hover{color:#000;text-decoration:underline;}

.list { font-size: 0.9em; /* 16x0.5=8px */padding:0px; margin:0px; }
.list a{color:#000;text-decoration:underline;}
.list a:visited{color:#000;text-decoration:underline;}
.list a:hover{color:#000;text-decoration:underline;}

h1 {font-size: 1.0em; /* 16x0.5=8px */ padding:0px; margin:0px; }
h1 a{color:#1d2131;text-decoration:none;}
h1 a:visited{color:#1d2131;text-decoration:none;}
h1 a:hover{color:#1d2131;text-decoration:underline;}

h2 {font-size: 1.1em; /* 16x0.5=8px */ padding:0px; margin:0px; }
h2 a{color:#1d2131;text-decoration:none;}
h2 a:visited{color:#1d2131;text-decoration:none;}
h2 a:hover{color:#1d2131;text-decoration:underline;}

.navi {font-size: 0.9em; /* 16x0.5=8px */ padding:0px; margin:0px; }
.navi a{color:#4c4c4c;text-decoration:none;  }
.navi a:visited{color:#4c4c4c;text-decoration:none; }
.navi a:hover{color:#fff;text-decoration:none;display:block; background-color:#8EB1FF; }

#navigation {
font-size: 0.9em;
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#navigation li {
   margin-bottom: 0px;
}
#navigation a {
   background: #F9FAFF;
   color: #000;
   display: block;
   width: 167px;
   border-left: 0px;
   padding-left: 3px;
   text-decoration:none;
}
#navigation a:hover {
   background: #1c1d20;
   color: #fff;
   text-decoration: none;
   border-left: 3px;
}

#navigation_02 {
font-size: 0.7em;
   margin: 0;
   padding: 0px 0px 10px 0px;
   list-style-type: none;
    
}
#navigation_02 li {
   margin-bottom: 0px;
}
#navigation_02 a {
   background: #F9FAFF;
   color: #000;
   display: block;
   width: 152px;
   border-left: 13px;
   padding-left: 5px;
   text-decoration:none;
     border-left: 13px solid #F9FAFF;
}
#navigation_02 a:hover {
   background: #2c313d;
   color: #fff;
   text-decoration: none;
      padding-left: 5px;
   border-left: 13px solid #F9FAFF;
}

.grey {color:#979696;text-decoration:none;}
.grey a{color:#979696;text-decoration:underline;}
.grey a:visited{color:#979696;text-decoration:underline;}
.grey a:hover{color:#4c4c4c;text-decoration:underline;}


.copyright {font-size: 0.7em; color:#979696;text-decoration:none; margin-bottom: 20px; padding-top: 5px;}
.copyright a{color:#979696;text-decoration:none;}
.copyright a:visited{color:#979696;text-decoration:none;}
.copyright a:hover{color:#979696;text-decoration:none;}


#wrapper{position:relative;width: 542px;margin: 0px 0px;left: 240px;}

#nav{position:absolute;left: 35px;top: 230px; width: 170px; border-top:2px solid #2c313d; padding-top: 15px;}

#content{position:relative;left: 0px;top: 230px; border-top:2px solid #2c313d; padding-top: 15px;}
#content_c1{position:relative;left: 0px;top: 26px; width:285px;}
#content_c2{position:absolute;left: 300px;top: 0px; width:285px;}


#footer{position:relative;left: 0px;top: 50px; padding-bottom: 20px; border-top: 2px solid #2c313d;}
#footer_c1{
	position:absolute;
	left: 0px;
	top: 5px;
	width: 900px;
}
#footer_c2{position:absolute;right: 0px;top: 5px;}