/*  Wesleyan Alumni Association  */


/* Main site elements
----------------------------------------------------------------- */
#content * {line-height:1.7; margin:0; padding:0;}
#content a:link, 
#content a:active, 
#content a:visited {color:#900; font-weight:bold; text-decoration:underline;}
#content a:hover {color:#000;}
#content blockquote {margin:18px;}
#content code {font-family: Monaco,"Courier New",Courier,monospace; padding:1px 3px;}
#content h1 {background-color:#FFF; color:#000; font-size:18px; font-weight:normal; height:60px; line-height:60px; padding-left:12px;}
#content h2 {border-bottom:1px dotted #CCC; color:#000; font:italic normal 21px Georgia,Times,"Times New Roman",serif; margin:0 0 18px; padding-bottom:12px;}
#content h3 {color:#000; font-size:14px; margin:30px 0 12px; font-weight:bold;}
#content h4 {font:italic normal 14px Georgia,Times,"Times New Roman",serif; /* font-size:13px; */ margin:18px 0 6px;}
#content h5 {font-size:12px; font-style:italic; margin:12px 0 6px;}
#content hr {border:none; border-bottom:1px dotted #CCC; height:1px; margin:1.75em 0;}
#content p, #content ol, #content ul {font-size:12px; margin:6px 0 12px;}
#content ol li {list-style:decimal; margin-left:20px; padding-left:0;} 
#content ul li {list-style:circle; margin-left:20px; padding-left:5px;}


/* Main divisions
----------------------------------------------------------------- */
#content { background-color:#FFF; min-height:550px; margin:0; padding:20px; width:485px; }


/* Sub Navigation
----------------------------------------------------------------- */
#content #sub-nav { margin:18px 0 32px -2px; }
#content #sub-nav ul { float:left; font-size:12px; list-style:none; 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 { display:block; float:left; font-weight:normal; line-height:1.3; margin:0 18px 0 0; padding:2px 4px; }
#content #sub-nav ul a:hover { background-color:#900; color:#FFF; }


/* Tables
----------------------------------------------------------------- */
#content table.contacts { border-collapse:collapse; border:1px solid #CCC; color:#000; font-size:12px; line-height:1.5; margin:6px 0; width:486px;}
#content table.contacts th, th.center, table.contacts td { font-size:12px; padding:6px 12px; text-align:left; vertical-align:top; }
#content table.contacts th, th.center { background-color:#E0E0E0; color:#000; padding:4px 11px 6px; white-space: nowrap; }
#content table.contacts th.center { text-align:center; font-size:14px; }
#content table.contacts td.row {width:25%;}
#content table.contacts tbody td {border-bottom:1px solid #E0E0E0; padding:9px 12px;}
#content table.contacts .alt { background-color:#EEE; color:#000; }
#content table.contacts .alt a {background-color:#EEE;}

#content table.schedule {border-collapse:collapse; border:1px solid #CCC; color:#000; margin:6px 0; }
#content table.schedule h4 span { font-style:italic; font-weight:normal; }
#content table.schedule h4.seminar { background-color:#FFF; color:#F00; text-transform:none; }
#content table.schedule h5 { font-size:12px; font-style:italic; margin:12px 0 6px; }
#content table.schedule p { line-height:1.5; }
#content table.schedule th, table.schedule td { font-size:12px; padding:2px 12px; text-align:left; vertical-align:top; }
#content table.schedule th { background-color:#E0E0E0; color:#000; padding:4px 11px 6px; }
#content table.schedule td.row { padding-top:28px; width:20%; }
#content table.schedule tbody td { border-left:1px solid #E0E0E0; width:75%; }

#content table.faculty {border-collapse:collapse; color:#000; font-size:12px; line-height:1.5; margin:6px 0; width:100%;}
#content table.faculty th {border-bottom:1px dotted #DDD; font-size:10px; font-weight:bold; padding:6px 12px 6px 0; text-align:left; vertical-align:top;}
#content table.faculty td {border-bottom:1px dotted #DDD; font-size:12px; padding:9px 12px 9px 0; text-align:left; vertical-align:top;}

#content table.basic {border:none; border-collapse:collapse; font-size:12px; margin:6px 0 18px; width:100%;}
#content table.basic caption {font-weight:bold; margin:12px 0 0; text-align:left;}
#content table.basic td {border:none; line-height:1.7; padding:6px 6px 6px 0; vertical-align:top;}
#content table.basic th {border:none; color:#999; font-weight:normal; line-height:1.7; padding:6px 6px 6px 0; text-align:left; vertical-align:top;}


/* Forms
----------------------------------------------------------------- */
#content form fieldset {border:1px solid #CCC; background:#F8F8F8; margin:30px 0 0; padding:10px 30px; position:relative;}
#content form fieldset p span {display:block; float:left; margin-right:10px; width:180px;}
#content form fieldset p span.columns {display:block; float:left; width:125px; margin-right:5px; margin-bottom:10px;}
#content form legend {background:#FFF; font-weight:bold; position:absolute; top:-.5em; left:1.5em;}
#content form input.radio { margin:0 25px 0 15px; }
#content form input[type="checkbox"] {margin:0 10px 0 10px;}
#content form p small { font-style: italic; font-size:smaller; }
#content form input[type="text"],
#content form textarea {border:1px solid #CCC; padding:2px 3px;}
#content form textarea {width:100%;}
#content form fieldset p select {border:1px solid #CCC; padding:2px 3px; width:180px;}


