/*  Wesleyan Fund, version 1.2, 20090529  */


/* 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 blockquote {border-left:7px solid #EEE; margin:18px 0; padding:0 24px;}
#content h1 {color:#900; font:normal 30px Georgia,'Times New Roman',Times,serif; margin:0 0 12px; text-align:left;}
#content h2,
#content h2 a {color:#000; font:normal 17px Helvetica,Arial,sans-serif; line-height:1.4; margin:24px 0 15px;}
#content h2.feature {background:#F6F6F6; border-top:1px dotted #DDDDDD; font:bold 14px Georgia,'Times New Roman',Times,serif; font-variant:small-caps; font-weight:bold; letter-spacing:0.15em; line-height:3; margin:48px 0 32px; padding:0; text-align:center; text-transform:lowercase;}
#content h3 {color:#000; font-size:13px; font-style:italic; font-weight:normal; margin:12px 0 6px; text-align:left;}
#content hr {border:none; border-bottom:1px dotted #DDDDDD; height:1px; margin:32px 0;}
#content p, 
#content ol, 
#content table, 
#content ul {font-size:13px; line-height:1.6; margin:0 0 18px;}
#content ul li {line-height:1.6; list-style:circle; margin:6px 0 6px 20px; padding-left:0;}
#content ul ul {font-size:13px;}
#content small {color:#888;}
#content p.note {clear:left; background-color:#FFFFCC; border:2px solid #FFCC00; color:#000000; font-size:13px; font-weight:normal; margin:6px 0 18px; padding:10px; width:480px;}


/* Links
----------------------------------------------------------------- */
#content a:visited {background-color:#FFF;}
#content a:link,
#content a:visited,
#content a:active {background-color:transparent; border-bottom:1px solid #900; color:#900; text-decoration:none;}
#content a:hover {background-color:#FFC; border-bottom:1px solid #000; color:#000; text-decoration:none;}
#footer p a {margin:5px;}
#footer p a:active, 
#footer p a:link {background-color:#000; border-bottom:1px solid; color:#595959; font-weight:normal; padding-bottom:1px;}
#footer p a:visited {background-color:#000; border-bottom:1px solid; color:#595959; font-weight:normal; padding-bottom:1px;}
#footer p a:hover {background-color:#000; border-bottom:1px solid; color:#FFF;}


