body {
	margin: 0;
	padding: 0;
	font: 75%/1.4em verdana,Helvetica,sans-serif;
    text-align: center;
	background-repeat: no-repeat;
	background-color: #660066;
}

h1,h2,h3 span {
display:none;
}

h3,h4 {
height:39px;
margin:0;
padding:0;
}

ul 
{
    margin-top:15px;
}
p {margin:0;padding:0;}

acronym {
	border: none;
	font-variant: small-caps;
}

subhead {
	border: none;
	font-variant: small-caps;
}

a {
color:#660066;
text-decoration:underline;
}

a:hover, a:hover {
	color: #DCA6DC;
}


/* ////////////// layout ///////////////// */

#container {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0 13px;
	position: relative;
	background: url(images/bg.gif) repeat-x #dfdfdf;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	text-align: left;
	min-height:770px;
}

#mainbody
{
width: 750px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 0 2px 226px;
display:block;padding:0;
}

#quote
{
width: 714px;
background-color: #660066;
background-repeat: repeat-y;
margin:0 0 10px 226px;
display: block;
padding: 0;
}

#homequote
{
width: 714px;
background-color: #660066;
background-repeat: repeat-y;
margin:0 0 10px 226px;
display: block;
padding: 0;
color:White;
}

#homequote p span {
	padding: 15px 25px 15px 17px;
	display: block;
	color: White;
}
#preamble {
	width: 720px;
	background-color: #ffffff;
	background-repeat: repeat-y;
	margin: 2px 4px 2px 226px;
	color: #660066;
	padding: 0;
}

#explanation {
	width: 720px;
	background-color: #ffffff;
	background-repeat: repeat-y;
	margin: 0 0 2px 226px;
	color: #660066;
	padding: 0;
}

#clients {
	width: 720px;
	background-color: #ffffff;
	background-repeat: repeat-y;
	margin: 0 0 2px 226px;
	color: #660066;
	padding: 0;
}

#quickSummary, #participation, #benefits, #requirements {
width: 720px;
background-color:#ffffff;
background-repeat:repeat-y;
margin:0 0 2px 226px;
color:#454545;
display:block;padding:0;
}


#pageHeader {
width:950px;
height:162px;
/*background:url(images/header.jpg);*/
background:url(http://www.chatterboxevents.co.uk/images/header2.jpg);
overflow:hidden;
}

#pageHeader a span {
visibility: hidden;
}

#footer { 
	text-align: right;
	padding-right:10px;
	vertical-align:bottom;
	}
#footer a:link, #footer a:visited { 
	color: #660066;
	}

#footer a{
	text-decoration: underline;
}

#footer a:hover{

color:#777777;
}
	
	
#linkList {
	position:absolute;
	top:162px;
	left:20px;
	width:207px;
}

#lselect, #larchives, #lresources {
margin:0 0 1px 0;
}

#quote p span {
	padding: 15px 25px 15px 17px;
	display: block;
	color: White;
}

#preamble p span {
	padding: 0px 25px 8px 17px;
	display: block;
}
#preamble p {
	padding-left:17px;
	padding-right:20px;
	display: block;
	/*text-align:justify;*/
}
#preamble li 
{
    margin-bottom:5px;
}
#preamble ul 
{
    margin-bottom:15px; padding-right:20px;
}

#preamble h3 span {
	padding: 10px 25px 10px 17px;
	display: block;
}
#preamble h4 span {
	padding: 5px 25px 10px 17px;
	display: block;
}
#preamble h4 {
	padding: 15px 25px 10px 17px;
	display: block;
}


#explanation p span {
	padding: 0px 25px 10px 17px;
	display: block;
}

#explanation h3 span {
	padding: 10px 25px 10px 17px;
	display: block;
}
#explanation h4 span {
	padding: 5px 25px 10px 17px;
	display: block;
}

#clients p span {
	padding: 0px 25px 10px 17px;
	display: block;
}

#clients h3 span {
	padding: 5px 25px 10px 17px;
	display: block;
}

#quickSummary p span  {
	padding: 0 25px 10px 165px;
	display: block;
}

#participation p span, #requirements p span, #mainbody p span{
	padding: 0 180px 10px 17px;
	display: block;
}

#benefits p span {
	padding: 0 25px 10px 17px;
	display: block;
}

#requirements .p5 {
padding:0 85px 10px 17px;
}

#requirements .p5 span {
display:inline;
padding:0;
}

#linkList li {
list-style:none;
padding:2px 0 3px 0;
background:url(images/line.gif) bottom repeat-x;
background-color:#ffffff;
}

#linkList li a {
padding-left:7px;
background:url(images/link.gif) left center no-repeat;
text-decoration:none;
}

#linkList li a:hover {
text-decoration:underline;
}

#quickSummary .p1 span {
padding-top:14px;
background:url(images/quote_top.gif) top no-repeat;
}

#quickSummary .p2 span {
padding-bottom:20px;
background:url(images/right_bottom.gif) bottom no-repeat;
}

#mainbody .p6 span {
padding-bottom:20px;
background:url(images/right_bottom.gif) bottom no-repeat;
}