/* Alt Form
----------------------------------------------------------------- */
#content form.alt dl {margin:18px 0 0;}
#content form.alt dt {font-weight:normal; line-height:1.2; padding:3px 3px 3px 0;}
#content form.alt dd {margin:0 0 .5em;}
#content form.alt fieldset {background-color:#f0f6fa; border:1px solid #b6d8fb; margin:1em 0; padding:0 20px 12px; position:relative;}
#content form.alt hr {border:none; border-top:1px dotted #CCC; height:1px; margin:3em 0 3em 135px;}
#content form.alt p {background-color:transparent; margin:18px 0 0;}
#content form.alt input, 
#content form.alt textarea {border:1px solid #b6d8fb; font:normal bold 13px Helvetica,Arial,sans-serif; height:2em; line-height:1; max-width:500px; padding:5px;}
#content form.alt textarea {height:12em; line-height:1.5; width:100%;}
#content form.alt legend {background:#FFF; font-weight:bold; position:absolute; top:-.8em; left:.9em;}
#content form.alt .required {background-color:transparent; color:#000; font-weight:normal; padding:2px 0;}
#content form.alt .required em {font-style:normal;}
*+html form.alt fieldset {margin-top:4em; padding-top:30px;} /* fix IE7 */
* html form.alt fieldset {margin-top:4em; padding-top:30px;} /* fix IE6 */


/* Buttons
----------------------------------------------------------------- */
button#submit {background-color:#F8F8F8; font-size:1.1em; font-weight:bold; margin:1em 0; padding:.7em 1em; width:16em;}
button#submit {border-top:1px solid #CCC; border-right:2px solid #666; border-bottom:2px solid #666; border-left:1px solid #CCC;}
button#submit:hover {background-color:#DDD;}
button#submit:active {border-top:2px solid #666; border-right:1px solid #CCC; border-bottom:1px solid #CCC; border-left:2px solid #666;}
button#edit {background-color:#F0F6FA; border:1px solid #90c2ff; color:#5192e1; cursor:pointer; padding:.2em .3em; width:5em;}
button#edit:hover, button#edit:active {background-color:#F0F6FA; border-color:#000; color:#000;}


/* Miscellaneous tags and classes
----------------------------------------------------------------- */
#content img { border:none; }
#content a.register { border-left:1px dotted #CCC; display:block; padding:3px 7px; text-align:center; width:7.5em; position:absolute; right:0; top:-3px; }
#content a:hover.register { border-left:1px solid #FFF; background-color:#900; color:#FFF; }
#content p.location { margin:12px 0 0; }
#content .clear { clear:both; }
#content .curator { margin-top:-12px; }
#content .current {background-color:#FFF; border:2px dotted #999; padding:20px 20px 7px;}
#content .current h3 {color:#333; margin-top:0;}
#content .hide { position:absolute; left:-50000px; width:500px; font-size:1px; line-height:1; } /* Bob Easton-Jon Hicks method */
#content .presenter, .location { margin-top:-9px; }
#content .presenter strong, .location strong { font-size:11px; text-transform:uppercase; }
#content .schedule { margin-top:-6px; }
#content .seminar { background-color:#FFF; color:#F00; }
#content .align-right {text-align:right;}

/* styles for Shasha index page */
#content p.thumb {border:1px solid #CCC; float:right; margin:4px 0 12px 18px; padding:3px; text-align:center; width:75px;}
#content p.thumb img {border:0; height:75px; width:75px;}
#content span.thumb {border:1px solid #CCC; float:right; margin:4px 0 12px 18px; padding:3px; text-align:center; width:75px;}
#content span.thumb img {border:0; display:block; height:75px; width:75px;}

/* styles for Help Desk site */
#content #crumbs {border-bottom:1px dotted #CCC; margin:-18px 0 18px 0; padding:4px 0;}
#content #crumbs a:link, #content #crumbs a:visited, #content #crumbs a:active {text-decoration:none;}
#content #crumbs a:hover {text-decoration:underline;}
#content h2.helpdesk {border-bottom:none;}
#content .deline {margin-left:22px;}
#content .deline li a:link, #content .deline li a:visited, #content .deline li a:active {text-decoration:none;}
#content .deline li a:hover {text-decoration:underline;}
#content .indented {margin-left:26px;}
#content .stickynote {background-color:#F0F6FA; border-top:1px solid #b6d8fb; display:block; margin:0 auto; padding:6px 12px;}
#content .stickynote strong {font-weight:bold;}
#content .warning {background-color:#FFC; border-top:1px solid #ffee00; display:block; margin:18px 0; padding:6px 12px;}
#content .warning strong {font-weight:normal;}
#content .warning strong em {font-style:normal; font-weight:bold;}

/* icons for Help Desk site */
#content .account {background:#FFF url("/alumni/assets/icons/chameleon/user.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .campus {background:#FFF url("/alumni/assets/icons/chameleon/home.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .email {background:#FFF url("/alumni/assets/icons/chameleon/email.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .info {background:#FFF url("/alumni/assets/icons/chameleon/info.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .lists {background:#FFF url("/alumni/assets/icons/chameleon/comment.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .status {background:#FFF url("/alumni/assets/icons/chameleon/wrench_right.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .stickynote {background:#F0F6FA url("/alumni/assets/icons/chameleon/question.gif") no-repeat 8px 14px; padding-left:32px;}
#content .upgrade {background:#FFF url("/alumni/assets/icons/chameleon/fforward_alt.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .wescareer {background:#FFF url("/alumni/assets/icons/chameleon/folder.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .weslink {background:#FFF url("/alumni/assets/icons/chameleon/new.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .wesnet {background:#FFF url("/alumni/assets/icons/chameleon/search_right.gif") no-repeat center left; padding:3px 0 3px 26px;}
#content .warning {background:#FFC url("/alumni/assets/icons/chameleon/warning.gif") no-repeat 8px 14px; padding-left:32px;}