body {
	margin: 0px;
	padding: 0px;
	background-color: #F2F2FF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;	/* Hack for page centering in IE6 */
	font-size: 10pt;
}

img {
	border: 0px;
}

div#page {
	margin: 10px 20px;
	padding-top: 100px;

	border-width: 1px;
	border-style: solid;
	border-color: #BBB;

	background-color: #FFF;
	background-image: url(../images/banner.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
div#title {
	border-top: 7px solid #0B628F;
	border-bottom: 1px solid #BBB;
	background-color: #F9F9F9;
	margin: 0px;
	padding: 8px 5px 11px 5px;
}
div#title h1 {
	font-size: 150%;
	font-weight: bold;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	border: 0px;
	color: #D5941C;
	font-family: Candara,georgia,serif;
}
div#title h1 a {
	color: #D5941C;
	text-decoration: none;
}
div#title h1 a:hover {
	color: #F1DD34;
	text-decoration: none;
}

div#title p {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #666;
}

div#base {
	background-color: #F6F6F6;
}
div#left {
	margin-right: 216px;
	background-color: #FFF;
}
div#leftWide {
	background-color: #FFF;
}

/* Right */
/* ----- */
div#right {
	float: right;
	background-color: #F6F6F6;
	padding: 8px;
	width: 200px;
}
div#right h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	color: #333;
	color: #0b638f;
}
div#right p {
	font-size: 80%;
	margin: 0px 0px 5px 0px;
	color: #333;
}
div#right img {
	border: 0px;
	margin: 0px 0px 5px 0px;
}


/* Content */
/* ------- */
div#content {
	padding: 10px;
	text-align: left;
	background-image: url(../images/watermark.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div#content h2 {
	font-size: 150%;
	font-weight: bold;
	color: #D5941C;
	margin: 0px 0px 8px 0px;
}

div#content h3 {
	font-size: 110%;
	font-weight: normal;
	color: #D5941C;
	margin: 0px 0px 8px 0px;
	text-decoration: underline;
}

div#content h4 {
	font-size: 100%;
	font-weight: bold;
	color: #353535;
	margin: 0px 0px 8px 0px;
	text-decoration: underline;
}

div#content p {
	color: #333;
	margin: 0px 0px 8px 0px;
}

div#content td {
	vertical-align: top;
}

/* Links */
/* ----- */
div#left p a,
div#left li a,
div#leftWide p a,
div#leftWide li a,
div#right p a {
	color: #7a68ff;
	text-decoration: none;
}
div#left p a:hover,
div#left li a:hover,
div#leftWide p a:hover,
div#leftWide li a:hover,
div#right p a:hover {
	color: #7a68ff;
	text-decoration: underline;
}

/* Grid Table */
/* ---------- */
table.grid {
	border-collapse: collapse;
	margin: 4px 0px 12px 0px;
}
table.grid td {
	border: 1px solid #999;
	padding: 5px;
	margin: 0px;
}
table.grid th {
	border: 1px solid #BBB;
	border-bottom: 2px solid #999;
	background-color: #DFE2FF;
	padding: 5px;
	margin: 0px;
}

table#keynoteSpeakers {
	border: 1px solid #BBB;
	padding: 0px;
	margin: 0px 0px 2em 0px;
	background: #F4F4FF;
	border-collapse: separate;
}
table#keynoteSpeakers td {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px 3px 5px 3px;
	border: 0px;
}
table#keynoteSpeakers tr.topRow td {
	padding-top: 5px;
}
table#keynoteSpeakers p {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
table#keynoteSpeakers tr.titles p {
	font-size: 90%;
}
table#keynoteSpeakers img {
	border:1px solid #BBB;
}

