body {
  font-family: arial, sans-serif;
  font-size:11px; 
  color:#2a2a2a; 
  background: url('assets/backgr.gif') repeat-y;
  margin: 0px;
  padding:0px;
}

a, a:hover, a:visited { text-decoration:underline; color:#2a2a2a; }

a img {
  border:0;
}

#navbar {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    width: 190px;
    /* background: #000000; causes problems with IE */
}

#imlogo{
    margin-left: 76px;
    margin-top: 108px;
    background:#FFFFFF;
}

#navMenu ul{        list-style-type:none;                   }
#navMenu a {        text-decoration:none; color:#c2c2c2     }
#navMenu a:hover{   text-decoration:underline; color:#fff   }
#navMenu {
    margin-top: 38px;
    margin-left:0px;
    margin-right:0px;
    width: 170px;
    text-align:right;
    font-size:11px;
    color:#ffffff; 
    line-height: 20px;
}

#iiclogo{
    margin-top: 66px;
    margin-left:20px;
}

/*#iiclogo{
    margin-top: 86px;
    margin-left:20px;
}*/

/* below here only for compatibility */
#mitlogo{
    margin-top: 86px;
    margin-left:22px;
}
/* end compatibility */

#main{
    padding-top: 10px;
    margin-left: 243px;
    width: 650px;
    font-size: 13px;
}

#descriptor{
    margin-bottom: 50px;
}

.singleCol{
    padding: 30px 10px 10px 10px;
}

.leftCol {
    float: left;
    width: 300px;
    padding: 30px 10px 10px 10px;
    display:inline;
}

.rightCol {
    margin-left: 350px;
    padding-top: 30px;
    width: 255px;
}


.firstCol {
	font-size: 13px;
	position: absolute;
	left: 250px;
	top: 10px;
	padding-top: 30px;
	padding-left: 10px;
	width: 275px;
}

.secondCol {
	font-size: 13px;
	position: absolute;
	left: 567px;
	top: 10px;
	padding-top: 30px;
	padding-left: 10px;
	width: 275px;	
}

.thirdCol {
	font-size: 13px;
	position: absolute;
	left: 884px;
	top: 40px;
	padding-top: 30px;
	padding-left: 10px;
	width: 275px;
}

.fourthCol {
	font-size: 13px;
	position: absolute;
	left: 1227px;
	top: 40px;
	padding-top: 30px;
	width: 255px;	
}

.participateText {
	color: #c50200;
	font-weight: bold;
	font-size: 13px;
	position: absolute;
	left: 250px;
	top: 755px;
	width: 919px;
}

.participateText a, a:hover, a:visited { 
	color:#c50200;
}

.leftColwide {
    float: left;
    width: 480px;
    padding: 30px 10px 10px 10px;
}

.rightColnarrow {
    margin-left: 515px;
    padding: 0px 0px 5px 5px;
    width: 125px;
}

#news{
	font-size:13px;
}
#news a {text-decoration:underline; color:#2a2a2a; }
#news a:hover {text-decoration:none; background-color:#f5ff8a; color:#000000;}

.quote {
    border: 2px solid #E2E2E2;
	/*border-left: 0px;
	border-top: 0px;
	border-right: 2px solid #E2E2E2;
	border-bottom: 2px solid #E2E2E2;
	background-image:url("./assets/picturing/quote_back.jpg");*/
	text-align: left;
	background-color: #F0F0F0;
	padding: 3px 10px 3px 10px;
	font-size:13px;
}

.program{
    font-size: 13px;
}

.program ul{
    list-style:none;
}

.sponsors{
    font-size: 13px;
    text-align: center;
}

.workshopimgs {
    margin: 0px 0px 5px 5px;
    padding: 2px;
}

.thumbnails {
    float: left;
    margin: 0px 0px 27px 27px;
    padding: 2px;
    border: 1px solid white;
}

a.thumbnails {
    display: block;
    border: 1px solid white;
}

a.thumbnails:hover{
    border: 1px solid #666666;
}

.selectedMenu {
    display: block;
    width: 36px;
    height: 36px;
    margin: 2px;
    padding: 2px;
    border: 1px solid #999999;
}

#gallerydesc {
    clear: both;
    float: left;
    margin: 0px 0px 0px 32px;
}

#gallerydesc img{
    display: block;
}

.galleryMenu {
    width: 36px;
    height: 36px;
    margin: 2px;
    padding: 2px;
    border: 1px solid white;
}

a.galleryMenu {
    display: block;
    border: 1px solid white;
}

a.galleryMenu:hover {
    border: 1px solid #666666;
}
