@font-face {
	font-family: Futura;
	src: url("Futura_Light_BT.eot"); /* EOT file for IE */
	src: url("Futura_Light_BT.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
	font-family: "Baskerville Old Face";
	src: url("baskerville-old-face.eot"); /* EOT file for IE */
	src: url("baskerville-old-face.ttf"); /* TTF file for CSS3 browsers */
}

/**** Reset CSS ****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, /*font,*/ /*img,*/ ins, kbd, q, s, samp, small, strike, strong, /*sub, sup, */tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, /*table, */caption, tbody, tfoot, thead, tr/*, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*body {line-height: 1;}
ol, ul {list-style: none}*/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
blockquote {padding:0px 0px 0px 30px;}

/* remember to define focus styles! */
/*:focus {outline: 0;}
/* remember to highlight inserts somehow! */
/*ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;padding:0px;}
tr {vertical-align:middle;}
/* Giving vetical-align to img screws up align='right', etc.*/
img {border:0;outline:0;font-size: 100%;background: transparent;margin: 0;padding: 0;}

/**** Basic Elements ****/
body {
	font-size:13px;
	font-family:Futura, Helvetica, Arial, sans-serif;
	color:#656565;
}
body#body {
	backgroun:url(../images/body.jpg) right bottom no-repeat;
}

p {
	margin:3px 0px;
	padding:3px 0px;
}

ul {
	padding: 0px 0px 0px 15px;
}
ol {
	padding: 0px 0px 0px 20px;
}

pre {
	font-family:Futura, Helvetica, Arial, sans-serif;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: o-pre-wrap;
}

/******** Links ********/
a:link, a:visited {
	text-decoration:none;
	border:0px;
	color:#01889b;
}

a:hover {
	text-decoration:underline;
	border:0px;
	color:#222222;
}

.color {
	color:#01889b;
}

a.black {
	color:#444;
}
a.black:hover {
	color:#000;
}

/****** Headings ******/
h1 {
	margin:0px;
	padding:0px;
	font-family:"Baskerville Old Face", Garmond, "Times New Roman", Times, serif;
	color:#01889b;
	font-size:30px;
	font-weight:normal;
}

/***** Basic *****/
.clear {
	clear:both;
}

.none {
	text-align:center;
	padding:25px 10px;
}

/****** Layout ******/
#body {
	background:url(/images/body.jpg) bottom right no-repeat;
}
#container {
	background:url(/images/dna.png) top left no-repeat;
}
#header {
	background:url(/images/white_80.png) left top repeat;
	height:130px;
	border-bottom:4px solid #0799ae;
}

#logo a {
	display:block;
	position:absolute;
	background:url(/images/logo-icon.png) top left no-repeat;
	top:10px;
	left:15px;
	font-family:"Baskerville Old Face", Garmond, "Times New Roman", Times, serif;
	color:#01889b;
	font-size:44px;
	line-height:34px;
	letter-spacing:-2px;
	width:220px;
	height:110px;
	padding:0px 0px 0px 110px;
}
#logo a:hover {
	text-decoration:none;
}

#menu {
	position:absolute;
	top:0px;
	right:20px;
	font-size:14px;
}
#menu ul, #menu li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu li {
	float:left;
	margin:0px 5px;
}
#menu a {
	padding:1px 1px 3px;
	display:block;
	border-top:4px solid #01889b;
}
#menu a:hover, #menu li.selected a {
	text-decoration:none;
	border-top:4px solid #000000;
	color:#000000;
}

#content {
	padding:20px 20px;
	width:860px;
	min-height:500px;
	margin:auto;
}

#footer {
}

/***** Box *****/
.boxes {
	width:755px;
	margin:0px auto;
}
.box {
	position:relative;
	/*width:350px;*/
	width:225px;
	height:225px;
	background:url(/images/box.png) top left no-repeat;
	margin:8px;
	padding:5px;
	color:#01889b;
	float:left;
	overflow:hidden;
	cursor:pointer;
}
.box-medium {
	width:350px;
	height:225px;
	background:url(/images/box-medium.png) top left no-repeat;
}
.box-small {
	width:170px;
	height:170px;
	padding:4px;
	margin:0px 0px 0px 8px;
	background:url(/images/box-small.png) top left no-repeat;
}
.box-big {
	width:725px;
	height:350px;
	background:url(/images/box-big.png) top left no-repeat;
	cursor:pointer;
}
.box-nolink {
	cursor:auto;
}

