/*  Wesleyan MLC 2008  */


/* Main site elements
----------------------------------------------------------------- */
* {margin:0; padding:0;}
body {background-color:#000; color:#FFF; font-family:Helvetica,Arial,Sans-Serif; font-size:62.5%;}
#content * {color:#000; font-family:inherit; font-variant:inherit; line-height:1.6;}
#content abbr {border:0 none; cursor:help;}
#content h1 {margin:0 0 1em; font-size:2.25em;}
#content h2 {margin:1.5em 0 1em; font:bold 1.5em; font-size:1.75em;}
#content h3 {margin:1.5em 0 1em; font:italic normal 1.5em;}
#content h4 {margin:1.5em 0 1em; font:normal 1.25em;}
#content h5 {margin:1.5em 0 1em; font:bold 1.1em;}
#content hr {border:0 none; border-bottom:3px solid #EEE; height:1px; margin:2em 0;}
#content p {margin:0 0 1em; font-size:13px;}
#content p small,
#content td small {font-size:.95em; line-height:1.5;}
#content small {color:#666;}
/* Lists */
#content dl {margin:0 0 1em;} 
#content dt {margin-top:1em;}
#content dd {margin-left:1em;}
#content li {margin-left:2.5em; padding:0; font-size:13px;}
#content ol {margin:0 0 1em;}
#content ul {margin:0 0 1em;}


/* Links
----------------------------------------------------------------- */
#content a:link,
#content a:visited,
#content a:active {background-color:#FFF; border:0 none; color:#900; padding:1px 0; text-decoration:underline;}
#content a:hover {background-color:#FF9; border:0 none; color:#000; padding:1px 0; text-decoration:underline;}
#footer a {margin:5px;}
#footer a:active, #footer a:link {background-color:#000; color:#666; font-weight:bold; margin:0; text-decoration:underline;}
#footer a:visited {background-color:#000; color:#666; font-weight:bold; margin:0; text-decoration:underline;}
#footer a:hover {background-color:#000; color:#FFF; margin:0; text-decoration:underline;}


/* Logo
----------------------------------------------------------------- */
#navbarBG {position:relative;}
#logo {background-color:transparent; display:block; position:absolute; height:42px; top:4px; width:129px;}
#logo em {display:none;}


/* Header
----------------------------------------------------------------- */
#header {background:#FFF url(/mlc/2008/assets/images/row_students_teacher.jpg) no-repeat 0 0; height:300px; width:760px;}
#header a:link,
#header a:visited,
#header a:active,
#header a:hover {background-color:transparent; color:#FFF; display:block; font:normal normal 2.5em/1.5 Helvetica,Arial,sans-serif; padding:200px 10px 10px 195px;}
#header span {white-space:nowrap;}


/* Main divisions
----------------------------------------------------------------- */
#content {background-color:#FFF; color:#000; float:left; padding:30px; min-height:550px; width:528px;}
#secondary {background-color:#900; color:#333; width:172px;}
#promotion {background-color:#900; color:#FFF; border-bottom:1px solid #FFF; height:130px; width:175px;}
#footer {background-color:#000; clear:both; color:#666; margin:0; padding:20px 0; text-align:center;}


/* Tables
----------------------------------------------------------------- */
#content table {background-color:#FFF; margin:0 0 2em; border-collapse:collapse; width:100%;}
#content caption {font-size:12px; font-weight:bold; background-color:#FFC; border-top:1px solid #FC9; margin:1em 0 3px; padding:12px; text-align:left;}
#content table th {font-size:12px; font-style:italic; font-weight:normal; color:#666; text-align:left;}
#content table td {font-size:12px;}
#content th {border-bottom:1px solid #EEE; padding:12px;}
#content td {border-bottom:1px solid #EEE; padding:12px;}


/* Forms
----------------------------------------------------------------- */
#content form fieldset {border:1px solid #CCC; background:#F8F8F8; margin:30px 0 0; padding:10px 30px; position:relative;}
#content form input[type="text"] {border:1px solid #CCC; font-size:14px; font-weight:bold; padding:2px;}
#content form legend {background:#FFF; font-weight:bold; position:absolute; top:-.75em; left:1.5em;}
#content form ol li {margin-left:18px; padding-left:0;}
#content form p {margin:20px 0;}
#content form p small {color:#C00;}
#content form textarea {border:1px solid #CCC; font-size:14px; font-weight:bold; padding:2px; width:100%;}
#content form #personal input {width:200px;}
#content form #personal label {display:block; float:left; margin-right:10px; width:155px; }
#content input.submit {background-color:#F0F0F0; cursor:pointer; font-size:larger; font-weight:normal; padding:.4em .6em;}
#content input.submit:hover, input.submit:active {background-color:#DDD;}


/* Nav
----------------------------------------------------------------- */
#main {background:#FFF url("/mlc/2008/assets/images/nav_column.jpg") repeat-y 0 0;}
#nav {color:#FFF; float:left; min-height:800px; width:165px;}
#nav a {font-size: 12px; text-decoration:none;}
#nav li {display:inline;}
#nav strong {font-weight:normal; text-transform:uppercase;}
#nav ul {list-style-type:none;}
#nav ul a {background-color:#494949; color:#FFF; display:block; height:30px; line-height:30px; text-indent:17px; width:165px;}
#nav ul a:hover {background-color:#FFF; color:#333;}
#nav ul ul a {background-color:#333; color:#FFF; font-size:10px; height:20px; line-height:20px; text-indent:27px;}
#nav ul ul {border:none; width:auto;}
#nav ul li a.setapart {margin-top:25px;}
#nav ul li a.offsite {font-variant:small-caps; text-transform:lowercase;}


/* Nav selects
-----------------------------------------------------------------
body #content #nav_students {display:none;}
body#index #nav_index,
body#register #nav_register,
body#students #nav_students,
body#assessment #nav_assessment,
body#schedule #nav_schedule,
body#exhibitions #nav_exhibitions,
body#weseminars #nav_weseminars,
body#planning #nav_planning,
body#previous #nav_previous,
body#contact #nav_contact {background:#FFF url("../images/arrow2.jpg") no-repeat left center; color:#333;} */


/* Sub Navigation
----------------------------------------------------------------- */
#content #sub-nav {margin:1em 0;}
#content #sub-nav p {float:left;}
#content #sub-nav ul {float:left; font-size:12px; list-style:none; margin:0 0 0 1em; /* width:485px; display:inline; ie double-right margin hack */}
#content #sub-nav ul li {float:left; list-style:none; margin:0; padding:0;}
#content #sub-nav ul a {border:none; display:block; float:left; font-weight:normal; line-height:1.3; margin:0 .5em 0 0; padding:2px 4px;}
#content #sub-nav ul a:hover {background-color:#900; color:#FFF; border:none;}


/* Fast Facts
----------------------------------------------------------------- */
#content .slide {display:none; padding:20px;}
.slide {min-height:470px; _height:470px; text-align:center; padding:10px;}
.slide p {font-size:12px; line-height:1.6; margin:6px 0 18px; margin-left:auto; margin-right:auto;}
.slide ul {font-size:12px; line-height:1.6; margin:6px 0 18px;}
.slide ul li {line-height:1.6; list-style:circle; margin:6px 0 6px 20px; padding-left:0;}
.slide table {border-collapse:collapse; margin:16px 0; font:normal 12px Helvetica,Arial,sans-serif; margin-left:auto; margin-right:auto;}
.slide table td {border-bottom:1px dotted #DDD; padding:9px 6px; vertical-align:center;}
.slide table th {font:normal 18px Georgia,'Times New Roman',Times,serif; font-weight:normal; padding:12px 6px 6px; text-align:left;}
.slide .emphasize-right {font-size:14px; font-weight:bold; text-align:right;}
.slide .emphasize-center {font-size:14px; font-weight:bold; text-align:center;}
.slide .emphasize-big {font-size:18px; font-weight:bold; text-align:right;}

#content .association {display:none; padding:20px; background-color:#FFF; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:62.5%; width:100%; line-height:1.5; margin:0; padding:0;}
.association h2 {font-family:Georgia,"Times New Roman",Times,serif; font-size:1.6em; margin:1em 0 .75em;}
.association table {border-collapse:collapse; margin:32px auto; width:97%;}
.association table caption {background:#F6F6F6; border-top:1px dotted #BBB; font:bold 14px Georgia,'Times New Roman',Times,serif; font-variant:small-caps; font-weight:bold; letter-spacing:0.15em; line-height:3; margin:32px 0 0; padding:0; text-align:center; text-transform:lowercase; color:#000;}
.association table td {border-bottom:1px dotted #DDD; padding:9px 6px; vertical-align:top;}
.association table th {font-style:italic; font-weight:normal; padding:12px 6px 6px; text-align:left; vertical-align:top;}


/* Video highlights
-----------------------------------------------------------------*/
#content .highlightpix {margin:18px 0;}
#content .highlightpix li {clear:both; list-style:none; margin:0; padding:0;}
#content .highlightpix li img {float:left; margin:0 24px 36px 0;}
#content .highlightpix li a:link img,
#content .highlightpix li a:visited img,
#content .highlightpix li a:active img {border:3px solid #EEE;}
#content .highlightpix li a:hover img {border:3px solid #AAA;}
#content .highlightpix li span {margin:0 0 24px 0; padding:0;}


/* Miscellaneous tags and classes
----------------------------------------------------------------- */
img {border:none;}
.alignleft {float:left; margin:0 10px 10px 0;}
.alignright {float:right; margin:0 0 10px 10px;}
.clear {clear:both;}
.hide {position:absolute; left:-50000px; width:500px; font-size:1px; line-height:1;} /* Bob Easton-Jon Hicks method */
.indent {padding-left:20px;}
.warning {background-color:#FFC; border:1px solid #FE0; margin:2.5em 0 !important; padding:1.5em; -moz-border-radius:4px; -webkit-border-radius:4px;}
.warning strong {font-weight:normal;}
.warning strong em {font-style:normal; font-weight:bold;}
#content .eyebrow {display:block; font-style:normal; font-variant:small-caps; margin:3em 0 -2em; text-transform:lowercase;}
#content .italics {font-family:Garamond,Times,"Times New Roman"serif; font-style:italic;}
#content .theme {display:block; font:italic 12px Georgia,"Times New Roman",serif; padding-top:12px; text-transform:capitalize;}


/* Kludges for style conflicts
----------------------------------------------------------------- */
html #content a:link sup,
html #content a:visited sup,
html #content a:active sup {color:#900;}
html #content a:hover sup {color:#000;}
html #content a:link strong,
html #content a:visited strong,
html #content a:active strong {color:#900;}
html #content a:hover strong {color:#000;}