/* =========================================
    B C A   2 0 0 8   E X P O   S T Y L E S
   ========================================= */

/*

Color scheme:
rgb(226,128, 26) - banner background
rgb(171, 96, 20) - headings, links, strong
rgb( 78, 67, 45) - dark gear, banner title, main menu text, body background

NEW 8/22/08
rgb(  0, 69,124) - dark blue
rgb( 10,182,220) - medium blue


*/


/* =========================================
    "Class-less" styles
   ========================================= */

body {
	background-color: rgb(78, 67,45);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	border: 0;
	}

td, th, p, li, blockquote, div {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	color:#000000;
	margin: 0 0 0.5em 0;
	}		

h1, h2, h3, h4, h5, h6 {
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-weight:bold;
	padding: 0;
	margin: 0 0 1em 0;
	}

h1 {
	font-size: 16px;
	/*color: rgb(171, 96, 20);*/
	padding: 1em 0 0 0;
	color: rgb(  0, 69,124);
	}	
h2 {
	font-size: 14px;
	color:#666666;
	margin: 1em 0 0.5em 0;
	}
h3 {
	font-size: 12px;
	color:#555;
	margin: 0.5em 0 0.5em 0;
	}

ol, 
ul {
	margin: 0.5em 0 1em 3em;
	padding-left: 0;
	}
ol li,
ul li {
	margin-left: 0;
	margin-bottom: 0.25em;
	}

a:link {
	text-decoration: underline;
	/*color: rgb(171, 96, 20);*/
	color: rgb(  0, 69,124);
	/*font-weight: normal;*/
	}
a:visited {
	text-decoration: underline;
	color: #666;
	/*font-weight: normal;*/
	}
a:active {
	text-decoration: underline;
	/*color: rgb(171, 96, 20);*/
	color: rgb(  0, 69,124);
	/*font-weight: normal;*/
	}
a:hover {
	text-decoration: underline;
	color: rgb( 10,182,220); /*rgb(226,128, 26);*/
	/*font-weight: normal;*/
	}

strong {
	/*color: rgb(171, 96, 20);*/
	color: rgb(  0, 69,124);
	}

img {
	border: none;
	}

/* =========================================
    "Classed" styles
   ========================================= */

.jsmall {
	font-size: 90%;
	}
.fineprint {
	font-size: 90%;
	line-height: 14px;
	}

p.emptypagepad {
	padding-bottom: 14em;
	}

.hidden {
	color: #FF00FF;
	font-weight: bold;
	font-size: 200%;
	display: none;
	}

.dim {
	color: #999999;
	}

.indented {
	margin-left: 3em;
	}

/* table of data for the page */
table.data {
	margin-top: 1em;
	margin-bottom: 1.5em;
	border: none;
	}
table.data th, 
table.data td {
	padding: 2px 6px 2px 3px;
	text-align:left;
	vertical-align: middle;
	font-size: 12px;
	}
table.data th {
	background-color:#CCCCCC;
	color:#666666;
	font-size: 11px;
	}
table.data td {
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background-color: white;
	}
table.data td.center {
	text-align: center;
	}




/* =========================================
   The div with the main content of the page
   ========================================= */

.maincontent {
	padding: 1em 6px 1em 6px;
	margin: 0 0 0 0;
	text-align: left;
	min-height: 384px;
	background-color: none;
	}

/* wrapper for page just within the body tag */
#page {
	width: 100%; /*719px;*/
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border: 0;
	background-color: #e0e0e0;
	}

/* wrapper for the page body between the banner/nav and footer */
#pagebody {
	background-color: white;
	position: relative;
	top: 0px;
	width: 719px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: 0px;
	background-image:url(../images/page-background.png);
	background-position: top right;
	background-repeat: no-repeat;
	}

/* bottom layer banner at top of every Expo page */
/* contains gear graphic */
#banner {
	width: 100%;
	height: 185px;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	vertical-align: middle;
	/*background-image: url(../images/banner_right.png);*/
	/*background-position: top right;*/
	/*background-repeat: no-repeat;*/
	background-color: white;
	background-image: url(../images/banner_back.png);
	background-position: center 55px;
	background-repeat: no-repeat;
	}

