/* ESTC style sheet. */
/* The default style sheet default.css should be included prior to this one to ensure standard cross-browser defaults */

/* modify some CSS defaults */
table	{ border-collapse : collapse; }
thead, tbody, tfoot, td, th, tr { vertical-align: top }
ol, ul, dir, menu, dd { margin-left: 2.0em }

/* Colour palette
0014CC	6670CC	999ECC	2D3687	161B43	4C5499	8589B1
4300CC	8766CC	AA99CC	4B2D87	251643	654C99	9385B1
005FCC	6695CC	99B0CC	2D5787	162B43	4C7099	8599B1



 */


body {
	margin: 0;
	padding: 8px 0 0 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	background: #9EBEF9/*primary-4*/ url(images/page_background.png) repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #15397B/*primary-3*/;
	text-align: left;
	text-decoration: none;
}
/*
h1 { font-size : 2.0em; line-height : 1em; } 
h2 { font-size : 1.5em; line-height : 1em; } 
h3 { font-size : 1.17em; line-height : 1em; }
h4 { font-size : 1.0em; line-height : 1em; }
h5 { font-size : 0.83em; line-height : 1em; }
h6 { font-size : 0.75em; line-height : 1em; }
*/
p {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

/*
a { color : var(primary-1); }
a:link, a:visited { text-decoration : underline; }
a:hover, a:active { text-decoration : none; }
*/

/* Page layout */

/* Caution - beware of mixing specific width/heights and non zero padding/borders in the same class. In most browsers the
   width/height does not include the padding and borders, but in Microsoft IE the padding/border sizes are included in 
   width/height. */

#masthead { 
	margin: 0 auto;
	width: 980px;
	height: 80px;
	padding: 0;
	background: transparent;
}

#logo { float:right; }
#title { float:left; }

#title h1 { 
	margin-top: 0; /* reset default top margin to avoid "sticking out" top of containing div */
	margin-bottom: 0; /* spacing to subtitle controlled by subtitle */
	padding-top: 0px;
	font-size: 40px;
	color: white;
}
#title p {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
	color: white;
}

#wrapper {
	margin: 0 auto;
	width: 980px;
	padding: 0;
	background: white;
}

#topnav {
	clear: both;
	margin: 0;
	width: 980px;
	padding: 0;
	background: white;
/*	background: #ffffff url(images/nav-back-2.jpg) no-repeat center center; */
}

#topnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%
}
#topnav ul li {
	display: inline-block;
	padding:3px 15px 3px 0px;
	float:left;
	font-size: 120%;
	font-weight:bold;
	line-height: 1.5em;
}

#topnav ul li a {
	color: white;
	text-decoration:none
}

#topnav ul li a:hover, ul li a:active { text-decoration : underline; }

#content {
	margin : 0;
	width : 960px;
	padding : 0;
	float: left;
	background : #f2f2f2 /*url(images/wrapper-back1.jpg) repeat-x */;
}

#navigation table {
	width : 940px;
	height : 35px;
	padding : 0;
	table-layout : fixed;
}
#navigation td { 
	height : 35px; 
	vertical-align : middle;
	text-align : center;
	font-size : 95%;
	line-height : 1em;
	font-weight : bold;
	color : #3F6BBC/*Primary*/;
}
#navigation a:link, #navigation a:visited { text-decoration : none; }
#navigation a:hover, #navigation a:active { text-decoration : underline; }

#breadcrumb {
	margin : 0;
	width : 960px;
	height : 50px;
	padding : 0;
	background : #ffffff;
	border-bottom : 1px solid #c8c9c3; 
	font-size: 90%;
	line-height : 49px ;
}
#breadcrumb span {
	padding-left : 15px ;
}
#breadcrumb a {
	background : transparent url(images/breadcrumb.gif) no-repeat center right;
	padding-right : 15px;
}
#breadcrumb a:link, #breadcrumb a:visited { text-decoration : none; }
#breadcrumb a:hover, #breadcrumb a:active { text-decoration : underline; }