.box img {
	/*width:350px;*/
	width:225px;
	height:225px;
	border:1px solid #0799ae;
}
.box-medium img {
	width:350px;
	height:225px;
}
.box-small img {
	width:170px;
	height:170px;
}
.box-big img {
	width:725px;
	height:350px;
}

.box .box-year, .box .box-title {
	font-family:"Baskerville Old Face", Garmond, "Times New Roman", Times, serif;
	position:absolute;
	top:5px;
	right:3px;
	border:1px solid #0799ae;
	padding:3px 7px;
	background:url(/images/white_95.png) repeat;
	font-size:34px;
}
.box .box-year {
	max-width:190px;
	font-size:28px;
}
/*.box:hover .box-year, .box:hover .box-title {
	background:#ffffff;
}*/
.box .box-title {
	top:auto;
	bottom:3px;
	padding:3px 10px;
	text-align:right;
}
.box .box-number {
	font-size:20px;
	display:block;
	line-height:18px;
}
.box .box-date {
	color:#656565;
	font-family:Futura, Helvetica, Arial, sans-serif;
	font-size:16px;
	display:block;
}

.box-big .box-number {
	font-size:24px;
	line-height:22px;
}
.box-date .box-number {
	font-size:18px;
}

.box-small .box-year {
	font-size:24px;
	line-height:25px;
	right:2px;
	top:4px;
}
.box-small .box-title {
	right:2px;
	bottom:2px;
}
.box-small .box-number {
	font-size:17px;
}
.box-small .box-date {
	font-size:13px;
}

/* Icon */
.box-icon {
	text-align:center;
	font-family:"Baskerville Old Face", Garmond, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	
	margin:0px 20px;
	
	opacity:.70;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.box-icon:hover {	
	opacity:1;
	filter:alpha(opacity=100); 
	-moz-opacity:1;
}
.box-icon img {
	width:128px;
	height:128px;
	margin-top:10px;
	border:none;
}
.box-icon a,
.box-icon a:hover {
	color:#000;
	text-decoration:none;
}

/**** Mailing List ****/
#mailing-form {
	width:250px;
	margin:20px auto;
}
body #e2ma_signup_form {
	width:auto;
	margin:10px 0px;
}
body #e2ma_signup_message {
	display:none;
}
body .e2ma_signup_form_row {
	border:none;
	padding:0px;
	height:24px;
}
body .e2ma_signup_form_label {
	text-transform:capitalize;
	color:#01889b;
	float:left;
	width:90px;
	font-size:13px;
	font-family:"Baskerville Old Face", Garmond, "Times New Roman", Times, serif;
}
body .e2ma_signup_form_element {
	float:left;
	width:150px;
}
body .e2ma_signup_form_element input, body .e2ma_signup_form_element input[type=text] {
	width:150px;
	margin-top:5px;
	padding:2px;
}
body .e2ma_signup_form_required_footnote {
	display:none;
}

/**** Content Flow *****/
.ContentFlow {
	height:500px;
}
.ContentFlow .item {
	cursor:pointer;
	cursor:hand;
}
#body .ContentFlow, #body .ContentFlow .loadIndicator, #body .ContentFlow .indicator, #body .ContentFlow .flow, #body .ContentFlow .item {
	background:none;
}
.ContentFlow .caption {
	font-family:"Baskerville Old Face", Garmond, "Times New Roman", Times, serif;
	color:#01889b;
	font-size:14px;
	font-weight:normal;
	width:450px;
	margin:90px auto 0px;
	height:auto;
}
.caption-year {
	font-size:26px;
	font-weight:bold;
	line-height:25px;
}
.caption-location {
	color:#888;
	font-style:italic;
	font-size:17px;
}
.caption-organizers {
	color:#0098ad;
}

.ContentFlow .buttons {
	width:220px;
	margin:72px auto 0px;
	z-index:999;
	position:absolute;
	top:179px;
	left:320px;
}

.ContentFlow .button {
	width: 25px;
	height: 25px;
	margin: 0 auto; 
	background-position: center;
	background-repeat: no-repeat;
	float: left;
	margin: 0px 3px;
	cursor:pointer;
	cursor:hand;
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha( opacity=50 );
	z-index:999;
}

.ContentFlow .button:hover {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha( opacity=100 );
}

.ContentFlow .firstButton {
	background-image: url(../images/controls-rewind.png);
}
.ContentFlow .lastButton {
	background-image: url(../images/controls-forward.png);
}
.ContentFlow .preButton {
	background-image: url(../images/controls-left.png);
}
.ContentFlow .nextButton {
	background-image: url(../images/controls-right.png);
}
.ContentFlow .spacerButton {
	width:90px;
}