body {
  margin:0px;
  padding:0px;
  font-family: arial, sans-serif;
  background:#fff;
  color: #000;
  height:100%;
  text-align:center;
  overflow-y: scroll;
}

h1,h3,h4,h5{
  margin-top:0px;
  margin-bottom:0px;
}
#logo{
  position:absolute;
  top:2.1em;
  margin-left:10px;
  width:210px;
}
.hideMe,#header dt{
  position:absolute;
  top:-1000px;
}

h1,h2,h3,h4,h5{
  font-size:.9em;
  margin-top:0px;
  text-transform:uppercase;
}
a{text-decoration:none;color:#f60;}
a:hover,a:focus,a:active{text-decoration:underline;color:#0f0;}
a img{border:0px;}
a:hover img,a:focus img,a:active img{opacity:0.8;}


hr,.print{display:none}

#outerContainer{
  background:#000;
  color:#c0c0c0;
  max-width:1000px;
  margin:0px auto;
  text-align:left;
}

#header{
  background:#fff url(/assets/images/header_back.gif) 226px 0px repeat-y;
  color:#000;
  overflow:hidden;
  padding:0px;
}
#header dl{
  background:#fff url(/assets/images/header_border.gif) 0px 100% repeat-x;
  color:#000;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  margin:0px;
  padding:0px 0px 4px 0px;
  font-weight:bold;
  text-align:center;
 }


#header a{color:#c82800;}
#header a:hover,#header a:focus,#header a:active{color:#000;}





h1{
  float:left;
  width:210px;
}

h1,#testimonial{
  color:#202020;
  margin:2.2em 10px 0px 10px;
  font-size:.9em;
  padding:0px;
  overflow:hidden;
}


#testimonial{margin-left:255px;}
#testimonial q{
  font-weight:bold;
  font-style:italic;
}





#accessnav{
  background:#fff url(/assets/images/header_border.gif) 0px 100% repeat-x;
  color:#202020;
  margin:0px;
  text-align:right;
  padding:0px;
  clear:both;
  font-size:.8em;
  border-bottom:10px solid #20252B;
}
#accessnav ul{
  background:transparent url(/assets/images/header_split.gif) 220px 100% no-repeat;
  margin:0px;
  padding:0px 15px 0px 0px;
}
#accessnav li{
  margin:0px;
  padding:0px;
  list-style-type:none;
  display:inline;
}
#accessnav li a{
  padding:5px 10px 0px 10px;
  background:#20252B;
  color:#fff;
}
#accessnav li a:hover,#accessnav li a:focus,#accessnav li a:active{
  color:#0f0;
}
#accessnav li .leftend{
  background:#20252B url(/assets/images/access_back.gif) 0 100% no-repeat;
  padding-left:20px;
}
#accessnav li .rightend{
  background:#20252B url(/assets/images/access_back2.gif) 100% 100% no-repeat;
  padding-right:20px;
}

#contactdetails{
  font-size:.8em;
}
#contactdetails dd{
  display:inline;
  padding:0px 5px;
  white-space:nowrap;
}




#innerContainer{overflow:hidden;}





#leftCol{
  background:transparent url(/assets/images/headers.gif) -1100px 100% no-repeat;
  color:#f60;
  float:left;
  width:232px;
  margin:0;
  padding:0;
  font-size:.9em;
  text-align:center;
}
#leftCol .content{
  background:#20252B;/* url(/assets/images/left_back.gif) no-repeat;*/
  color:#c0c0c0;
  margin:0px 0px 9px 0px;
  padding:0px;
  overflow:hidden;
  padding-bottom:10px;
}
#leftCol ul,#leftCol ul li{margin:0px auto;padding:0px;border:0px;list-style-type:none;width:212px;}







#leftCol #nav a{
  background:#000 url(/assets/images/headers.gif) 0px 0px no-repeat;
  color:#fff;
  font-family: arial;
  font-weight:bold;
  display:block;
  width:212px;
  margin-bottom:5px;
  text-transform:uppercase;
  text-align:center;
}
#leftCol #nav a span{
  background:transparent url(/assets/images/headers.gif) -212px 100% no-repeat;
  display:block;
  padding:9px 5px;
}
#leftCol #nav a:hover,#leftCol #nav a:focus,#leftCol #nav a:active{
  background:#010333 url(/assets/images/headers.gif) -424px 0px no-repeat;
  color:#0f0;
  text-decoration:none;
}
#leftCol #nav .lastItem a{
  margin-bottom:0px;
}



