/* CSS Document */

body{
margin:0;
padding:0;
background-color:#333333;
}

h1{
margin:0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:12pt;
margin: 0.5em 0 0 0;
border-bottom:thin #333333 solid;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:11pt;
margin: 0.5em 0 0 0;
}

p {
margin-top: 0.5em;
margin-bottom: 0.8em;
}

ul {
margin-top:0.5em;
margin-bottom:0.5em;
}

#wrapper{
width: 700px;
clear: both;
}

#left{
background-color:#fff;
border: 1px solid #ccc;
padding: 1em;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
}

#left_workshops {
background-color:#666;
padding: 0.25em;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
}

#main_bios {
width: 700px;
background-color:#666666;
}

#bios_left {
width: 500px;
float: left;
background-color:#fff;
}

#bios_right {
width: 200px;
background-color:#666666;
float: left;
}

.grey_back h2 {
color:#cc99ff;
border-bottom: #cc99ff thin solid;
}

.white_back h3, #left h3 {
color:#006699;
}

.clear {
clear: both;
}

.caption {
font-size:10pt;
text-align:center;
}

.vids {
background-color:#CCCCCC;
vertical-align:top;
width: 200px;
}

.picture_right {
padding: 2px;
border: 1px solid #cccccc;
float: right;
margin: 4px;
}

.picture_left {
padding: 2px;
border: 1px solid #cccccc;
float: left;
margin: 4px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#banner {
background-color: #013366;
background-image:url(images/banner_bg.gif);
width: 1000px;
height: 112px;
}

.left_bump {
padding-left: 1em;
padding-bottom: .5em;
}