html, body, td, th {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	color: #004422;
	height: 100%;
}

/*
html, body, #content {
	min-height: 100%;
	width: 100%; 
	height: 100%;
}

html>body, html>body #content {
	height: auto;
}

#content {
	position: absolute;
	top: 0;
	left: 0;
}
*/

body {
	background: #fff url("../Images/pageBackground.gif") repeat-y center top;
	margin: 0;
	font: small normal Arial, Helvetica, Verdana, sans-serif;
	color: #004422;
}


#container {
	width: 720px;
	margin: 0 auto;
	visibility: visible;
	}

	
#leftSide {
	width: 140px;
	float: left;
	font-size: 14px;
	min-height: 100%;
	/*border: 1px solid red;*/
}


#rightSide {
	width: 560px;
	float: right;
	height: 100%;
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
	/*border: 1px solid green;*/
}

#pageTitle {
	margin-bottom: 26px;
}


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

#rightCol {
	float: right;
	width: 258px;
	padding: 2px 10px;
	text-align: center;
}

#leftCol p, #rightCol p {
	margin-bottom: 0;
	margin-top: 0.5em;
	text-align: left;
}



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

#nav {
	margin: 0;
	padding: 0;
	font-size: 80%;
	/*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 #e0e7d7;	/* spaces between blocks */
	}
	
#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: bold 80% Arial, Verdana; */
	font-weight: bold;
	font-size: 100%;
	color: #ffffff;
	}

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

	
#nav #current {
	font-weight: bold;
	display: block;
	color: #b7c406;
	background: #608060 url(../Images/rightArrow.gif) no-repeat 0 50%;
	padding: 7px 0;										/* padding here makes whole li react as a link */
}


	/* 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;
}
	


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

a {
	text-decoration: underline;
	color: #679406;
	font: small normal Arial, Helvetica, Verdana, sans-serif;
}

a:hover {
	color: #004400;
}


h1 {
	font-size: 170%;
	font-weight: bold;
	color: #006600;
	margin-top: 0;
	text-align: center;
}



h2 {
	font-size: 120%;
	font-weight: bold;
	color: #b7c406;
	margin-bottom: 3px;
}


h3 {
	font-size: 110%;
	font-weight: bold;
	color: #b7c406;
	margin-bottom: 0;
	margin-top: 0.5em;
}


.brclear {
	clear: both;
}


.tiny a {
	font-size: 65%;
}


/* ---------------------------- TABLE STYLES --------------------------- */

#subsTable table {
	border-left: 1px solid #007700;
	border-top: 1px solid #007700;
	border-collapse: collapse;
	background: #f0f7e4;
}

caption {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
	color: #b7c406;
	margin-bottom: 5px;	
}


#subsTable th, #subsTable td {
	border-right: 1px solid #007700;
	border-bottom: 1px solid #007700;
	padding: 3px;
}

th {
	font-weight: bold;
}


/* -------------------------- PUBLICATIONS TABLE ------------------------------ */

#publsTable th, #publsTable td {
	font: small bold Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
}

#publsTable th {
	font-weight: bold;
}

#publsTable table {
	border-bottom: 1px solid #007700;
}


#publsTable caption {
	margin-top: 40px;
}


	/* Hack for Safari */
html[xmlns*=""] body:last-child #publsTable caption {
	padding-top: 20px;
	margin-top: 5px;
	margin-bottom: -10px;

}

#publsTable th {
	text-align: left;
	border-bottom: 1px solid #007700;
	padding-bottom: 2px;
}


.links {
	margin-left: 20px;
}

.links ul {
	margin-left: 20px;
}

.links li {
	list-style-image: url(../Images/arrowBullet.gif);
}

.links a {
	color: #309030;
}

.links a:hover {
	color: #a7b406;
}


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

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


#programme li {
	font: bold 18px Arial, Helvetica, Verdana, sans-serif;
	color: #923b32;
	margin: 10px;
	line-height: 2.5;
	list-style: none;
}


#programme li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #006600;
}

#programme li ul li {
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
	padding-left: 15px;
	margin-top: -7px;
	line-height: 1.0;
}


#programme li ul:first-line {
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
	padding-left: 20px;
}


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

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


#speakers li {
	font: bold 120% Arial, Helvetica, Verdana, sans-serif;
	color: #923b32;
	margin-left: 5px;
	line-height: 1.3;
	list-style: none;
}


#speakers li a {
	font: bold 120% Arial, Helvetica, Verdana, sans-serif;
	color: #923b32;
	margin-left: 5px;
	line-height: 1.3;
	list-style: none;
	text-decoration: none;
}


#speakers li ul {
	list-style: none;
	padding-left: 15px;
}


#speakers li ul li {
	font: normal small Arial, Helvetica, Verdana, sans-serif;
	color: #006600;
	margin-left: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
	line-height: 1.3;
}


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


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