html, body, td, th {
	font: small normal Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
	height: 100%;
	line-height: 1.2;
}


body {
	background: #fff url("../Images/pageBackground.jpg") repeat-y center top;
	margin: 0;
	color: #006600;
}

p {
	color: #006600;
}


#container {
	position: relative;
	width: 720px;
	margin: 0 auto;
	color: #006600;
	visibility: visible;
	}
	
	
#leftSide {
	width: 140px;
	float: left;
	font-size: 14px;
	min-height: 100%;
}


#rightSide {
	width: 560px;
	float: right;
	height: 100%;
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


#leftCol {
	float: left;
	width: 240px;
	padding: 0 10px;
	text-align: center;
}

#rightCol {
	float: right;
	width: 248px;
	padding: 30px 10px 0 10px;
	text-align: center;
}

/*.footer {
	float: left;
	width: 140px;
	text-align: center;
}*/


#footer {
	width: 697px;
	float: left;
	margin-top: 20px;
	padding: 3px 20px 3px 0px;
}
#footer .tiny {
	padding: 0;
	margin: 0;
	line-height: 0.8;
}
#footer a {
	display: block;
	padding: 3px 0;
	margin: 0;
}
#footer p {
	border-top: 1px solid #bdb;
	float: left;
	width: 130px;
	text-align: center;
	padding: 5px 5px;
	font-size: 80%;
	color: #484;
}




/* ---------------------------- NAVIGATION ------------------------- */

#nav {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-size: 11px;
	/*border: 1px solid green;*/
}

#nav ul {
	margin: 0;					/* Essential in IE, useful in Safari */
	list-style: none;
/*	background-color: #7fad7f; */
	padding-left: 0;
	}

#nav li {
	text-align: center;
	border-bottom: 2px solid #f0f7f0;	/* spaces between blocks */
	background-color: #7fad7f; */
	}
	
#nav a {
	display: block;
	padding: 7px 0;			/* display block and padding here makes whole li react as a link */
	text-decoration: none;
	margin: 0 0;
	font-weight: bold;
/*	font-size: 100%; */
	color: #ffffff;
	}

	
#nav a:hover {
	text-decoration: none;
	margin: 0 0;
	font-weight: bold;
/*	font-size: 100%; */
	color: #040;
	}

	
#nav #current {
	display: block;
	padding: 7px 0;			/* padding here makes whole li react as a link. 6px needed, not 7!? */
	text-decoration: none;
	margin: 0 0;
/*	font-size: 100%; */
	font-weight: bold;
	color: #b7c406;
	background: #608060 url(../Images/rightArrow.gif) no-repeat 0 50%;
	line-height: 1.1;		/* to try to stop the 2-line link causing everything to move a fraction upwards */
}



	/* Hack for Safari */
html[xmlns*=""] body:last-child #nav a {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;	/* seems necessary */
	font-weight: bold;
}


	
#pageNav {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
/*	font-size: 90%;	/* seems necessary */
	margin: 0;
	padding: 0;
	text-align: center;
}	

#pageNav ul {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
/*	font-size: 100%;	/* seems necessary */
	font-size: 11px;
	margin: 5px 0 0 0;
	list-style: none;
	background-color: #d7e7d7;
	padding: 3px 0 0 0;
}


#pageNav li {
	margin: 3px 0;
	padding: 4px 10px;			/* space around text in block */
	text-align: center;
	border-bottom: 2px solid #f0f7f0;/* spaces between blocks */
}


#pageNav a {
	font: small normal Arial, Helvetica, Verdana, sans-serif;
/*	font-size: 90%;	/* seems necessary */
	font-size: 11px;
	text-decoration: none;
	margin: 0 0;
	padding: 3px 10px;
	color: #484;
}


#pageNav a:hover {
	text-decoration: underline;
	/*background: #484;*/
	margin: 0 0;
	padding: 2px 10px;
/*	font: bold 12px Arial, Verdana;
	font-weight: bold; */
	color: #923b32;
}


.pageNavSpacer {
	width: 140px;
	height: 8.0em;
}


/* ---------------------------- FLY-OUTS --------------------------- */


