p.intro {
	font-family: verdana, arial, helvetica, sans-serif;
	margin: -9px 0px 6px 0px;
	padding:0px;
	font-size: 90%;
	font-weight: bolder;
	color:#636563;
}

p.webinars {
	padding-top: 300px;
}

a, a.BBCLink {
	color:#636563;
	line-height: 130%;
	text-decoration:none;
	border-bottom-color:#FFFeF9;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}
.content, 
.content2, 
.randomTxt, 
.content-scissors, 
.content2-keys, 
.content2-tape, 
.content-torch, 
.content2-glass, 
.content-clock,
.content-note {
	margin: 12px 11px 6px 210px; 
	border: 1px solid #ccc;
	background-color: white;
	padding: 10px;
	z-index: 3;  
	width: auto;
	min-width: 200px;
} 
.content {
		padding-left: 96px;
		background-position: top left;
		background-repeat: no-repeat;
		text-align: left;
}
.content2 {
		padding-right: 96px;
		background-position: top right;
		background-repeat: no-repeat;
		text-align: right;
} 
.keys {
		background-image: url(pics/keys8.jpg);
}
.torch {
		background-image: url(pics/torch8.jpg);
}
.clock {
		background-image: url(pics/clock8.jpg);
}
.scissors {
		background-image: url(pics/technology8.jpg);
}
.note {
		background-image: url(pics/note8.jpg);
}
.tape {
		background-image: url(pics/coffee8.jpg);
}

.glass {
		background-image: url(pics/writing8.jpg);
}
.content2 p {
	border: 1px solid white;
}
p.shaded {
	background: #FFFCF6;
	padding: 3px 0 3px 0;
}
.wotd, .wotd b {
	font-size: 105%; 
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	margin:12px 0px 5px 0px;
	padding: 6px 0 9px 0;
	border-top: 2px solid #FFECCE;
	border-right: 0; 
	border-bottom: 0; 
	border-left: 0;
	color:#636563;
	background: #FFFCF6;
	font-family: verdana, arial, helvetica, sans-serif;
	padding: 6px 0 0 0;
	text-align: center;
}
.wotd a {
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 125%;
	margin-top: 0;
	margin-bottom: 3px;
	background-color: #fff;
	text-transform: capitalize;
}
.wotd small {
	color: #ccc;
	background-color: #fff;
}
#heading {
	position: relative;	
	width: 99%;
	height: 47px;
	padding: 0 20px 0 20px;
	top: 0;
	border: 1px solid #FFECCE;
	background-color: #FFE76B;
	overflow: hidden;
}
#heading h1	{
	margin:3px 3px 3px 3px;
	padding: 5px 0 5px 0;
	font-size:130%;
}
body > #colLeft, #colLeft {
	width: 170px;
}

#colRight {
	position: absolute;
	top: 217px;
	right: 6px;
	border: 1px solid #cccccc;
	background-color: #FFFfff;
	padding: 5px;
	width: 164px;
}
#colRight a.nodots {
	border-bottom: 0;
}
#colRight h4 {
	margin: 9px 2px 3px 2px;
}
.splash {
	border: 2px solid #FFC9A8;
	padding: 5px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center;
}
.splash h1 {
	text-align: center;
}
.splash p {
	padding: 5px;
}
.pic {
	padding: 2px;
	margin: 4px;
	text-align: center;
}
.picsmall {
	margin-left: 8px;
}
#colRight .prompt {
	font-size: 70%;
	color: #aaa;
	text-align: center;
}
body>#colRight {width:164px;}
#colRight p, #colRight .news, #colRight .pws {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 85%;
	line-height: 135%;
	margin-bottom: 2px;
}
#colRight a {
	line-height: 135%;
}
.news, .pws, .newshead {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 85%;
		line-height: 120%;
		margin-bottom: 2px;
}
.newshead {
		line-height: 130%;
}
#colRight h1 {
	font-size: 110%;
	margin-bottom: 3px;
	font-weight: 600;
}
#colRight h2 {
	font-size: 100%;
	margin-bottom: 2px;
	margin-top: 12px;
	font-weight: 600;
}
.frontimg {
	background: transparent;
	position: relative;
	border: 0;
	color: #669900;
	float: left;
	font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 -1px -2px;
	padding: 0;
	width: 66px;
	z-index: 8;
}
.frontimg2 {
	background: transparent;
	position: relative;
	border: 0;
	color: #669900;
	float: right;
	font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 3px ;
	padding: 0;
	width: 66px;
	z-index: 8;
}
.hairydog {
	position: relative; 
	width: auto;
	top: 0;
	min-width: 140px;
	margin: 12px 180px 6px 195px;
	padding: 10px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	background: transparent;
	font-size: 75%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 105%;
	text-align: center;
	color: #ccc;
}
.hairydog a:link {color:#ccc;}
.hairydog a:visited {color:#ccc;}
.hairydog a:hover {color: #CC6600; border: 0px; background-color:#FFFCF6;}
input.btn {
   color: #636563;
   font-family: 'trebuchet ms',helvetica,sans-serif;
   font-size: 84%;
   font-weight: bold;
   background-color: #ffc;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
}
.box {
	height : 16em;
	width: 14em;
	padding: 0.25em;
	margin: 3px;
	border: 2px solid #ffeece;
	float: left;
}

.btn {
	margin-top: 10px;
}
#colRight input.btn2, #colLeft input.btn2 {
   color: #636563;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size: 100%;
   font-weight: normal;
	width: 140px;
   background-color: #ffe980;
   border-top: 1px solid #999;
   border-left: 1px solid #999;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}
input.btnhov {
   border-top: 1px solid #c63;
   border-left: 1px solid #c63;
   border-right: 1px solid #930;
   border-bottom: 1px solid #930;
}
hr, #colRight hr {
	color: #FFECCE;
	background-color: transparent;
	width: 95%;
}

form.neat {
	display: inline;
}
.search p, .search H3 {
	text-align: center;
}
#colLeft {
	top: 234px;
}
#colLeft p {
	padding: 0 4px;
/*	width: 210px !important; */
}
.centred {
	text-align: center;
}
@media (max-width: 900px) {
/* begin mobile version */
body > #colLeft, #colLeft {
    margin: 0 auto;
    min-width: 166px;
    background-color: #fff;
    border: 1px solid #cccccc;
    padding: 9px 5px 6px 4px;
    text-align: center;
    z-index: 2;
    position: relative;
    top: auto;
    height: auto;
}
#colLeft #webinars {
    height: auto;
    min-height: 370px;
    position: relative;
    padding: 3px;
    border:0;
    box-shadow: 0 0 0 #fff;
}
p.webinars {
	padding-top: 9px;
}
.content, 
.content2, 
.randomTxt, 
.content-scissors, 
.content2-keys, 
.content2-tape, 
.content-torch, 
.content2-glass, 
.content-clock,
.content-note {
	margin: 12px 11px 6px 6px; 
	
} 
}