body { margin: 0; padding: 0; background: #fff; }

/* type */

#container { font-family: Garamond, Georgia, Verdana; font-size: 16px; line-height: 18px; }
#footer p, #footer a { color: #6977C3; }
.subnav { font-size: 95%; }
.introText { font-size: 24px; line-height: 26px; font-weight: bold; color: #600; }
.caption { text-transform: uppercase; margin-top: 3px; font-size: 12px; line-height: 16px; color: #333333; }
h1 { font-size: 22px; line-height: 22px; margin: 0 0 20px 0; color: #600; font-weight: bold; }
h2 { font-size: 18px; line-height: 22px; margin: 20px 0; color: #600; font-weight: bold; border-bottom: 2px solid #6e6e90; width: 100%;}
h2.special { border-bottom: 2px solid #6e6e90; width: 350px }
.tables {size:10pt;};

/* containers */

#container { width: 762px; }
#masthead { }
#sidebar { width: 110px; float: left; }
#main { width: 606px; float: left; margin: 0 0 30px 0; border-left: 1px solid #ccc; padding: 28px 0 0 25px; }
#home #main { padding-top: 10px; }
#footer { border-top: 1px solid #ccc; text-align: center; padding: 0 0 20px 0; margin: 20px 0 0 0; }

/* navigation */

#nav { margin: 0; padding: 0; list-style-type: none; }
#nav li { position: relative; float: left; margin: 0; padding: 4px 0 3px 0; text-align: center; }
#nav ul { width: 180px; margin: 0; padding: 0; display: none; position: absolute; top: 25px; left: 34px; background-color: #fff; border-bottom: 1px solid #669; list-style-type: none; }
#nav li li { margin: 0; padding: 2px 7px; text-align: left; float: none; border: 1px solid #669; border-bottom: none; }
#navEvents:hover ul, #navEvents.over ul { display: block; }
#navMission:hover ul, #navMission.over ul { display: block; }
.subnav { margin: 30px 0 0 0; padding: 0; list-style-type: none; color: #6A688F; text-align: center; }
.subnav li { margin: 5px 0 0 0; }
#sidebar .subnav { margin: 30px 0 0 20px; display: none; }
#sidebar .subnav li { text-align: left; line-height: 16px; padding: 3px 0; }
#events #sidebar .subnav { display: block; }
#where #sidebar .subnav { display: block; }
#perspectives #sidebar .subnav {display: block }

/* links */

#nav a, .nav:visited { text-transform: uppercase; text-decoration: none; color: #6A688F; font-size: 14px; letter-spacing: 1px; display: block; width: 100%; }
#nav a:hover { color: #9D7810; }
#nav li li a { font-size: 12px; text-transform: none; color: #6A688F; }
#navHome { width: 110px; border-right: 1px solid #ccc; }
#navEvents { width: 123px; border-right: 1px solid #9D7810; }
#navPerspectives { width: 143px; border-right: 1px solid #9D7810; }
#navMission { width: 140px; border-right: 1px solid #9D7810; }
#navContact { width: 120px;  border-right: 1px solid #9D7810;}
#navJoin { width: 120px;}
#lectures #navLectures a, #home #navHome a, #events #navEvents a, #where #navMission a, #join #navJoin a, #contact #navContact a, #perspectives #navPerspectives a { color: #000; }
#events #navEvents li a { color: #6A688F; }
#events #navEvents li a:hover { color: #9D7810; }
#where #navMission li a { color: #6A688F; }
#where #navMission li a:hover { color: #9D7810; }
#where #navPerspectives li a:hover { color: #9D7810; }

.subnav a, .subnav a:visited { color: #6A688F; text-decoration: none; }
.subnav a:hover, .subnav a:active { color: #9D7810; }

/* form */

#contactform p { margin: 20px 10px; }
#contactform input { width: 250px; border: 1px solid #ccc; padding: 3px; font-size: 12px; color: #666; font-family: "Lucida Grande"; }
#contactform .short { width: 150px; }
#contactform .checkbox { width: 20px; }
#contactform label { width: 130px; float: left; text-align: right; margin: 0 10px 0 0; }
#contactform textarea { width: 400px; height: 200px; border: 1px solid #ccc; padding: 3px; font-size: 12px; color: #666; font-family: "Lucida Grande"; }
#contactform select { border: 1px solid #ccc; padding: 3px; font-size: 12px; color: #666; font-family: "Lucida Grande"; }
#contactform .submit { width: 120px; margin-left: 150px; }
#contactform .submit:hover { color: #000; cursor: pointer; border-color: #999; }
#contactform .notes { margin-left: 150px; }
#errmsg { display: none; color: #f00; } 
.required { font-style:italic; font-size:12px; }

/* global */

.clear { clear: both; }
a img { border: none; }