#lselect li a {
display:block;
font-weight:bold;
background-position:0 0.6em;
}

#lselect .c {
display:inline;
color:#666666;
padding:0;
background:none;
background-color:#ffffff;
}

#lselect h3 span {
	padding: 10px 25px 10px 17px;
	display: block;
	color: Black;
	font-variant: small-caps;
	font-size: small;
}

#value .c {
	display: inline;
	color: #666666;
	padding: 0;
	background: none;
	background-color: #ffffff;
	font-variant: small-caps;
}

#value h3 span {
	padding: 10px 25px 5px 17px;
	display: block;
	color: #FE9E23;
	font-variant: small-caps;
	font-size: 14px;
	font-weight:bold;
}
#extraDiv1 {
	width: 539px;
	padding: 5px 0px 5px 0px;
	background: url(images/line.gif) bottom repeat-x;
	background-color: #ffffff;
}



#extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{display:none;}



/* ///////////// background image ////////////// */

/* right image */
#quickSummary p , #benefits p {
background:url(images/right_bg.gif) right repeat-y;
}
#lselect, #larchives, #lresources, #value,#chatterjob,#friends, #blog {
background:url(images/left_bg.gif) repeat-y;
}

/* side image */
#preamble {background-image:url(images/img_preamble.gif);background-position:right bottom;}
#explanation {background-image:url(images/img_preamble.gif);background-position:right bottom;}
#clients {background-image:url(images/img_preamble.gif);background-position:right bottom;}
#mainbody {background-image:url(images/img_preamble.gif);background-position:right bottom;}

/* h3 image */
#preamble h3 {background:url(images/top.gif) no-repeat;}
#explanation h3 {background:url(images/top.gif) no-repeat;}
#participation h3 {background:url(images/top.gif) no-repeat;}
#clients h3 {background:url(images/top_right.gif) no-repeat;}
#benefits h3 {background:url(images/top_right.gif) no-repeat;}
#mainbody h3 {background:url(images/top_right.gif) no-repeat;}
#requirements h3 {background:url(images/title_requirements.gif) no-repeat;}
#lselect h3 {background:url(images/title_resources.gif) no-repeat;}
#value h3 {background:url(images/title_resources.gif) no-repeat;}
#chatterjob h3 {background:url(images/title_resources.gif) no-repeat;}
#friends h3 {background:url(images/title_resources.gif) no-repeat;}
#blog h3 {background:url(images/title_resources.gif) no-repeat;}
#larchives h3 {background:url(images/contact.gif) no-repeat;}
#lresources h3 {
	background: url(images/title_resources.gif) no-repeat;
	background-repeat: no-repeat;
}

/* bottom image */
#preamble .p3
{
    padding:0;    
}
#preamble .p3 span, #explanation .p2 span, #clients .p3, #participation .p3 span, #benefits .p1 span, #requirements .p5, #mainbody .p6{
padding-bottom:20px;
background:url(images/right_bottom.gif) bottom no-repeat;
}
#preamble a 
{
}
#value .p2{
	margin: 0;
	padding: 0 0px 5px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}

#value .p22{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}

#value p span{
	margin: 0;
	padding: 0 25px 10px 17px;
	font-variant: small-caps;
	color: #FE9E23;
	font-weight: bolder;
	font-size:13px;
}

#value {
width:207px;
background-color: #660066;
background-repeat: repeat-y;
display: block;
padding: 0;
}

#lselect ul, #larchives ul, #lresources ul{
margin:0;
padding:0 25px 20px 17px;
background:url(images/left_bottom.gif) bottom no-repeat;
}
.yui div
{
    padding-top:0px;
    }

.yui .ajax__calendar_container 
{
    background-color:#f2f2f2;
    border:solid 1px #808080;
    font-family:arial,helvetica,clean,sans-serif;
    cursor:default;
    width:205px;
    font-size:12px;
    text-align:center;
    padding:0px;
}

.yui .ajax__calendar_body 
{
    height:139px;
    width:205px;
    position:relative;
    overflow:hidden;
}

.yui .ajax__calendar_days, .yui .ajax__calendar_months, .yui .ajax__calendar_years 
{
    top:0px; 
    left:0px;
    height:139px;
    width:195px;    
    padding:5px;
    position:absolute;
    text-align:center;
}

.yui .ajax__calendar_days table
{
    border-spacing:0;
    border-collapse:collapse;
    font:100% sans-serif;
    text-align:center;    
}

.yui .ajax__calendar_header 
{
    background:url(images/sprite.png) repeat-x 0 0; 
    height:22px;
    width:100%;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
    padding-top:3px;
}

.yui .ajax__calendar_prev 
{
    margin-top:2px;
    margin-left:4px;
    height:15px;
    width:25px;
    cursor:pointer;
    float:left;
    background:url(images/sprite.png) 0px -450px no-repeat;
}

.yui .ajax__calendar_next 
{
    margin-top:2px;
    margin-right:4px;
    height:15px;
    width:25px;    
    cursor:pointer;
    float:right;
    background:url(images/sprite.png) 0px -500px no-repeat;
}

