@charset "utf-8";
/* CSS Document */
iframe {margin:0px; padding:0px; vertical-align:top;}
#wrap {width:1000px; margin: 0 auto;}
#header {width:100%;}
#logo {width:1000px; float:left;}
#banner {width:563px; float:left;}
#banner_vgc {width:163px; float:left;}
#banner_caption {margin-left:20px; line-height:100%;}
.banner_caption {line-height:100%; font-size:12px; color:#333; padding-top:3px;}

#searchresults {width:810px; float:left; padding-right:10px; border-right:#333 solid 1px; margin-right:10px;}

#publication_wrapper{width:830px; height:auto; float:left;}
#publication_cover {width:256px; float:left; margin-left:20px; padding-right:20px; height:auto; padding-bottom:100px;}

#publication_cover2 {width:256px; float:left; margin-left:20px; padding-right:20px; height:530px; padding-bottom:100px;}
#publication_content {width:790px; float:left; padding: 0 10px 0px 10px;}
#publication_content p {font-size:12; padding:0; margin:0;} 
#publication_content H1 {color:#00ADEF; font-size:16px; padding:0; margin:0; line-height:100%;}
#publication_content H2 {color:#666; font-size:14px; padding:0; margin:0; line-height:100%; margin-top:5px;}

.publication_caption {font-size:12px; font-weight:bold;}
#archives {width:800px; float:left;}

#talks_banner{width:543px; float:left; padding-left:20px;}
.video {margin-top:20px; margin-left:20px;}


#about-photo {padding-left:20px; float:left;}
#upcoming {width:255px; float:left;}
#ad {width:255px; float:left;}

#wrapper {width:255px; float:left;}

.upcoming-placeholder {height:480px; width:100%; background:#921B56;}
#quicklinks {width:140px; float:left;}

/* Resources Section */
#projectslist {float:left; width:620px;}
#projectslist h1 {padding-left:20px; color:#00ADEF; font-size:14px; }
#projectsdetails {float:left; width:620px;}
#searchBox {width:190px; float:left;}
#searchPanel {width:190px; float:left; height:650px; border-left:1px solid #333; padding-left:10px;}
#searchPanel H1 {color:#00ADEF; font-size:14px; padding:0; margin:0;}
#content_projects {width:580px; float:left;}
#content_projects H1 {color:#00ADEF; font-size:14px; padding:0; margin:0; padding-left:20px; padding-bottom:20px;}
#content_projects p {font-size:14;padding:10; margin:0; color:#000000; padding-left:20px; padding-right:20px;}
#footnote { color:#000000; padding-left:20px; padding-top:20px;}
.hr {width:96%; margin-left:20px;}


.upcomingtalks-placeholder {height:480px; width:100%; background:#FFF;}
.education-placeholder {font-size:14; height:480px; width:100%; background:#FFF;}

.education-placeholder p {font-size:14; height:480px; width:100%; background:#FFF;}

#publication_vgc {width:605px; float:left; padding-left:10px; padding-right:40px;}
#education {width:235px; float:left; padding-left:10px; padding-right:10px;}
#education p {font-size:14;padding:10; margin:0;} 
#education H1 {color:#00ADEF; font-size:14px; padding:0; margin:0;}

#divider {width:10px; float:left; background:url(img/divider.gif) repeat-y;height:750px;}
#divider2 {width:10px; float:left; background:url(img/divider.gif) repeat-y;height:650px;}
#divider3 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:850px;}
#divider4 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:450px;}
#divider5 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1080px;}
#divider8 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1550px;}
#divider6 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2180px;}
#divider7 {width:10px; float:left; background:url(img/divider.gif) repeat-y;height:1520px;}
#divider9 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2400px;}
#divider10 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1400px;}
#divider11 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1110px;}
#divider12 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1180px;}
#divider13 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2070px;}
#divider14 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1790px;}
#divider15 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2170px;}
#divider16 {width:10px; float:left; background:url(img/divider.gif) repeat-y;height:1460px;}
#divider17 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:510px;}
#divider18 {width:10px; float:left; background:url(img/divider.gif) repeat-y;height:1810px;}
#divider19 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2740px;}
#divider20 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1600px;}
#divider21 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:4900px;}
#divider22 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1800px;}
#divider23 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2800px;}
#divider24 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:2900px;}
#divider25 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:1400px;}
#divider26 {width:10px; float:left; background:url(img/divider.gif) repeat-y; height:800px;}


#event-banner {padding-left:20px; width: 545px; padding-bottom:10px;}
#event-banner2 {padding-left:20px; width: 545px; padding-bottom:0px;}

#event-description {padding-top:15px; width:95%; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:11px;
padding-left:20px; line-height:100%; color:#333;}

#search{padding-bottom:5px; clear:both;}
#social-icons{padding-bottom:00px; clear:both;}
#line-divider {background:url(img/line-divider.gif) no-repeat; height:30px;}

#share {width:140px; float:right; height:22px;}
.share {color:#00ADEF; font-size:12px; margin-top:-20px;}

#snapshot {width:258px; height:258px; float:left; padding:10px 10px 10px 0px; font-size:12px;}

div > #breadcrumbs a {color:#333; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px;}
#breadcrumbs {clear:both; width:980px; padding-left:20px; margin-top:0px; margin-bottom:20px;}
#breadcrumbs a {color:#333; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px;}
#breadcrumbs a:link, a:active, a:visited {text-decoration:none; font-size:12px; color:#333;}
#breadcrumbs a:hover {text-decoration:underline; color:#333;}
.breadcrumbs a {color:#333; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px;}
#section {width:100%; height:auto; font-size:12px;}
#box {width:100%; background:url(img/box.gif); background-repeat:no-repeat; height:472px;}
#box-projects {width:100%; background:url(img/box-projects.gif); background-repeat:no-repeat; height:472px;}
#box-gallery {width:100%; background:url(img/box_gallery.gif); background-repeat:no-repeat; height:460px;}
#box-gallery2 {width:100%; background:url(img/box_gallery2.gif); background-repeat:no-repeat; height:559px;}
#box-gallery3 {width:100%; background:url(img/box_gallery3.gif); background-repeat:no-repeat; height:650px;}
#box-contact {width:100%; background:url(img/bg_contact.png); background-repeat:no-repeat; height:362px;}
.gallery {padding-top:10px;}

#content {width:563px; float:left;}
#content_pasttalks {width:543px; float:left; margin-top:15px; padding-left:20px;}
#content_exhibition {width:542px; float:left;}


#content_exhibition p {font-size:12px; padding:0; margin:0; color:#333; padding-right:10px; padding-left:20px;}
#content_exhibition H1 {color:#00ADEF; font-size:14px; padding:0; margin:0; padding-left:20px;}
#content_exhibition H2 {color:#00ADEF; font-size:13px; padding:0; margin:0; padding-left:20px;}


#content-padding {margin-bottom:20px; padding-left:10px;
float:left;}

#content_features {width:543px; float:left; margin-top:15px; padding-left:20px;}

#content_features p {
	font-size:12px;
	padding:0;
	margin:0;
	color:#333;
	padding-right:10px;
}

.blurb {font-size:12px; font-style:italic; font-weight:bold;}

.bio {font-size:12px; font-style:italic; font-weight:normal; color:#333;}


.sub-heading {font-size:12px; font-weight:bold; color:#000000;}

div > #content_features H3 {
	color:#00ADEF;
	font-size:36;
	font-weight:bold;
	padding:0;
	margin:0;
	padding-bottom:10px;
}

#content_archives {width:760px; float:left; margin-top:15px; padding-left:20px;}

#content_pasttalks p {font-size:12px; padding:0; margin:0; color:#333; padding-right:10px;}
#content_pasttalks H1 {color:#00ADEF; font-size:14px; padding:0; margin:0;}
#content_pasttalks H2 {color:#00ADEF; font-size:13px; padding:0; margin:0;}

#content :hover {background-color:#FFCC33; text-decoration:none; }
#content img {padding-bottom:20px; padding-top:10px;}
#content-col1 {width:240px; float:left; margin-left:20px; line-height:110%; color:#333; padding:10px; height:550px;}

#content_pasttalks p > img {padding-top:10px; padding-bottom:10px;}

#content-col2 {width:240px; float:left; margin-left:22px; line-height:110%; color:#333; padding:10px;height:550px;}
.content-header {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height:90%;}
.content-header2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold}

.content-header3 {font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; margin-top:15px;}

.content-subheader{font-size: 19px; color:#EC008B; margin-top:20px; line-height:100%; padding:3 3 3 0px; font-weight:bold;}

.content-subheader a:link { text-decoration:none; color:#EC008B; line-height:100%; font-size: 19px;}
.content-subheader a:visited { text-decoration:none; color:#EC008B; line-height:100%; font-size: 19px;}
.content-subheader a:active { text-decoration:none; color:#EC008B; line-height:100%; font-size: 19px;}
.content-subheader a:hover { text-decoration:none; color:#EC008B; line-height:100%; font-size: 19px;}
.content-subheader a:focus { text-decoration:none; color:#EC008B; line-height:100%; font-size: 19px;}

.content-description{font-size: 12px; color:#666;}

#content_workshop {width:100%; float:left;}
#content_gallery {width:100%; float:left; padding-top:10px; color:#4B301B; height:auto;}
#content p {color:#785329; font-size:13px; padding-left:5px;}
#content-about {width:523px; margin-left:10px; float:left;
padding-left:8px; padding-right:8px;}
#content-about p {font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:12px; margin-top:0px;}
.bold {color:#00ADEF;} 
#content-about H1 {color:#00ADEF; font-size:15; font-weight:bold; padding:0; margin:0; padding-top:10px; padding-bottom:10px;} 

.header{color:#00ADEF; font-size:17; font-weight:bold; padding:0; margin:0; padding-bottom:10px;} 

H1 {color:#00ADEF; font-size:15; font-weight:bold; padding:0; margin:0; padding-bottom:10px;} 

p, td {text-align:left; font-size:12px;}

ul, li {text-align:left; font-size:12px;}

#masthead {float:left; width:1000px; height:135px;}
#title_about {padding-top:20px;}
#corporateBanner {width:540px;}
#menu {float:left; height:34px; margin:0px; padding:0px;}
#side {float:right;}
#clear {clear:both; height:27px;}
.header_upcoming {margin-left:10px; margin-top:5px;}

.left {padding-left:375px;}
#footer {margin-top:20px;}
#footer a:link {color:#FFF; margin-left:10px; text-decoration:none; font-weight:500;}
#footer a:visited {color:#FFF; margin-left:10px;text-decoration:none; font-weight:500;}
#footer a:active {color:#FFF; margin-left:10px;text-decoration:none; font-weight:500;}
#footer a:hover {color:#FFF; margin-left:10px;text-decoration:none; font-weight:500;}
#footer > div {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#EC0773; height:auto;padding-top:5px; padding-bottom:5px; height:auto; margin-left:}
body {margin-left: 0px; margin-top: 0px; font-family:Arial, Helvetica, sans-serif; line-height:140%; color:#666;}
#workshop {width:93%; margin: 0 auto; padding-top:50px;}
#workshop_content{width:95%;}
#workshop p, li {color:#785329; font-size:15px; padding-left:5px; padding-top:0px; padding-bottom:0px; line-height:120%;}
#workshop ol li {color:#785329; font-size:15px; padding-left:5px;}
#workshop h1 {color:#47BBA8; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
#contact {width:75%; margin: 0 auto; padding-top:100px; padding-left:40px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:4B301B; font-weight:bold;}

#contact_fb {width:13%; margin: 0 auto; float:right;}
#search_textfield{border:#CCC solid 1px; height:18px; padding-left:3px; text-align:left; padding-top:2px;}
#table {margin-top:60px;}

#listing :hover {background-color:#95121E; cursor:pointer; color:#FFF;}
#listing a:active, #listing a:focus {background-color:#95121E;}
#listing {background-color:#FFF; cursor:pointer; color:#000000;}
#listing a:link {color:#000}

/*
a:link {color:#00ADEF; text-decoration:underline;}
a:visited {color:#00ADEF; text-decoration:underline;}
a:active {color:#00ADEF; text-decoration:underline;}
a:hover {color:#00ADEF; text-decoration:none;}
*/


#content_exhibition ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#content_features ol li {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#wrap #section #banner #content_features {
	font-size: 17px;
	color: #39F;
	line-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
