/*  Wesleyan 06459 (GOLD) Site  */

img {border:0 none;}
.clear {clear:both;}
.nobreak {white-space:nowrap;}

#content a:link,
#content a:visited,
#content a:active {color:#900; text-decoration:underline;}
#content a:hover {color:#000; text-decoration:underline;}
#content_l2 a:link,
#content_l2 a:visited,
#content_l2 a:active {color:#900; text-decoration:underline;}
#content_l2 a:hover {color:#000; text-decoration:underline;}

#nav {background:#494949 url(/alumni/gold/images/bground/page-corner-top.png) no-repeat top left; height:15px; margin:0; padding:13px 0 0; position:relative; width:760px;}
#nav * {line-height:1; margin:0; padding:0;}
#nav ul {float:left; list-style:none; margin:0 padding:0; position:absolute; bottom:0; left:0; width:760px;}
#nav ul li {background:url(/alumni/gold/images/bground/tab-right-front.png) no-repeat top right; float:left; line-height:1.5; margin:0 3px 0 0;}
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:active {background:url(/alumni/gold/images/bground/tab-left-front.png) no-repeat top left; color:#000; display:block; float:left; font:bold 13px Helvetica,Arial,sans-serif; line-height:1.5; margin:0; padding:3px 16px 1px;}
#nav ul li a:hover {color:#900; text-decoration:underline;}
#nav ul li:first-child {margin-left:15px;}
#nav ul li a.selected:link,
#nav ul li a.selected:visited,
#nav ul li.selected {background:url(/alumni/gold/images/bground/tab-right-front.png) no-repeat top right;}
#nav ul li.selected a {background:url(/alumni/gold/images/bground/tab-left-front.png) no-repeat top left;}

/*
#nav a:link,
#nav a:visited,
#nav a:active {color:#000; font:bold 16px Helvetica,Arial,sans-serif; font-variant:small-caps; padding:3px 4px 2px; text-decoration:underline; text-transform:lowercase;}
#nav a:hover {background-color:#900; color:#FFF; text-decoration:none;}
#nav a.selected {background-color:#000; color:#FFF; text-decoration:none;}
#nav img {height:18px; width:auto;}
#nav ul li {float:left; list-style-type:none; margin-right:25px;}
*/

#content {background:url(/alumni/gold/images/bground/page-corner-bottom.png) no-repeat bottom left; clear:left; padding:25px; padding-top:40px; width:710px;}
#content * {line-height:1.5; margin:0; padding:0;}
#content h1 {border-bottom:1px solid #EEE; color:#666; font:normal 12px Verdana,Helvetica,Arial,sans-serif; margin:0 0 24px; padding-bottom:10px; text-align:left;}
#content table {border-collapse:collapse;}
#content td {vertical-align:top;}

#content #left {margin-right:5px; width:345px;}
#content #right {margin-left:5px; width:345px;}

#content #news {width:335px;}
#content #news h3:first-child {margin-top:23px;} /* <- check across browsers */
#content #news h3 {line-height:1.2; margin:32px 0 6px;}
#content #news h3 a {font:bold 18px Helvetica,Arial,sans-serif;}
#content #news p {margin:0 0 18px;}
#content #news h3 + p {margin-bottom:6px;}
#content #news br {display:none;}

#content #promo {margin-bottom:40px; width:335px;}
#content #promo p {margin:0 0 12px;}
#content #promo .promotion {background:url(/alumni/gold/images/bground/corner-bottom.png) no-repeat bottom left; margin:0; padding-bottom:1px; width:335px;}
#content #promo .promotion h2 {background:url(/alumni/gold/images/bground/corner-top.png) no-repeat top left; color:#FFF; margin:0; padding:20px 20px 0 20px;}
#content #promo .promotion h2 a {font:bold 22px Helvetica,Arial,sans-serif;}
#content #promo .promotion p {margin:20px; width:auto;}
#content #promo .promotion p small {border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; display:block; margin:20px -20px; padding:10px 20px;}

#content #features {background:url(/alumni/gold/images/bground/corner-bottom.png) no-repeat bottom left; margin:0; padding-bottom:1px; width:335px;}
#content #features p {margin:0 0 12px;}
#content #features div.item:first-child {background:url(/alumni/gold/images/bground/corner-top.png) no-repeat top left;}
#content #features .item h2 {color:#FFF; margin:0; padding:20px 20px 0 20px;}
#content #features .item h2 a {font:normal 22px Helvetica,Arial,sans-serif;}
#content #features .item p {margin:0 20px 20px; width:auto;}
#content #features .item h2 + p {margin:6px 20px;}

/*
#content #features h2 {line-height:1.2; margin:0 0 6px;}
#content #features h2 a {font:bold 22px Helvetica,Arial,sans-serif;}
#content #features p {margin:0 0 18px;}
#content #features h2 + p {margin-bottom:6px;}
#content #features br {display:none;}
*/

#footer {padding:10px 0 30px; text-align:center;}

#content_l2 {background:url(/alumni/gold/images/bground/page-corner-bottom.png) no-repeat bottom left; padding:25px; padding-top:40px; width:710px;}
#content_l2 * {line-height:1.5; margin:0; padding:0;}
#content_l2 table {border-collapse:collapse;}
#content_l2 td {vertical-align:top;}

#content_l2 #page {width:710px;}
#content_l2 #page cite {font-style:italic;}
#content_l2 #page cite:after {content:"\201D";}
#content_l2 #page cite:before {content:"\201C";}
#content_l2 #page h1 {font:normal 30px Helvetica,Arial,sans-serif; margin:6px 0 30px;}
#content_l2 #page h2 {font:normal 18px Helvetica,Arial,sans-serif; line-height:1.2; margin:32px 0 12px;}
#content_l2 #page h2 a {font-family:Helvetica,Arial,sans-serif;}
#content_l2 #page p {line-height:1.5; margin:0 0 18px;}
#content_l2 #page ul li {line-height:1.5; list-style-type:circle; margin:0 0 18px 25px; padding-left:5px;}

#content_l2 #page #story {float:left; min-height:400px; width:455px;}
#content_l2 #page #story .book_about {float:right; margin-top:10px; width:370px;}
#content_l2 #page #story .book_thumb {border:1px solid #CCC; margin:10px 0;}
#content_l2 #page #story .no_bullets li {list-style-type:none; margin-left:0; padding-left:0;}
#content_l2 #page #story p br + small {color:#666; line-height:2.5; margin-left:5px;}
#content_l2 #page #story small {color:#888;}

#content_l2 #page #story h2.cloud {display:inline; margin-right:1.5em;}

#content_l2 #page #story div.post-it {background-color:#FFC; border-top:1px solid #FC9; border-bottom:1px solid #FC9; padding:18px;}
#content_l2 #page #story div.post-it h2 {margin:3px 0 12px;}
#content_l2 #page #story div.post-it p {margin:0 0 3px;}

#content_l2 #page #story button {background-color:#F6F6F6; border:1px solid #CCC; color:#000; font:bold 14px Helvetica,Arial,sans-serif; line-height:1; padding:10px;}
#content_l2 #page #story button:hover {color:#900;}

#content_l2 #page #story input[type="text"],
#content_l2 #page #story textarea {background-color:#F6F6F6; border:1px solid #CCC; font:18px Helvetica,Arial,sans-serif; padding:8px 7px; width:455px;}
#content_l2 #page #story textarea {height:200px; line-height:1.3;}
#content_l2 #page #story input.numerical {width:200px !important;}

#content_l2 #page #sidebar {margin-left:490px; width:220px;}

#content_l2 #page #contact {clear:left; width:455px; margin-bottom:70px; padding-top:20px;}
#content_l2 #page #contact em {margin-left:12px;}
#content_l2 #page #contact strong {color:#CCC; font:bold 24px Helvetica,Arial,sans-serif;}

#content_l2 #page #story .venue {margin-bottom:12px;}
#content_l2 #page #story .time {margin-bottom:12px;}
#content_l2 #page #story .description {margin-bottom:12px;}

#content_l2 #promo {margin-bottom:40px; width:220px;}
#content_l2 #promo p {margin:0 0 12px;}
#content_l2 #promo .promotion {background:url(/alumni/gold/images/bground/corner-bottom-narrow.png) no-repeat bottom left; margin:0; padding-bottom:1px; width:220px;}
#content_l2 #promo .promotion h2 {background:url(/alumni/gold/images/bground/corner-top-narrow.png) no-repeat top left; color:#FFF; margin:0; padding:16px 16px 0 16px;}
#content_l2 #promo .promotion h2 a {font:bold 18px Helvetica,Arial,sans-serif;}
#content_l2 #promo .promotion p {margin:16px; width:auto;}
#content_l2 #promo .promotion p small {border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; display:block; margin:16px -16px; padding:10px 16px;}

#content #promo #red {background-color:#900; color:#FFF;}
#content #promo #red a:link, #content #promo #red a:visited, #content #promo #red a:active {color:#FFF;}
#content #promo #red a:hover {color:#000;}
#content #promo #red h2 {background-color:#900; color:#FFF;}
#content #promo #red p {color:#FFF;}
#content #promo #red p small {background-color:#C00; border-color:#C99; color:#FFF;}
#content #promo #black {background-color:#000; color:#FFF;}
#content #promo #black a:link, #content #promo #black a:visited, #content #promo #black a:active {color:#FFF;}
#content #promo #black a:hover {color:#C00;}
#content #promo #black h2 {background-color:#000; color:#FFF;}
#content #promo #black p {color:#FFF;}
#content #promo #black p small {background-color:#393939; border-color:#797979; color:#FFF;}
#content #promo #grey {background-color:#494949; color:#FFF;}
#content #promo #grey a:link, #content #promo #grey a:visited, #content #promo #grey a:active {color:#FFF;}
#content #promo #grey a:hover {color:#C00;}
#content #promo #grey h2 {background-color:#494949; color:#FFF;}
#content #promo #grey p {color:#FFF;}
#content #promo #grey p small {background-color:#666; border-color:#FFF; color:#FFF;}
#content #promo #yellow {background-color:#FD3; color:#000;}
#content #promo #yellow a:link, #content #promo #yellow a:visited, #content #promo #yellow a:active {color:#900;}
#content #promo #yellow a:hover {color:#000;}
#content #promo #yellow h2 {background-color:#FD3; color:#000;}
#content #promo #yellow p {color:#000;}
#content #promo #yellow p small {background-color:#FE4; border-color:#FFF; color:#000;}
#content #promo #blue {background-color:#DFDFFF; color:#000;}
#content #promo #blue a:link, #content #promo #yellow a:visited, #content #promo #yellow a:active {color:#900;}
#content #promo #blue a:hover {color:#000;}
#content #promo #blue h2 {background-color:#DFDFFF; color:#000;}
#content #promo #blue p {color:#000;}
#content #promo #blue p small {background-color:#ECECFF; border-color:#FFF; color:#000;}

#content #features {background-color:#DDD; color:#FFF;}
#content #features a:link, #content #promo #grey a:visited, #content #promo #grey a:active {color:#900;}
#content #features a:hover {color:#000;}
#content #features p {color:#000;}

#content_l2 #promo #red {background-color:#900; color:#FFF;}
#content_l2 #promo #red a:link, #content_l2 #promo #red a:visited, #content_l2 #promo #red a:active {color:#FFF;}
#content_l2 #promo #red a:hover {color:#000;}
#content_l2 #promo #red h2 {background-color:#900; color:#FFF;}
#content_l2 #promo #red p {color:#FFF;}
#content_l2 #promo #red p small {background-color:#C00; border-color:#C99; color:#FFF;}

#content_l2 #promo #black {background-color:#000; color:#FFF;}
#content_l2 #promo #black a:link, #content_l2 #promo #black a:visited, #content_l2 #promo #black a:active {color:#FFF;}
#content_l2 #promo #black a:hover {color:#C00;}
#content_l2 #promo #black h2 {background-color:#000; color:#FFF;}
#content_l2 #promo #black p {color:#FFF;}
#content_l2 #promo #black p small {background-color:#393939; border-color:#797979; color:#FFF;}

#story a.threedbutton:link, 
#story a.threedbutton:visited, 
#story a.threedbutton:active {background-color:#990000 !important; color:#FFFFFF !important; font-size:20px; padding:.5em 1em !important; text-decoration:none !important; -moz-border-radius:7px; -webkit-border-radius:7px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.75);}
#story a.threedbutton:hover {background-color:#000000 !important; color:#FFFFFF !important; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15);}

#story ul.no_bullets li {border-top:1px solid;}
#story table.planning_to_attend {min-width:450px; margin:0 0 1em 0;}
#story table.planning_to_attend caption {text-align:left; min-width:450px; padding-bottom:.75em;}
#page h1 small {font-size:.6em;}


/* Fast Facts
----------------------------------------------------------------- */
#content_l2 .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;}


/* Basic Form
----------------------------------------------------------------- */
#content_l2 #page #story form.basic fieldset {border:1px solid #CCC; background:#F8F8F8; margin:30px 0 18px; padding:20px 25px 15px; position:relative;}
#content_l2 #page #story form.basic fieldset hr {border:0 none; border-top:1px dotted #CCC; height:1px; margin:3em 0;}
#content_l2 #page #story form.basic fieldset input[type="text"].short_number {width:100px;}
#content_l2 #page #story form.basic fieldset input[type="text"], 
#content_l2 #page #story form.basic fieldset textarea {background-color:#FFF; border:1px solid #CCC; padding:3px; width:400px;}
#content_l2 #page #story form.basic fieldset textarea.numerical {background-color:#FFF; border:1px solid #CCC; padding:3px; width:200px;}
#content_l2 #page #story form.basic fieldset label {color:#666; font-size:11px;}
#content_l2 #page #story form.basic fieldset legend {background:#FFF; font-weight:normal; padding:2px; position:absolute; top:-.5em; left:1.5em;}
#content_l2 #page #story form.basic fieldset p {margin:0 0 12px;}
#content_l2 #page #story form.basic fieldset p small {color:orange;}


/* Misc
----------------------------------------------------------------- */
#watermark {background:#FFF url(/alumni/gold/images/bground/watermark.jpg) no-repeat 50% 50%; height:120px; margin-left:490px; padding-top:40px; width:220px;}
#watermark_home {background:#FFF url(/alumni/gold/images/bground/watermark.jpg) no-repeat 50% 50%; height:120px; margin-left:0; margin-top:30px; padding-top:40px; width:332px;}
#content_l2 #story p.alignleft {margin: 5px 15px 5px 0; float: left; width: 202px;}
#content_l2 #story p.alignright {margin: 0 0 5px 15px; float: left; width: 202px;}
#content_l2 #story p.alignleft small,
#content_l2 #story p.alignright small,
#content_l2 #story p.alignfull small {line-height: 1.5 !important;}


/* Gold Social Network Style
----------------------------------------------------------------- */
#social_links {margin:30px 0; width:335px;}
#social_links li {font-size:13px; list-style:none; margin:0 0 10px;}
#social_links li a {border:1px solid #FFF; color:#999 !important; display:block; height:45px; padding-top:20px; text-decoration:none !important; width:333px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#social_links li a:hover {border:1px solid #ddd; background:#f9f9f9; color:#000 !important;}
#social_links li a img {border:0 none; float:left; height:60px; margin:-18px 10px 0 10px; width:60px;}
#social_links li a:hover img {border:0 none;}
#social_links li a strong {font-weight:normal;}
