con/*********/
/* RESET */
/*********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

form * {
	font-size: inherit;
	font-family: inherit;
	}

/***********/
/* GENERAL */
/***********/

body	{
	line-height: 1;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background: #C1C1C1 url(../images/bodyback.png) scroll repeat-x top left;
	color: black;
	}
	
p { padding-bottom: 1em; }
	
em 	{
	font-style: italic;
	font-weight: normal;
	}
	
strong 	{
	font-style: normal;
	font-weight: bold;
	}
	
a, a:link, a:visited {
	color: #73A431;
	text-decoration: none;
	}
a:hover, a:active, a:focus {
	color: #8CC63F;
	text-decoration: underline;
	}

/* link image borders */	
a:hover img, a:active img, a:focus img { outline: none; }

input, textarea, select, button, .button {
	display: block;
	border: solid 1px black;
	background: #CCC;
	}

input[type="hidden"] { display: none !important; }

input.disabled, textarea.disabled {
	background: white;
	}

input[type="submit"], input[type="reset"], button, .button {
	cursor: pointer;
	background: #9CF;
	color: black;
	text-decoration: none;
	}
	
input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover, .button:active,
input[type="submit"]:focus, input[type="reset"]:focus, button:focus, .button:focus { 
	background: #006;
	color: white;
	text-decoration: none;
	}	

/* tables still need 'cellspacing="0"' in the markup */
table {
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

/*****************/
/* SITE SPECIFIC */
/*****************/

#container {
	width: 1000px;
	margin: 0 auto;
	background: url(../images/containerback.jpg) scroll no-repeat top center;
	}

#header {
	height: 122px;
	padding-top: 8px
	}

#site-name {
	height: 115px;
	width: 1000px;
	background: url(../images/heading.png) scroll no-repeat top left;
	}

#site-name a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	}
	
/* 
  Nav
  ---
*/

#nav {
	min-height: 26px;
	padding-top: 4px; /* for background top */
	background: url(../images/navbacktop.png) scroll no-repeat top left;
	font-size: 1.4em;
	color: white;
	}

#nav ul {
	min-height: 23px;
	padding: 3px 0 0 25px;
	list-style-type: none;
	font-weight: bold;
	background: url(../images/navbackmain.png) scroll no-repeat bottom left;
	}

#nav li {
	display: inline;
	margin-right: 15px;
	border-right: solid 1px white;
	padding-right: 15px;
	}

#nav li.last {
	margin-right: 0;
	border-right: none;
	padding-right: 0;
	}

#nav a, #nav a:link, #nav a:visited {
	color: white;
	text-decoration: none;
	}

#nav a:hover, #nav a:active, #nav a:focus {
	color: white;
	text-decoration: underline;
	}

/*
  Content area
  ------------
*/

#content {
	margin-top: 40px;
	padding: 25px;
	border-left: solid 1px #8CC640;
	border-right: solid 1px #8CC640;
	background: white;
	font-size: 1.3em;
	line-height: 1.2;
	}
	
#main-content {
	margin-top: 20px;
	padding: 10px;
	background: url(../images/textback.jpg) scroll repeat-x top left;
	}

#main-content ul {
	list-style-type: none;
	padding-left: 10px;
	}

#main-content ul li {
	margin-bottom: 1em;
	padding: 0 0 0 20px;
	background: url(../images/bullet.png) 0 60% scroll no-repeat; /* NB: list-style-image has x-browser issues */
	}
	
p.introtext {
	font-weight: bold;
	}

/*
  Home only
  ---------
*/

ul#quick-links {
	margin: -50px -26px 0 -26px;
	background: url(../images/contenttop.png) scroll no-repeat top left;
	list-style-type: none;
	}

ul#quick-links li {
	display: inline-block;
	width: 310px;
	height: 80px;
	margin: 25px 0 0 25px;
	}

li#quick-link-4, li#quick-link-5 {
	margin-left: 9px !important;
	}

ul#quick-links a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/bookyourplace.gif) scroll no-repeat top left;
	text-indent: -5000px;
	}

li#quick-link-4 a {
	background-image: url(../images/programme.gif);
	}

li#quick-link-5 a {	
	background-image: url(../images/speakers.gif);
	}

h1 {
	position: absolute;
	left: -5000px;
	}

/*
  Speakers/Sponsors
  -----------------
*/

.bar {
	height: 20px;
	margin-bottom: 20px;
	padding-left: 5px;
	background: url(../images/bar_left.png) scroll no-repeat top left;
	}

.bar a {
	display: inline-block;
	padding-right: 5px;
	line-height: 20px;
	background: url(../images/bar_main.png) scroll no-repeat top right;
	font-weight: bold;
	}

.bar a, .bar a:link, .bar a:visited {
	color: white;
	text-decoration: none;
	}

.bar a:hover, .bar a:active, .bar a:focus {
	color: white;
	text-decoration: underline;
	}

ul#sponsor-list, ul#speaker-list {
	list-style-type: none;
	}

ul#sponsor-list:after, ul#speaker-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

ul#speaker-list li, ul#sponsor-list li {
	background-image: none;
	clear: both;
	}

img.speaker-thumb, img.sponsor-thumb {
	float: right;
	margin: 0 0 25px 10px;
	border: solid 1px black;
	}