/* Main content area formatting. This can be have optional left navigation and/or right content columns. */
#main {
	margin : 20px 0 10px 1px;
	width : 949px;
	padding : 0;
}
table.layout {
	margin : 0;
	width : 100%; 
	padding : 0;
	border : 0;
	table-layout : fixed;
}
#leftcol, #leftnavspacer, #maincol, #rightcol {
	padding : 0;
	text-align : left;
	vertical-align : top;
}
#maincol, #rightcol { background-color : #FFFFFF; }
#leftcol { width : 230px; }
#leftnavspacer { width : 20px; }
#maincol { padding: 10px; }
#rightcol { width : 221px } 

/* Left navigation formatting */
#curl {
	margin : 0;
	width : 230px;
	height : 10px;
	padding : 0;
	background : #dac8bf url(images/curve.jpg);
}
#curlbottom {
	margin : 0;
	width : 230px;
	height : 6px;
	padding : 0;
	background : #dac8bf url(images/bottom-curve.jpg);
}
.leftnav {
	margin : 0;
	padding : 0.5em 0 0.5em 10px;
	border-bottom : 1px dotted #cccccc;
	text-align : left;
	font-size : 1em;
	line-height : 1em;
	background : #ffffff;
}
.level1 { }
.level2 {
	padding-left : 15px;
	background : #f0f0f0;
}
.currentpage { 
	background : #006633;
	color : #ffffff;
	font-weight : bold;
}
.leftnav a { color: #3F6BBC/*Primary*/; text-decoration : none; }
.leftnav a:hover, #leftnav a:active { text-decoration : underline; }
.currentpage a { color: #ffffff; }

/* Right info area */
.rightheader {
	padding : 10px;
	color : #ffffff;
	background : transparent url(images/right-back.jpg) no-repeat center left;
}
#rightcol p { font-size : 95% }


/* Main content formatting */
.list {
	padding-left : 5px;
	padding-bottom : 5px;
	padding-top : 5px;
	list-style-type : none;
	line-height : 2em;
}
.list a {
	background : transparent url(images/arrow.jpg) no-repeat center left;
	text-decoration : underline;
	padding-left : 20px;
	padding-right : 11px;
	color : #3F6BBC/*Primary*/;
}
.list a:visited {
color : #3F6BBC/*Primary*/;
}
.list a:hover {
text-decoration : none;
}

/* Footer */
#footer {
	margin : 0;
	width : 960px;
	height : 116px;
	padding : 0;
	background : #ffffff url(images/footer.jpg);
	font-size : 90%;
}
#footer p {
	padding : 80px 10px 25px 0px;
	text-align : right;
}

#footer a { padding-right: 8px; }
#footer a + a { padding-left: 8px; border-left: 1px solid #c8c8c8 }
#footer a:link, #footer a:visited { text-decoration : none; }
#footer a:hover, #footer a:active { text-decoration : underline; }

/* From the BCS template style sheet - not sure these are used anywhere */
.icons {
font : 11px "arial", "Trebuchet MS", Verdana, Helvetica, sans-serif;
padding-left : 250px;
padding-bottom : 25px;
padding-top : 20px;
}

.dotted {
border-bottom : 1px dotted #000000;
width : 900px;
padding-left : 10px;
}

.small { font-size: 95% }
.caption { text-align:center; font-size: 95% }

hr {color:#f0eedd}
hr.template {color:#3F6BBC/*Primary*/}
table.committee tr td { vertical-align:top; padding-right: 1em }
table.committee h4 { margin-bottom: 0 } 
table.events { width: 100% }
table.events tr th { font-weight: bold; color: #ffffff; background-color: #95B4ED/*Primary5*/ }
table.events tr th, table.events tr td { vertical-align:top; padding: 5px 5px 5px 5px }
.speaker {color:black}
.padright { padding-right: 1em; }
.presentation_highlight {
    margin: 0px 0px 0px 0px;
	padding: 1px 2px 2px 1px;
	background-color:#ffffff;
	border: 1px solid #f0eedd;
}