/* Main Menu */
/* --------- */
div#mainMenu {
	width: 90%;
	margin: 0px auto;
}
div#mainMenu div.menuLeft {
	background-image: url(../images/menuLeftBlue.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 0px 15px;
}
div#mainMenu div.menuRight {
	background-image: url(../images/menuRightBlue.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 15px 0px 0px;
}
div#mainMenu div.menuCentre {
	background-image: url(../images/menuCentreBlue.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	padding: 6px 0px 10px 0px;
}
div#mainMenu ul {
	margin: 0px;
	padding: 0px;
}
div#mainMenu li {
	font-weight: bold;
	font-size: 120%;
	display: inline;
	white-space: nowrap;
	padding-left: 12px;
	padding-right: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div#mainMenu li a {
	color: #555;
	text-decoration: none;
}
div#mainMenu li a:hover {
	color: #0b638f;
	text-decoration: none;
}
div#mainMenu li a.active {
	color: #0b638f;
	text-decoration: underline;
}

/* Sub Menu */
/* -------- */
div#subMenu {
	width: 85%;
	margin: 0px auto;
}
div#subMenu div.menuLeft {
	background-image: url(../images/menuLeftBlue.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 0px 15px;
}
div#subMenu div.menuRight {
	background-image: url(../images/menuRightBlue.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 15px 0px 0px;
}
div#subMenu div.menuCentre {
	background-image: url(../images/menuCentreBlue.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	padding: 5px 0px 7px 0px;
}
div#subMenu ul{
	margin: 0px;
	padding: 0px;
}
div#subMenu li {
	display: inline;
	font-weight: bold;
	font-size: 80%;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div#subMenu li a {
	color: #555;
	text-decoration: none;
}
div#subMenu li a:hover {
	color: #9e822d;
	color: #0b638f;
	text-decoration: none;
}
div#subMenu li a.active {
	color: #9e822d;
	color: #0b638f;
	text-decoration: underline;
}

/* Sponsors */
/* -------- */
div#content table.sponsors {
	width: 100%;
}
div#content table.sponsors td {
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
div#content table.sponsors td img {
	border: 1px solid #BBB;
	margin: 5px;
}

/* Committee */
/* --------- */
td.committee {
	text-align: center;
	width: 200px;
}
td.committee img {
	border: 1px solid #BBB;
}
td.committee span.inst {
	font-size: 80%;
}

/* Technical Committee */
/* ------------------- */
table.tpc {
	border-collapse: collapse;
}
table.tpc td,
table.tpc th {
	border: 1px solid #BBB;
	padding: 2px 5px;
}
table.tpc tr.odd td {
	background-color: #DFE2FF;
}
table.tpc span.family {
	font-weight: bold;
}


/* Misc */
/* ---- */
div.floatBox {
	font-size: 10pt;
	width: 200px;
	margin: 8px;
	border: 1px solid #CCCCCC;
	padding: 4px 4px 0px 4px;
	text-align: center;
	float: right;
	background-color: #F6F6F6;
}

div.warning {
	text-align: center;
	background-color: #FFB6B6;
	border: 1px solid #FF6666;
	padding: 8px 5px 2px 5px;
	margin: 0px 50px 8px 50px;
}

div.stepNum {
	padding: 1px 3px;
	border: 1px solid #BBB;
	background-color: #EFEFEF;
	float: left;
	font-size: 250%;
	font-weight: bold;
	margin: 0px 0.25em 0.25em 0px
}

ol.instructions li {
	margin: 0px 0px 0.5em 0px;
}

/* Tutorials */
table#tutorials {
	border-collapse: collapse;
}
table#tutorials td.info {
	padding: 5px;
	border: 1px solid #BBB;
	border-width: 1px 0px 1px 1px;
	text-align: center;
}
table#tutorials td.images {
	padding: 5px;
	border: 1px solid #BBB;
	border-width: 1px 1px 1px 0px;
	text-align: center;
	width: 220px;
}
table#tutorials td.images img {
	border: 1px solid #BBB;
}
table#tutorials p.title {
	font-weight: bold;
	font-size: 150%;
}
table#tutorials span.speaker {
	font-weight: bold;
	font-size: 125%;
}


/* Footer */
/* ------ */
div#footer {
	clear: both;
	background-color: #333;
	color: #DDD;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	text-align: left;
}
div#footIcons img {
	border: 0px;
	padding: 0px;
	margin: 0px 5px 0px 0px;
}
div#footer span {
	font-size: 80%;
	color: #AAA;
}
div#footer a {
	text-decoration: none;
	color: #AAA;
}
div#footer a:hover {
	text-decoration: underline;
	color: #AAA;
}