.portfolio dt a:hover,.portfolio dt a:focus,.portfolio dt a:active,#content .toplink a:hover,#content .toplink a:focus,#content .toplink a:active{
  text-decoration:underline;
}




#leftCol ul.icons{margin-top:10px;}
#leftCol ul.icons li{display:inline;}
/*
#leftCol ul.icons img{
  display:block;
  float:left;
  width:88px;
  height:31px;
  background:#000;
}
*/



.portfolio{
  list-style-type:none;
  overflow:hidden;
  width:212px;
  margin:10px 10px 0px 10px;
  padding:0px;
  border:0px;
  text-align:center;
  font-size:.9em;
}
.maintext .portfolio{
  font-size:1em;
}
.portfolio dd{
  padding:0px;
  margin:0px;
}
.portfolio dt a{
  background:#000 url(/assets/images/headers.gif) 0px 0px no-repeat;
  color:#fff;
  font-family: arial;
  font-weight:bold;
  display:block;
  width:212px;
  margin-bottom:1px;
  text-align:center;
}
.portfolio dt a span{
  background:transparent url(/assets/images/headers.gif) -212px 100% no-repeat;
  display:block;
  padding:10px;
}
.portfolio .image{
  background:#000 url(/assets/images/portfolio.gif) no-repeat;
  text-align:center;
  display:block;
  width:212px;
  height:145px;
  margin-bottom:1px;
}
.portfolio .image img{
  margin-top:10px;
}
.portfolio .image a{
  background:#000 url(/assets/images/portfolio.gif) no-repeat;
  display:block;
  width:212px;
  height:145px;
}
.portfolio .image a:hover,.portfolio .image a:focus,.portfolio .image a:active{
  background-color:#010333;
}
.portfolio .details,.portfolio .featured{
  background-color:#000;
  background-image:url(/assets/images/headers.gif);
  background-position:-1332px 0px;
  background-repeat:no-repeat;
  float:left;
  display:block;
  width:106px;
  height:35px;
}
.portfolio .details a,.portfolio .featured a{
  display:block;
  width:106px;
  height:35px;
}
.portfolio .featured span,.portfolio .details span{position:absolute;top:-500px;}
.portfolio .featured a:hover,.portfolio .featured a:focus,.portfolio .featured a:active,.portfolio .details a:hover,.portfolio .details a:focus,.portfolio .details a:active{background:#010333 url(/assets/images/headers.gif) -1438px 0px no-repeat;}
.portfolio .details img,.portfolio .featured img{margin-top:5px;}






#content{
  overflow:hidden;
  margin:0px 0 0px 232px;
  padding:0px 0 0px 5px;
  background:transparent url(/assets/images/headers.gif) -2008px 0px no-repeat;
}
#content .content{
  background:transparent;/* url(/assets/images/back_content.jpg) 50% -100px no-repeat fixed;*/
  overflow:hidden;
  padding:5px;
  margin:0 0 0 0;
  text-align:center;
}
#content p,#content ul,#content dl{
/*  font-size:.9em;*/
  margin-top:0px;
}
#content .portfolio{
  display:inline-block;
  width:232px;
  text-align:center;
  padding:0px;
  background:#20252B url(/assets/images/headers.gif) -636px 0px no-repeat;
  color:#c0c0c0;
  margin:0px 10px 10px 0px;
}
#content .portfolio dl{
  height:17em;
  margin:10px 10px 0px 10px;
}
#content .portfolio .container{
  background:transparent url(/assets/images/headers.gif) -868px 100% no-repeat;
}
#content .portfolio .featureless{
  background-image:url(/assets/images/portfolio.gif);
  background-position:0px -180px;
/*  padding-right:17px;*/
}

#content .maintext{
  overflow:hidden;
  text-align:left;
  background:#fff url(/assets/images/header_border.gif) 0px 100% repeat-x;
  color:#202020;
  border:10px solid #20252B;
  margin:0px 10px 0px 0px;
  padding:0px;
  line-height:1.3em;
  font-size:.9em;
  letter-spacing:1px;
}
#content .maintext h3{
  margin-left:10px;
}
#content p{
  margin-left:10px;
  margin-right:10px;
}
#content .maintext .ptborder{
  background:#fff url(/assets/images/footer_border.gif) 0px 0px repeat-x;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  padding:10px 10px 0px 10px;
}

#content .maintext a{color:#c82800;}
#content .maintext a:hover,#content .maintext a:focus,#content .maintext a:active{color:#000;background:#ffa;}
/*#content .maintext a:hover{background:#010333;color:#0f0;}*/



#content .maintext h5{
  margin-left:10px;
}