/* middle layer banner */
/* contains text graphic */
/* NEW: contains gear graphic */
#banner2 {
	width: 100%; /*719px;*/
	height: 185px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	/*background-image: url(../images/banner_left.png);*/
	/*background-position: top left;*/
	/*background-repeat: no-repeat;*/
	background-image: url(../images/banner_gear.png);
	background-position: right top;
	background-repeat: no-repeat;
	}

/* top layer banner */
/* contains date/city/venu info */
#banner3 {
	width: 719px; /*100%;*/
	margin: 0 auto;
	height: 185px;
	padding: 0 0 0 10px;
	background-image: url(../images/banner_text.png);
	background-position: 10px 72px;
	background-repeat: no-repeat;
	}

#banner3 p {
	margin: 0 0 0 0;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	/*color: rgb(171, 96, 20);*/
	color: rgb(  0, 69,124);
	top: 244px;
	}

#banner h1 {
	display: none; 
	}

/* main navigation menu for all Expo pages */
#navmain {
	width: 100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 6px 0px 6px 0px;
	background-color: #999999;
	border-bottom: #666666 2px solid;
	}

#navmain ul {
	margin: 0;
	padding: 0;
	}
#navmain ul li {
	font-size: 12px;
	line-height: 11px;
	display: inline;
	margin: 0;
	list-style-type: none;
	padding: 9px 0px 9px 0px;
	}

#navmain a {
	color: rgb(  0, 69,124);
	text-decoration: none;
	margin: 0;
	padding: 3px 8px 3px 8px;
	vertical-align: baseline;
	font-weight: bold;
	}
#navmain a:link,
#navmain a:visited,
#navmain a:active {
	color: rgb(  0, 69,124);
	}
#navmain a:hover {
	color: #dddddd;
	}
#navmain a.selected:hover,
#navmain a.selected:active,
#navmain a.selected {
	color: white !important;
	}

#footer {
	width: 100%;
	clear: both;
	text-align: center;
	vertical-align: middle;
	/*background-color: rgb(226,128,26);*/
	background-color: rgb(  0, 69,124);
	padding: 0.5em 0 0.5em 0;
	margin: 0;
	}

#footer p {
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 9px;
	}

/* DIV for the top-of-page box containing the TOC for the page */
div.pagecontents {
	background-color: #eeeeee;
	border: 1px solid #999999;
	padding: 1em;
	margin: 1em 0;
	}

div.pagecontents h2 {
	font-size: 90%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0;
	color: black;
	}

div.pagecontents ul {
	margin: 0;
	padding: 0 0 0 1.25em;
	/*border: thin dotted red;*/
	}
	
div.pagecontents ul li {
	font-size: 85%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*border: thin dotted green;*/
	}

div.pagecontents a:link,
div.pagecontents a:visited,
div.pagecontents a:active {
	text-decoration: none;
	color: black;
	padding: 0;
	}
div.pagecontents a:hover {
	text-decoration: underline;
	padding: 0;
	}

/* for indicating that a sponsorship level is sold out */
.sold {
	font-weight: bold;
	color: #CC0000;
	border: 1px solid #CC0000;
	padding: 0 3px;
	font-size: 85%;
	letter-spacing: 0.1em;
	}

/* for 'back to top' links */
.totop {
	font-size: 80%;
	margin-top: 18px;
	}

.totop a:link,
.totop a:visited,
.totop a:active,
.totop a:hover {
	text-decoration: none;
	/*color: rgb(171, 96, 20);*/
	color: rgb(  0, 69,124);
	border: dotted 1px #ccc;
	padding: 1px 3px;
	}
.totop a:hover {
	text-decoration: none;
	/*color: rgb(171, 96, 20);*/
	color: rgb(  0, 69,124);
	border: solid 1px rgb( 10,182,220); /*rgb(226,128, 26);*/
	}

#sponsorlogos {
	width: 244px;
	float: right;
	margin: 0 0 1em 1em;
	text-align: center;
	background-color: #FFFFFF;
	padding: 0.5em;
	}

#sponsorlogos h2 {
	color: rgb(171, 96, 20);
	border-top: 3px solid #dddddd;
	padding-top: 0.5em;
	}

#sponsorlogos img {
	margin: 0.25em 0;
	}