#flyout, #flyout ul { /* all lists */
	padding: 0;
	margin: 0;
	font-size: 11px;
	list-style: none;
	float : left;
	width : 140px;
}

#flyout li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
/*	margin-bottom : -1px; */
	width: 140px;
	margin-bottom: 0px;
}

	 /* second-level lists */
#flyout li ul {
	position : absolute;
	left: -999em;
	top: -1px;
	margin-left : 140px;
/*		margin-top : 0; */
}


#flyout li a {
	width: 140px;
	w\idth : 140px;
	display : block;
/*	font-size: 80%;
	font-size: 100%; */
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	text-align: center;
	background-color: #7fad7f;
	padding : 6px 0 7px 0;
}

#flyout li .hasSubmenu {
	background: url(../Images/submenuBtn.gif) left center;
	width: 130px;
	padding-right: 10px;
	margin-bottom: 2px;
}

#flyout li .hasSubmenu:hover {
	background: url(../Images/submenuOverBtn.gif) left center;
}

#flyout li a:hover {
	color : #040;
	background-color : b7c406;
}

#flyout li ul {
	color: white;
	margin-left: 140px;
}


#flyout li ul li a {
	color: white;
	border-top: 1px solid #fff; 
	border-bottom: none; 
	border-left: 2px solid #fff; 
	background-color: #87b467;	/* slightly different green for popout */
/*	margin-bottom: -1px; */
}


	
#nav #flyout #current {
	position: relative;
	top: 1px;
	padding : 5px 0 6px 0;
	border-left: 2px solid #fff;
}




#flyout li ul li a:hover {
	border-bottom: none; 
/*	margin-bottom: -1px; */
}

#flyout li:hover ul ul, #flyout li:hover ul ul ul, #flyout li.sfhover ul ul, #flyout li.sfhover ul ul ul {
	left: -999em;
}

#flyout li:hover ul, #flyout li li:hover ul, #flyout li li li:hover ul, #flyout li.sfhover ul, #flyout li li.sfhover ul, #flyout li li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
}


#flyout li .noSpeakPg {
	border-left: 2px solid #fff;
	border-top: 1px solid #fff;
	background:#afc97e;
	color: #040;
	padding: 5px 0 5px 8px;
	font-weight:bold;
	width: 132px;
}



/* ---------------------------- PARAGRAPHS ------------------------- */

.bodyText {
/*	font: small normal  Arial, Helvetica, Verdana, sans-serif; */
	font-size: 100%;
	color: #006600;
}

a {
	color: #679406;
	font: small normal Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}

a:hover {
	color: #004400;
}



h1 {
/*	font: bold 200% Arial, Helvetica, Verdana, sans-serif; */
	font-weight: bold;
	font-size: 200%;
	color: #006600;
	text-align: center;
	margin-top: 8px;
}


h2 {
/*	font: bold 150% Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold; */
	font-size: 150%;
	color: #006600;
	margin-bottom: 1px;
	text-align: left;
}



h3 {
	margin-top: -2px;
	font-size: 130%;
	color: #006600;
	padding-top: 0px;
	line-height: 1.0;
}


h4 {
	font-size: 115%;
	color: #006600;
	padding-top: 0px;
	line-height: 1.0;
}


h5 {
	font: small italic Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
}


h6 {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
}

.smallText {
	font-size: 90%;
}

/*ul {
	margin: 0;
	padding: 0;
	list-style: none;
}*/


.bodyItalic {
	font: small italic Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
	font-style: italic;
	padding: 10px 0;
}


.bold120 {
	font-weight: bold;
	font-size: 120%;
	color: #006600;
}



.lunch {
	margin-top: -20px;
	line-height: 1.2;
	padding: 0 25px;
}


.brclear {
	clear: both;
}


.tiny {
	font-size: 85%;
}


/* ---------------------------- PROGRAM STYLES ------------------------- */

#programme {
/*	margin-left: 10px; */
	padding: 0 0 0 10px;
	list-style: none;
	width: 540px;
}

#programme h1 {
	text-align: center;
}