#content .examples{margin:20px;}
#content .example{
  background:#ffe;
  border:1px solid #f60;
  padding:10px;
  font-family:helvetica;
  margin:0px 0px 1em 0px;
}





#content .maintext .portfolio{letter-spacing:normal;}

#content .maintext .testimonial .portfolio{
  background:#20252B url(/assets/images/headers.gif) -1544px 0px no-repeat;
  float:right;
  margin:10px;
}
#content .maintext .testimonial .portfolio .container{
  background:#20252B url(/assets/images/headers.gif) -1776px 100% no-repeat;
}
#content .maintext .testimonial .portfolio a{
  color:#fff;
}





#content .maintext .container.testimonial{
/*
  background:#20252B url(/assets/images/headers.gif) -1544px 0px no-repeat;
  width:232px;
*/
  background:#20252B url(/assets/images/border.gif) no-repeat;
  width:244px;
  float:right;
  margin:10px;
  padding:0px;
}


#content .maintext .container.testimonial .portfolio{
/*
  background:transparent url(/assets/images/headers.gif) -1776px 100% no-repeat;
  width:212px;
  padding:10px;
  margin:0px;
*/
  width:212px;
  background:transparent url(none);
  padding:16px 16px 6px 15px;
  margin:0px;
  border:0px;
}

#content .maintext .container.testimonial .portfolio a{
  color:#f60;
}
#content .maintext .container.testimonial .portfolio a:hover,#content .maintext .container.testimonial .portfolio a:focus,#content .maintext .container.testimonial .portfolio a:active{
  color:#0f0;
  background-color:transparent;
}






#content .maintext .site{margin-left:10px;padding:0px;}
#content .maintext .site dd{padding:0px;}

#content .maintext .site li{font-weight:bold;padding-bottom:10px;}
#content .maintext .site li p{font-weight:normal;margin-bottom:0px;}




#content .maintext dl{margin-left:10px;}
#content .maintext dt{font-weight:bold;}
#content .maintext dd{margin:0px 0px 10px 0px;padding:0px;}





#content #sitemap li{margin-bottom:10px;}
#content #sitemap li li{margin-bottom:0px;}






.keyskills,.supplemantaryskills{
  width:50%;
  float:left;
  overflow:hidden;
}









#login{
  margin:0px 0px 0px 0px;
  font-size:.9em;
  background:#000/* url(/assets/images/back_content.jpg) 50% -100px no-repeat fixed;*/
}






#content .toplink{
  background:#20252B;
  margin-right:10px;
  padding-right:10px;
  overflow:hidden;
  font-size:.9em;
}

#content .toplink p{
  margin:0px;
}
#content .toplink.last p{
  margin-bottom:10px;
}
#content .toplink a{
  background:#000 url(/assets/images/headers.gif) 0px 0px no-repeat;
  color:#fff;
  font-family: arial;
  font-weight:bold;
  display:block;
  width:212px;
  text-transform:uppercase;
  text-align:center;
  margin:0px 0px 0px auto;
}
#content .toplink a span{
  background:transparent url(/assets/images/headers.gif) -212px 100% no-repeat;
  display:block;
  padding:10px;
}
/*
#content .toplink a:hover,#content .toplink a:focus,#content .toplink a:active{
  background:#010333 url(/assets/images/headers.gif) -424px 0px no-repeat;
  color:#0f0;
  text-decoration:underline;
}
*/

#content .toplink.portfolio{
  background:#20252B url(/assets/images/headers.gif) -636px 0px no-repeat;
  margin:0px 10px 10px 0px;
  padding:0px;
}
#content .toplink.portfolio p{
  background:transparent url(/assets/images/headers.gif) -868px 100% no-repeat;
  margin:0px;
  padding:10px;
  width:212px;
}






.leftdt dt{
  margin-left:10px;
  float:left;
  padding-right:5px;
  margin-right:5px;
  border-right:1px solid #000;
}
.leftdt dd{
  margin:0px;
  padding:0px;
}

ul.ptborder{
  list-style-type:none;
}





form ul{
  margin:0px;
  padding:0px;
  list-style-type:none;
}
fieldset{
  border:0px;
}
legend{
  background:#d4d0c8;
  border:1px solid #000;
  padding:2px 5px;
}
label{
  display:block;
  float:left;
  width:7em;
}
textarea{
  width:100%;
}
input,textarea{
  border:1px solid #D4D0C8;
}
input:hover,input:focus,textarea:hover,textarea:focus{
  border-top:1px solid #000;
  border-left:1px solid #000;
  background:#ffe;
}








abbr{
  cursor:help;
  text-decoration:none;
  border-bottom:1px dotted #c82800;
}





