/*
COLORS:
lighter blue: #D5DDE2
light blue: #BFCDDD
blue: #93ADD1
dark blue: #40669c
orange: #E29125
*/

body {
	font: 100% Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: #333;
}

p {
	font-size: 90%;
	margin-top: .5em;
	margin-bottom: 1.5em;
}

img { border: 3px solid #D5DDE2; }

p img {
	border: 3px solid #D5DDE2;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

a {
	text-decoration: none;
	color: #40669c;
	border-bottom: 1px solid #BFCDDD;
}
a:hover {
	color: #E29125;
}
a.img { border: none; }
a.glossary { border-bottom: 1px dotted #E29125; color: #555; cursor: help;}

ul {
	list-style-type: square;
}

ul.breakout_links {
	background: #D5DDE2;
	padding: 10px 15px;
	margin: 0;
	list-style-position: inside;
}

ul.breakout_links li { color: #93ADD1;}

ul.breakout_links a {
	font-size: 90%;
	border: 0;
}
ul.breakout_links a:hover {
	color: #E29125;
}

address {
	font-size: 90%;
	font-style: normal;
	margin-top: 1.2em
}
address strong {
	font-size: 110%;
	color: #40669c;
}

hr.clear {
	height:0;
	visibility:none;
	clear:both;
	background:transparent;
	border:none;
}

h2 {
	font-size: 170%;
	margin-top: 0;
	margin-bottom: .5em;
	text-transform: uppercase;
	font-weight: normal;
	color: #E29125;
	line-height: 1.5em;
	border-bottom: 2px solid #BFCDDD;
}

h3 {
	text-transform: uppercase;
	font-weight: normal;
/*	letter-spacing: .2em;*/
	line-height: 1.5em;
	color: #93ADD1;	
	margin-bottom: 0;
}

h4 {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: .2em;
	line-height: 1.5em;
	color: #E29125;	
	margin-bottom: 0;
}



#Container {
	width: 763px;
	margin-left: 7%;
	background: #fff;
}

#Header {
	margin: 0;
	padding: 0;
	width: 763px;
}
#Header h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: transparent url(/images/header.png) top left no-repeat;
	height: 213px;
}


#Nav { height: 47px; }
#Nav ul {
	margin: 0;
	padding: 0;
	padding-left: 0px;
	list-style: none;
	height: 47px;
}
#Nav ul li { float: left; display: block; height: 47px;}
#Nav ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	height: 47px;
}

#Nav li.home a { width:63px; background: transparent url(/images/nav/home.png) 0px 0px no-repeat; }
#Nav li.home a.selected, #Nav li.home a:hover { background-position: -63px 0; }

#Nav li.about_us a { width:95px; background: transparent url(/images/nav/about_us.png) 0px 0px no-repeat; }
#Nav li.about_us a.selected, #Nav li.about_us a:hover { background-position: -95px 0; }

#Nav li.research a { width:98px; background: transparent url(/images/nav/research.png) 0px 0px no-repeat; }
#Nav li.research a.selected, #Nav li.research a:hover { background-position: -98px 0; }

#Nav li.participate a { width:108px; background: transparent url(/images/nav/participate.png) 0px 0px no-repeat; }
#Nav li.participate a.selected, #Nav li.participate a:hover { background-position: -108px 0; }

#Nav li.contact a { width:89px; background: transparent url(/images/nav/contact.png) 0px 0px  no-repeat; }
#Nav li.contact a.selected, #Nav li.contact a:hover { background-position: -89px 0; }

#Main {
	border-top: 5px solid #BFCDDD;
	padding: 1em 10px; 
	padding-bottom: 2em;
	clear: both;
}

#Footer {
	border-top: 3px solid #BFCDDD;
	padding: .5em;
	clear: both;
	font-size: 80%;
	text-align: center;
}
#Footer a {color: #000; border:none;}
#Footer a:hover {color: #E29125;}


.banner h3 {
	margin-bottom: .5em;
}
.banner img {
	border: none;
	border-top: 5px solid #D5DDE2;
	border-bottom: 5px solid #D5DDE2;
}
.banner a { border: none; }

p.note {
	font-style: italic;
	background: #D5DDE2;
	color: #555;
	padding: 10px 15px;
	border-left: 5px solid #93ADD1;
}

div.staff {
	height: 100px;
	margin-bottom: 1em;
}

div.staff img {
	border: 3px solid #D5DDE2;
	float: left;
	margin-right: 1em;
}

body#home {
}

body#home #opening_message {
	background: #D5DDE2;
	padding: 10px 15px;
	font-size:100%;
	font-style:normal;
	margin-top: 0;
	color:#000;
}

body#home .left_column {
	float:left;
	width: 350px;
	margin-left:4px;
}
body#home .left_column body#home-image {}


body#home .right_column {
	margin-left: 355px;
}

body#home #upcoming_events {
	font-size: 90%;
	border: none;
	border-top: 5px solid #D5DDE2;
	border-bottom: 5px solid #D5DDE2;
	padding: .5em;
}


tr.headers {
	padding: 0;
}

th {
	color: #93ADD1;
	border-bottom: 3px solid #93ADD1;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-align: left;
	padding: .5em .5em .3em .5em;	
}
td {
	padding: .5em;
	vertical-align: top;
}

body#research #left_column {
	float: left;
	width: 290px;
	margin-right: 10px;
}
body#research #right_column {
	width: 450px;
}

/*table#program_schedule { width: 450px; }*/
table#program_schedule tr td{ border-bottom: 2px solid #93ADD1;}
body#home table#program_schedule tr td{ border-bottom: none;}

table#program_schedule td.event {}
table#program_schedule td.date { text-align: center;}
table#program_schedule td.date .date_box { text-align: center; padding:.5em 0 3px 0; line-height:1.5em; }
table#program_schedule td.date .month { font-size: 130%; text-transform: uppercase; color: #93ADD1;}
table#program_schedule td.date .days { text-align: center; font-size: 100%; font-weight: bold; color: #40669c;}
table#program_schedule td.event h4 {margin-top: .5em;}
table#program_schedule td.event .date_info { font-size: 80%; font-style: italic;}



table#program_schedule td.week {
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: .1em;
}
table#program_schedule tr.weekdays td.week { color: #000; }
table#program_schedule tr.weekend td.week { color: #000; font-weight: bold; }

table#program_schedule td.time { font-style: italic; font-size: 90%; }

h2.header {
	margin: 0;
	text-indent: -9999px;
	width: 763px;
	height: 200px;
	margin-bottom: 1em;
}
h2.header#work {
	background: transparent url(/images/headers/work.png) top left no-repeat;
}
h2.header#introduction {
	background: transparent url(/images/headers/introduction.png) top left no-repeat;
}
h2.header#seminar {
	background: transparent url(/images/headers/seminar.png) top left no-repeat;
}
h2.header#survey {
	background: transparent url(/images/headers/survey.png) top left no-repeat;
}
h2.header#guest-curator {
	background: transparent url(/images/headers/guest-curator.png) top left no-repeat;
}

div.flickr_set {
	background: #D5DDE2;
	padding: 5px;
	width: 610px;
}
div.flickr_set a {
	border: none;
}
div.flickr_set img {
	border: 3px solid #fff;
	margin: 3px;
}