body {
  padding: 0 435px; /* the critical side padding that sets the natural min-width! */ 
  font-family: Trebuchet MS, Helvetica, sans-serif; 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
  width: 100%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
  max-width: 10px;
}

#expander {
	margin: 0 -430px; /* neg side margin values should be < or = to side body padding */
	width: 860px; /* This prevents Safari from losing the negative margins in narrow windows */    
} 

.outer {
  margin-left: 170px;    /*** Critical left col width value ***/
}

.left {
  width: 170px;    /*** Critical left col width value ***/
  margin-left: -172px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

/*************** Header and Footer elements *****************/

.header {

  background-color: #004834;
  height:111px;

}



.footer {
  height: 40px;
  background-color: #004834;
  background-image: none;
}

.footer p {
    font-family: Trebuchet MS, Helvetica, sans-serif;
}


.credit {
    font-family: Trebuchet MS, Helvetica, sans-serif;
}



.tempus {font-family: Tempus Sans ITC, Trebuchet MS, Helvetica, sans-serif; font-size: 110%;}

.col2 {width:45%; float:left; padding-right:30px;}
.col3 {width:29%; float:left;}

.newsletter {width:215px; float:left; height:240px; text-align:center;}
.newsletter img {padding-left: 28px;}
#wrapper2 .center .centerbox ul li {list-style: disc inside; text-align:left;}


/************** Fancy Nav Buttons *************/


.sidenav li a {
  display: block; 
  border: 2px solid #F3E1B8;
  color: #004834;
  text-decoration: none;
    background-color: #fff2d8; 
  padding: 4px 5px 4px 10px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
}

#about .about, #parallel .parallel, #programs .programs, #schedule .schedule, #public .public, #fees .fees, #accommodation .accommodation, #press .press, #artists .artists, #registration .registration, #contact .contact {
  color: #000;
  font-weight: bolder;  
  text-decoration: underline;
  background-color: #fffae8; 
}

.sidenav li a:hover {
  border-color: #fef5e4 #d4cab9 #c2b9a8 #ece3d2;
  background-position: -1px -1px;
  padding: 3px 6px 5px 9px;
}

.sidenav li a:active {
  border-color: #c2b9a8 #ece3d2 #fef5e4 #d4cab9;
  background-position: 0 0;
  padding: 4px 5px 4px 10px;

  /* font-size: 1.01em; 
  border-width: 3px 1px 3px 1px; */
}

/* Miscellany */

h3 {text-align:left; color:#004834;}
#artists h2 {text-align:center;}
#artists h2 a {color:#004834;}

h2 {text-align:left; font-family: Trebuchet MS, Helvetica, sans-serif; color:#004834; line-height:150%;}

h1 {
color:#99A055;
margin:-20px 0pt -10px -0pt;
position:relative;
text-align:left;
font-size:220%;
font-weight:bolder;
top:-70px;
}

.logo-img {
position: absolute;
top: -131px;
left: 8px;
}

.floatleft {
border:2px dotted #004834;
margin:16px 10px 12px;
padding:15px;
}
.floatright {
margin:16px 10px 12px;
padding:15px;
float:right;
}

.artistimage {
margin:14px 10px 12px;
display:inline;
float:left;
}