/* Blocks
----------------------------------------------------------------- */
#header {height:300px; width:758px;}
#wrapper {border:1px solid #454545; width:758px;}
#content {background-color:#FFF; color:#000; float:left; min-height:550px; padding:30px; padding-top:31px; width:516px;}
#promotion {background-color:#900; color:#FFF; border-bottom:1px solid #FFF; height:130px; width:175px;}
#footer p {font-size:12px;}
#wrapper #phrase {background-color:#F6F6F6; border-top:1px solid #DDD; clear:both; color:#797979; font-family:Times,"Times New Roman",serif; font-variant:small-caps; font-weight:normal; font-size:15px; letter-spacing:.03em; line-height:2; margin:0; padding:10px 0; text-align:center; text-transform:lowercase;}
#footer #links {background-color:#000; color:#595959; margin:0; padding:25px 0; text-align:center;}
.note {width:350px; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; background-color:#FFFFCC; border:1px solid #FFEE00; margin:0 0 2em !important; padding:7px 11px;}
.note p {margin:0 !important; padding:0 !important;}


sub, sup {height:0; line-height:1; position:relative; vertical-align:baseline; _vertical-align:bottom;}
sub {top:.5ex;}
sup {bottom:1ex;}

#content a.button:link, 
#content a.button:visited, 
#content a.button: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);}
#content a.button: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);}

    


/* Header
----------------------------------------------------------------- */
#header a {background-color:transparent; display:block; height:298px; width:758px;}
/*

To update the header, change the value below the key to the appropriate filename:

fund_200810.jpg <-- October   ...PAC
fund_200811.jpg <-- November  ...College Row
fund_200812.jpg <-- December  ...African-American Studies
fund_200901.jpg <-- January   ...Bell Tower
fund_200902.jpg <-- February  ...Skyline
fund_200903.jpg <-- March     ...Courtyard
fund_200904.jpg <-- April     ...Health Center
fund_200905.jpg <-- May       ...Daffodils
fund_200906.jpg <-- June      ...Psychology
fund_200907.jpg <-- July      ...Fayerweather

200908.jpg <-- August
200909.jpg <-- September
200910.jpg <-- October
200911.jpg <-- November
200912.jpg <-- December


*/
#header {background:#FFF url(/fund/assets/images/fund_201004.jpg) /* <-- change this value */ no-repeat -1px 0;}

/* Navigation
----------------------------------------------------------------- */
#main {background:#FFF url("/fund/assets/images/nav_column.jpg") repeat-y 0 0; width:760px; display:block;}
#nav {color:#000; float:left; min-height:800px; width:180px;}
#nav a {font-size:12px; text-decoration:none;}
#nav li {display:inline;}
#nav strong {font-weight:normal; font-size:larger;}
#nav ul {list-style-type:none; width:180px;}
#nav ul a {background-color:#F6F6F6; border:1px solid #DDD; border-top:0 none; border-left:0 none; color:#A00; display:block; font:normal 16px/39px Times,"Times New Roman",serif; font-variant:small-caps; height:39px; letter-spacing:.01em; line-height:39px; text-indent:20px; text-transform:lowercase; width:178px;}
#nav ul a#nav_info {background-color:#F6F6F6; border:1px solid #DDD; border-top:0 none; border-left:0 none; color:#A00; display:block; font:normal 14px/23px Times,"Times New Roman",serif; font-variant:small-caps; height:42px; letter-spacing:.01em; line-height:1; text-indent:0px; padding:10px 0 0 20px; text-transform:lowercase; width:158px;}
#nav ul a:hover {background:#FFF url('/fund/assets/images/arrow.jpg') no-repeat 5px 50%; color:#333}
#nav ul a#nav_info:hover {background:#FFF url('/fund/assets/images/arrow.jpg') no-repeat 5px 50%; color:#333}
#nav ul a#nav_gift {background-color:#900; border-color:#900; color:#F6F6F6;}
#nav ul a#nav_gift:hover {background-color:#FFF; border-color:#DDD; color:#900;}
#nav ul a#nav_gold {background-color:#F6F6F6; border:1px solid #DDD; border-top:0 none; border-left:0 none; color:#A00; display:block; font:normal 16px/39px Times,"Times New Roman",serif; font-variant:small-caps; height:82px; letter-spacing:.01em; padding:0; text-indent:0; text-transform:lowercase; width:178px;}
#nav ul a#nav_gold:hover {background-color:#FFF; border-color:#DDD; color:#900;}


/* Tables
----------------------------------------------------------------- */
#content table {background-color:#FFF; margin:0 0 3.5em; border-collapse:collapse; width:100%;}
#content caption {background-color:#FFC; border-top:1px solid #FC9; 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;}
#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;}
#content tr:last-child * {border-bottom:1px solid transparent;}


/* 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;}


/* Fast Facts v2
----------------------------------------------------------------- */
#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:middle;}
.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;}


/* Miscellaneous tags and classes
----------------------------------------------------------------- */
img {border:none;}
#crumbs, #skip {display:none;}
.alignleft {float:left; margin:0 10px 5px 0;}
.alignright {float:right; margin:0 0 5px 10px;}
.clear {clear:both;}
html body #content .control {margin-top:-12px !important;}
.hide {height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px;}   
.image_border {border:1px solid #DDD;}
.promotion {clear:right; float:right; font-size:11px !important; margin:0 0 20px 20px !important; text-align:center; width:108px;}
.promotion a {border:0 none !important;}
.promotion img {border:1px solid #CCC; margin-bottom:0; padding:3px;}
.promotion2 {float:left; font-size:11px !important; margin:0 0 20px 20px !important; text-align:center; width:108px;}
.promotion2 a {border:0 none !important;}
.promotion2 img {border:1px solid #CCC; margin-bottom:0; padding:3px;}
.promotion2 a strong {font-weight:bold !important;}
#content p.profile {clear:right; float:right; font-size:11px; margin:0 0 20px 20px;	text-align:right;}
p.fund_goal {color:#990000; font-size:40px; margin:0 auto; text-align:center;}
tr.fund_row {align:center;}



/* 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;}