.fullwidth{width:100%;}

.fleft{float:left;}

#footer{
  clear:both;
  padding-top:20px;
  text-align:center;
  font-size:.8em;
/*  background:transparent url(/images/footer_back.gif) 0px 100% no-repeat;*/
}

#footer p,#footer a,#footer dl,#footer dd a{
  color:#c0c0c0;
}
#footer p{
  margin:0px;
  padding:5px 0px;
}
#footer p,#header dl,#footer dl{
/*  font-size:.8em;*/
}
#footer .nav{
  margin:0;
  padding:5px 0px;
  list-style-type:none;
  background:#fff url(/assets/images/footer_border.gif) 0px 0px repeat-x;
  color:#000;
}
#footer .nav a{
  color:#000;
}
#footer .nav li{
  display:inline;
  padding:0px 5px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  white-space:nowrap;
}








#footer dl dl{
/*  font-size:1em;*/
}
/*
#footer dl span{
  float:left;
  width:200px;
}
*/

#footer dl{
  width:100%;
  margin:0px;
  padding:5px 0px;
}
#footer dt{
  font-weight:bold;
  display:inline;
}
#footer dd{
  margin:0px;
  padding:0px;
  display:inline;
}

#hcard-Rafe-Harwood{display:inline}
#hcard-Rafe-Harwood div{display:inline}
#hcard-Rafe-Harwood .additional-name,#hcard-Rafe-Harwood .email,#hcard-Rafe-Harwood .tel{display:none}


#lightbox{
  background-color:#eee;
  padding: 5px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  }
#lightboxDetails{
  font-size: 0.9em;
  padding-top: 0.4em;
  }
/*#lightboxCaption{ float: left; }*/
#keyboardMsg{ width:100%; }

#lightbox img{ border: none;font-size:3em;font-weight:bold; }
#lightbox a:hover img{opacity:1;}
#overlay img{ border: none; }

#overlay{ background-image: url(/assets/images/overlay.png); }

* html #overlay{
  background-color: #000;
  back\ground-color: transparent;
  background-image: url(blank.gif);
  }


table{  border-collapse:collapse;margin:0px 10px 10px 10px}
table th,table td{
  padding:5px;
  border:1px solid #000;
}



#content .maintext .statement dt{
  border:1px solid #f60;
  background:#ffe;
  font-weight:normal;
  padding:5px;
  margin-right:10px;
}

.jumpmenu{
  float:right;
}



ul.skipnav{
  position:absolute;
  top:0px;
  font-size:.9em;
}
ul.skipnav a{
  width:210px;
  display: block;
  color: #fff;
  background-color: #333;
  text-decoration: none;
  padding: .7em 5px;
  position: absolute;
  left: -1000em;
  top: 0pt;
  font-weight: bold;
}

ul.skipnav a:focus,ul.skipnav a:active{
  z-index: 99;
  top: 1.2em;
  left: 0px;
}

#frontpage{
  background:#20252B;
  margin:0px 10px 0px 0px;
}
#frontpage ul{
  margin:0px;
  padding:10px 0px;
  list-style-type:none;
  overflow:hidden;
}
#frontpage li{
  width:350px;
  height:200px;
  margin:0px 0px 10px 10px;
  padding:0px;
  display:inline;
  float:left;
}
#frontpage li:hover,#frontpage li:focus,#frontpage li:active{
}
#frontpage ul a{
  background:#000 url(/assets/images/black_test2.gif) no-repeat;
  display:block;
  width:350px;
  height:200px;
  text-align:left;
  color:#fff;
  font-size:.85em;
}
#frontpage ul a span.topic{
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  font-size:1.1em;
}
#frontpage ul a:hover,#frontpage ul a:focus,#frontpage ul a:active{
  text-decoration:none;
  background-color:#010333;
  background-position:0px -200px;
  color:#0f0;
}
#frontpage p{
  margin:0px;
  padding-bottom:10px;
}

a span.accessabilitylink,a span.whyrafelink,a span.portfoliolink,a span.studylink{
  display:block;
  width:165px;
  height:140px;
  padding:60px 10px 0px 175px;
}
a span.accessabilitylink{background:transparent url(/assets/images/wheelchair.gif) 5px 50% no-repeat;}
a span.whyrafelink{background:transparent url(/assets/images/rafetest.gif) 25px 50% no-repeat;}
a span.portfoliolink{background:transparent url(/assets/images/portfoliotest.gif) 25px 50% no-repeat;}
a span.studylink{background:transparent url(/assets/images/studytest.gif) 15px 50% no-repeat;}