/* @group common and main layout */
body, html, ul, li, dl, dt, dd, form, h1, h2 , h3, h4, h5, p {margin: 0; padding: 0;}
body {background: #51566e url(/images/backgrounds/container_back.jpg) repeat-y 50% 0 ; font-size: 100.1%;} /* */
#main_container {background: #f2f2cb url(/images/backgrounds/container_back.jpg) repeat-y 0 0; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; min-height: 100%; height: auto !important; height: 100%px; margin: 0 auto; position: relative; text-align: center; width: 889px;}

#header {height: 288px; position: relative; width: 889px;}
#header img {position: absolute; right: 8px; top: 0;}

#content {float: left; font-size: 0.8em; letter-spacing: 1px; line-height: 1.4em; margin: 0 50px 1em 78px; min-height: 600px; height: auto !important; height: 600px; text-align: left; width: 550px;}
#nav {height: 100%; margin-left: 678px; text-align: center; width: 180px;}

#footer {border-top: 1px solid #627981; clear: left; font: 0.7em "Lucida Grande", Lucida, Verdana, sans-serif; height: 40px; letter-spacing: 1px; margin: 1em 10px 0; padding: 5px 0 5px 10px; text-align: left; width: 859px;}

/* @end */

/* @group text and links */
#header h1 {background-image: url(/images/backgrounds/header.jpg); height: 288px; left: 0; top: 0; position: absolute; width: 889px;}

h2 {font-family: Georgia, "Times New Roman", Times, serif; font-variant: normal; font-weight: normal; font-style: normal; margin-bottom: 0.5em;}

#content h2 span {font-size: 0.8em;}

a:link, a:visited {color: #3D8EAC; text-decoration: none;}

#footer a:link, #footer a:visited {color: #4B6872;}
#footer a:hover {text-decoration: underline;}

#footer p {color: #383838; font: 0.9em Skia, Futura, Univers, "Univers 55", "Avant Garde Gothic", "Lubalin Graph", Stymie, Rockwell, Verdana, Trebuchet, "Trebuchet MS", Impact, sans-serif; letter-spacing: 1px; margin: 1em 10px 0 0; text-align: left;}

#nav a {display: block; height: 19px; margin: 0 0 8px 32px; width: 111px;}
a#nav_biography {background-image: url(/images/buttons/nav_biography.gif);}
a#nav_schedule {background-image: url(/images/buttons/nav_schedule.gif);}
a#nav_contact {background-image: url(/images/buttons/nav_contact.gif);}
a#nav_teaching {background-image: url(/images/buttons/nav_teaching.gif);}

a#nav_biography:hover {background-image: url(/images/buttons/nav_biography-over.gif);}
a#nav_schedule:hover {background-image: url(/images/buttons/nav_schedule-over.gif);}
a#nav_contact:hover {background-image: url(/images/buttons/nav_contact-over.gif);}
a#nav_teaching:hover {background-image: url(/images/buttons/nav_teaching-over.gif);}

body#biography a#nav_biography {background-image: url(/images/buttons/nav_biography-over.gif);}
body#events a#nav_schedule {background-image: url(/images/buttons/nav_schedule-over.gif);}
body#contact a#nav_contact {background-image: url(/images/buttons/nav_contact-over.gif);}

/* @end */


/* @group lists */
dl.events_list {clear: left; font-size: 0.8em; margin: 1em 0 1em 10px;}
dl.events_list dt {clear: left; display: block; float: left; font-weight: bold;  margin: 0 5px 1em; text-align: right; width: 150px;}
dlevents_list dd {display: block; margin: 0 0 0 150px; width: 390px;}

/* @end */


/* @group sneaky stuff */
/* css background image replacement */
.image_replace {display:-moz-inline-box; display: inline-block; background:transparent none  0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom;} /*  text-indent set to 0 elsewhere for both IE6 & IE7 */

/* @end */

/* @group ie6 hacks */
/* common and main layout */
#content { _margin-left: 38px;}

/* lists */
dl.events_list {_font-size: 0.75em;}

/* sneaky stuff */
.image_replace {_text-indent: 0;}


/* @end */

/* @group form */
.form_row {margin: 8px 0;}
.form_row label, .form_row_textarea label {display: block; float: left; font-size: 0.7em; text-align: right; width: 200px;}
.form_row_button {padding: 7px 0; text-align: center;}
input#date_of_birth {display: none;}
/* @end */