/* 
* Style for the index page of the CAPTION web site.
*
* The main complexity is that we have ‘samples’ of old
* CAPTION styles on the main page: these need their own
* style rules.
*/

@import url(199x.css);
@import url(2000.css);
@import url(2001.css);
@import url(2002.css);
@import url(2003.css);
@import url(2004.css);
@import url(2005.css);
@import url(2006.css);
@import url(2007.css);
@import url(2008.css);

* {
	margin: 0;
	padding: 0;
}

a:link {
	color: #369;
	border-bottom: 1px solid #69C;
	text-decoration: none;
}
a:visited {
	color: #036;
	border-bottom: 1px solid #69C;
	text-decoration: none;
}
a:hover {
	color: #69F;
	border-bottom: 1px solid #69F;
	background-color: #FFF;
	outline: 2px solid #FFF;
	text-decoration: none;
}


body {
	font-size: 100%;
	
	font-family: Vista Sans OT, Verdana, sans-serif;
	line-height: 1.25;
	/* background: #69F url(2008/bg.jpg) top left fixed no-repeat; */
	background: #9CF url(img/bg69C.gif);
}

/* banner at the top */
#titlePage {
	float: left;
	margin: 0 0 16px 0;
	width: 100%;
	min-height: 64px;
	
	background: #444 url(2008/bg2.jpg) top left fixed no-repeat;
}

#titlePage img {
	display: block;
	float: left;
	padding: 16px;
}

#titlePage h1 {
	font-size: 64px;
	float: left;
	margin: 16px 32px 16px 8px;
	
	font-family: "ITC Avant Garde Gothic", "Avant Garde Gothic", "AvantGardeGothic", "Century Gothic", "Futura", "Tw Cen MT", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1;
	font-weight: 200;
	color: #FFF;
}

#titlePage p {
	font-size: 1em;
	float: left;
	margin: 20px 0 0;
	max-width: 12em;
	
	font-family: "ITC Avant Garde Gothic", "Avant Garde Gothic", "AvantGardeGothic", "Century Gothic", "Futura", "Tw Cen MT", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1;
	font-weight: 700;
	color: #9CF;
}




#main,
#past {
	clear: both;
	margin: 1.25em 1em 1.25em 96px;
	padding: 0.25em 0;
	width: 47em;
	
	color: #000;
	background-color: #ADF;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
}


#main p,
#past p {
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}

#main h2,
#past h2 {
	margin: 0.5em 0 0.5em;
	padding: 0 0.5em;
	font-size: 1em;
	
	color: #369;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#main ul {
}

#main li {
	margin: 0.625em 0 0.625em 2.5em;
	padding: 0 0.5em 0 0;
	
	list-style: square;
}


#sidebar {
	position: absolute;
	top: 112px;
	left: 48em;
	margin-left: 96px;
	padding: 0.25em 0;
	width: 11em;
	
	color: #000;
	background-color: #ADF;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
}

#sidebar h2 {
	font-size: 0.8em;
	margin: 0.5em 0 0.5em;
	padding: 0 0.5em;
	
	color: #369;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#sidebar dt {
	font-size: 0.8em;
	margin: 0.5em 0 0.5em;
	padding: 0 0.5em;
	
	color: #000;
}
#sidebar dd {
	font-size: 0.8em;
	margin: 0.5em 0 0.5em;
	padding: 0 0.5em;

	color: #036;
}
#sidebar p {
	font-size: 0.8em;
	margin: 0.5em 0 0.5em;
	padding: 0 0.5em;

	color: #036;
}

table