ul#speaker-list .richtext-container, ul#sponsor-list .richtext-container {
	margin-right: 210px;
	}

ul#speaker-list h2, ul#sponsor-list h2 {
	font-size: 1.1em;
	padding-bottom: 1em;
	}

/*
  Venue
  -----
*/

body#venue img#main-image {
	float: right;
	margin: 0;
	}

body#venue #main-content p.introtext, body#venue #main-content .richtext-container {
	margin-right: 440px;
	}

/*
  Sponsors Footer
  ---------------
*/

#sponsors-footer {
	margin: 0 -6px;
	background: url(../images/sponsors_footer_top.png) scroll no-repeat top left;
	}

#sponsors-footer h2 {
	display: inline-block;
	margin-left: 35px;
	padding: 0 5px;
	line-height: 27px;
	font-size: 1.1em;
	font-weight: bold;
	background: url(../images/sponsors_footer_top_plain1px.png) scroll repeat-x top left;
	color: white;
	}

#sponsors-footer ul {
	border-left: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	list-style-type: none;
	}

#sponsors-footer li {
	display: inline-block;
	margin: 5px 8px;
	}

#sponsors-footer-fiddle {
	height: 8px;
	background: url(../images/sponsors_footer_bottom.png) scroll no-repeat top left;
	}

/*
  Footer
  ------
*/

#footer {
	position: relative;
	height: 60px;
	margin-bottom: 40px;
	padding-top: 40px;
	color: #aaa;
	background: url(../images/footer.png) scroll no-repeat top left;
	}

#bb-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	text-indent: -5000px;
	}

#footer p {
	margin: 0 100px;
	text-align: center;
	}
	
/**********************************/
/* Rich text typography (TinyMCE) */
/**********************************/

.richtext-container {
	/* Apply global styles to here, not to <p>
	 * NOTE: this may be more appropriate applied to #content
	 */
	}
	
.richtext-container ol {
	list-style-type: decimal;
	padding-left: 2em;
	}

.richtext-container p, .richtext-container li {
	padding-bottom: 1em;
	}

.richtext-container h3, .richtext-container h4, .richtext-container h5, .richtext-container h6 {
	font-weight: bold;
	}

.richtext-container h3 { font-size: 1.5em; }

.richtext-container h4 { font-size: 1.3em; }

.richtext-container h5 { font-size: 1.2em; }

.richtext-container h6 { font-size: 1.1em; }

.richtext-container sup { vertical-align: top; font-size: 60%; }

.richtext-container sub { vertical-align: bottom; font-size: 60%; }

.richtext-container hr {
	clear: both;
	position: relative;
	left: -5000px;
	}

/*****************/
/* Enquiry forms */
/*****************/
#enquiry * {
	font-size: 100%;
	font-family: inherit;
	}

#enquiry div {
	margin: 1em 0;
	clear: left;
	}
	
#enquiry label {
	float: left;
	width: 140px;
	margin-bottom: 1em;
	text-align: right;
	font-weight: bold;
	}
	
#enquiry input, #enquiry textarea {
	display: inline;
	margin-left: 15px;
	}
#enquiry input { 
	width: 220px;
	}
#enquiry textarea {
	width: 400px;
	}

#enquiry .submit input { margin-left: 155px; } /* label width + 'normal' input margin */
	
#enquiry .submit .button {
	padding: 0.15em 1em;
	width: auto;
	}

#enquiry p { /* notes */
        clear: left;
	margin: 1em 0 1em 155px;
	}

#enquiry .error { color: #600; }

#enquiry p.error { margin: 0.1em 0 0.5em 155px; }

/*
  reCaptcha
  ---------
*/

#recaptcha-div, #recaptcha-div div {
	margin: 0 !important;
	float: none !important;
	clear: none !important;
	line-height: 1 !important;
	}
#recaptcha-div {
	margin-left: 155px !important; /* <<<< Site specific */
	}
#enquiry-captcha label {
	margin-top: 72px !important;
	}
#recaptcha-div {
	position: relative !important; /* define as CB */
	width: 456px !important; /* !!!! */
	background: transparent url(../captcha/logo.gif) scroll no-repeat 390px 15px !important;
	}
#recaptcha-div #recaptcha_image {
	border: solid 1px black !important;
	height: 57px !important;
	width: 300px !important;
	background: white !important;
	}
.recaptcha_audio_cant_hear_link {
	padding-left: 1.5em !important;
	font-weight: bold !important;
	}
#recaptcha-controls {
	position: absolute !important;
	top: 1px !important;
	left: 350px !important;
	}
#recaptcha-controls a:link, #recaptcha-controls a:visited {
	display: block !important;
	margin-bottom: 5px !important;
	width: 25px !important;
	}
#recaptcha-controls a img {
	outline: none !important;
	border: none !important;
	}
#recaptcha-controls a:focus, #recaptcha-controls a:active, #recaptcha-controls a:hover {
	outline: solid 2px #F00 !important;
	}
#recaptcha-controls img {
        display: block !important;
        }
#recaptcha-div #recaptcha_response_field {
	margin: 10px 0 0 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
 	width: 300px !important;
	}