.yui .ajax__calendar_title 
{
    cursor:pointer;
    font-weight:bold;
    text-align:center;
}

.yui .ajax__calendar_footer, .yui .ajax__calendar_today 
{
    display:none;
}

.yui .ajax__calendar_dayname 
{
    padding-left:3px;
    padding-right:3px;
    margin-bottom:5px;
    margin-left:2px;
    margin-right:2px;
    text-align:center;
    font-weight:700;
    font-size:10pt;
    color:#000;
    border-bottom:solid 1px #a6a6a6;
}

.yui .ajax__calendar_day, .yui .ajax__calendar_month, .yui .ajax__calendar_year
{
    padding:0px;
    color:#000;
    text-align:center;  
    padding:0pt 2px;
}

.yui .ajax__calendar_hover .ajax__calendar_day, .yui .ajax__calendar_hover .ajax__calendar_month, .yui .ajax__calendar_hover .ajax__calendar_year, .yui .ajax__calendar_hover .ajax__calendar_title
{
    color:#0066cc;
}

.yui .ajax__calendar_other .ajax__calendar_day, .yui .ajax__calendar_other .ajax__calendar_year
{
    color:#a6a6a6;   
}

.yui .ajax__calendar_active .ajax__calendar_day
{
    color:#0066cc;   
}
.header-breadcrumbs {
padding:0;
text-align:left;
/*width: 811px;*/
}
.header-breadcrumbs ul {list-style:none; padding:0 0 0 0px; font-family:verdana,arial,sans-serif; margin:0px;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 0px; font-weight:lighter; color:#000000; font-size:80%;}
.header-breadcrumbs ul a {color:#0e3183; text-decoration:none;}
.header-breadcrumbs ul a:hover {color:#0e3183; text-decoration:underline;}
.header-breadcrumbs a {color:#0e3183; text-decoration:none;font-family:verdana,arial,sans-serif;}
.header-breadcrumbs a:hover {color:#0e3183; text-decoration:underline;font-family:verdana,arial,sans-serif;}
.header-breadcrumbs {font-family:verdana,arial,sans-serif;}

#blog {
width:207px;
background-color: #660066;
background-repeat: repeat-y;
display: block;
padding: 0;
}
#blog p span{
	margin: 0;
	padding: 0 25px 20px 17px;
	font-variant: small-caps;
	color: #0075B0;
	font-weight: bolder;
}
#blog .c {
	display: inline;
	color: #666666;
	padding: 0;
	background: none;
	background-color: #ffffff;
	font-variant: small-caps;
}
#blog h3 span {
	padding: 10px 25px 10px 17px;
	display: block;
	color: #0075B0;
	font-variant: small-caps;
	font-size: small;
}
#blog .p2{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}

#blog .p22{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}
/* chatterjob*/
#chatterjob {
width:207px;
background-color: #660066;
background-repeat: repeat-y;
display: block;
padding: 0;
}
#chatterjob p span{
	margin: 0;
	padding: 0 25px 20px 17px;
	font-variant: small-caps;
	color: #0075B0;
	font-weight: bolder;
}
#chatterjob .c {
	display: inline;
	color: #666666;
	padding: 0;
	background: none;
	background-color: #ffffff;
	font-variant: small-caps;
}
#chatterjob h3 span {
	padding: 10px 25px 10px 17px;
	display: block;
	color: #0075B0;
	font-variant: small-caps;
	font-size: small;
}
#chatterjob .p2{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}

#chatterjob .p22{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}
/* end of chatterblog*/
#friends {
width:207px;
background-color: #660066;
background-repeat: repeat-y;
display: block;
padding: 0;
}
#friends p span{
	margin: 0;
	padding: 0 25px 20px 17px;
	font-variant: small-caps;
	color: #0075B0;
	font-weight: bolder;
}
#friends .c {
	display: inline;
	color: #666666;
	padding: 0;
	background: none;
	background-color: #ffffff;
	font-variant: small-caps;
}
#friends h3 span {
	padding: 10px 25px 10px 17px;
	display: block;
	color: #0075B0;
	font-variant: small-caps;
	font-size: small;
}
#friends .p2{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}

#friends .p22{
	margin: 0;
	padding: 0 0px 20px 0px;
	background: url(images/left_bottom.gif) bottom no-repeat;
}

.blq-toplink {
	clear:both;
	padding:0 15px 10px 0;
	text-align:right
}
.blq-toplink a {
	padding:0 0 0 15px;
	text-transform:uppercase;
	background:url(images/skip_to_top_arrow.gif) no-repeat 1px 1px;
	font-size:10px;
}
.slideshowcontainer {width:90%; background-color:Transparent; padding:20px}
.slideshow {overflow:hidden; height:100%; width:100%; float:left; margin-right:20px;}

.slidetext {overflow:hidden;float:right; text-align:justify; width:650px;
        display: block;}
.speakerimg {float:left; margin-right:20px; margin-bottom:15px;}
.personimg {margin-left:20px; margin-bottom:15px;}
.orangeLink {color:#ff6600; font-weight:bold;}