#programme h2 {
	color: #923b32;
	line-height: 1.5;
	font-weight: bold;
	width: 520px;
	padding: 20px 10px 3px 0px;
	margin-top: 10px;
	border-top: 2px #ccc solid;
	text-align: left;
}

#programme h3 {
	line-height: 1.5;
	text-align: left;
}


#programme h4 {
	margin-bottom: 8px;
	font-weight: bold;
	line-height: 1.5;
}

#programme p {
	margin: 2px 0 5px 0;
	padding-left: 50px;
	text-indent: -25px;
	line-height: 1.4;
}

#programme a {
	color: #679406;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}

#programme a:hover {
	color: #004400;
	text-decoration: underline;
}

#programme .talkTitle {
	font-weight: bold;
}


#programme .lunchTitle {
	color: #006600;
	display: block;
	padding: 10px 0 10px 50px;
}

.hiliteBox {
	width: 470px;
	background: #eef7ee;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 5px;
	margin: 0 5px 0 25px;
}

#programme .hiliteBox2 {
	width: 540px;
	padding: 0;
	margin: 20px 0 0 0;
}

#programme .hiliteBox2 p {
	padding: 0 0 0 0;
	margin: 0;
	text-indent: 0px;
}

#programme .hiliteBox2 .emailLink {
	padding-left: 24px;
}

#programme .hiliteBox li a, #programme .hiliteBox2 li a {
	font-size: 100%;
}

#programme li {
	margin: 10px;
	list-style: none;
}











#ticketPDF {
	padding: 5px 15px 0 15px;
	margin-top: 110px;
	font-size: 85%;
	text-align: center;
}

#ticketPDF img, #ticketPDF a {
	margin-top: 5px;
	border: none;
}

/* ---------------------------- SPEAKER STYLES ------------------------- */

#speakers {
	font: bold 120% Arial, Helvetica, Verdana, sans-serif;
	padding-left: 0;
	margin: 15px 15px 0 0;
	list-style: none;
}

#speakers h3 {
	font: small normal Arial, Helvetica, Verdana, sans-serif;
	font-size: 150%;
	margin: 0 0 2px -15px;
	padding-top: 10px;
	text-align: left;
}

#speakers h3 a {
	color: #679406;
	font-weight: bold;
	text-decoration: none;
}

#speakers h3 a:hover {
	color: #040;
}

#speakers li {
	font: small normal Arial, Helvetica, Verdana, sans-serif;
	margin-left: 30px;
	margin-bottom: 0;
	line-height: 1.3;
	list-style: none;
}

.speakerLink {
	font-size: 115%;
	font-weight: bold;
	color: #679406;
}


#tickets, #venues {
	color: #006600;
	margin-left: 20px;
}

#tickets h2, #venues h2 {
	color: #923b32;
	line-height: 1.5;
}

#tickets a, #venues a {
	color: #679406;
	font: small normal Arial, Helvetica, Verdana, sans-serif;
}

#tickets a:hover, #venues a:hover {
	color: #004400;
}

#tickets ul {
	margin: 0;
	padding: 0;
}


.bold12px {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #006600;
	line-height: 1.2;
}


.w3CImage {
	margin-bottom: 7px;
	border: none;
}

.pictureFrame {
	border-top: 3px solid #999;
	border-left: 3px solid #999;
	border-right: 3px solid #eee;
	border-bottom: 3px solid #eee;
	margin-bottom: 5px;
}

.emailLink {
	background: url(../Images/email.gif) no-repeat top left;
	display: block;
	padding: 1px 0 1px 24px;
}

.blogLink {
	background: url(../Images/blog.gif) no-repeat top left;
	display: block;
	padding: 1px 0 1px 22px;
}

.facebookLink {
	background: url(../Images/faceBook.gif) no-repeat top left;
	display: block;
	padding: 1px 0 1px 22px;
}

.twitterLink {
	background: url(../Images/twitter.gif) no-repeat top left;
	display: block;
	padding: 1px 0 1px 22px;
}

.urlLink {
	background: url(../Images/globe.png) no-repeat top left;
	display: block;
	padding: 1px 0 1px 22px;
}