/* ------------------ GLOBAL ------------------ */

html {overflow:-moz-scrollbars-vertical}
body  {background: #fff; color: #333; font: 12px/1.8 arial, helvetica, sans-serif; margin: 0; padding: 25px 0; text-align: center}
p.skip {position: absolute; left: -999em; width: 20em}

#wrapper, #wrapper_index, #wrapper_alligator, #wrapper_newsletter, #wrapper_pc, #wrapper_golf, #wrapper_golf_form, #wrapper_rugby, #wrapper_merch {background: #fff url(../i/bg_crest.png) top left no-repeat; color: #000; border: 1px solid #beb891; margin: 0 auto; padding: 0; text-align: left; width: 766px}
#wrapper_rugby {background: #fff url(../i/bg_rugby.gif) top left no-repeat}
#content, #wrapper_index #content, #wrapper_golf_form #content, #content_new {float: right; background: #ebe8d7; color: #000; margin: 20px 10px 20px; padding: 15px 15px 12px 17px; width: auto}

h1, h2, h3, h4, h5 {font: bold 1em arial, helvetica, sans-serif; margin-bottom: .25em}
h1 {font-size: 1.75em; font-weight: normal; margin: 0 0 .5em}
h2 {font-size: 1.25em}
p {margin-top: 0; margin-bottom: 1.5em}
dt {font-weight: bold}

ul {list-style: none; margin: 0 0 1em 0; padding-left: 0}
ul.osu, ul.osu ul {list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em}
ul.osu li {padding-bottom: .5em}

blockquote {font-style: italic; margin: 1em 1.5em}

#wrapper:after, #wrapper_index:after, #wrapper_alligator:after, #wrapper_newsletter:after, #wrapper_golf:after, #wrapper_golf_form:after, #wrapper_rugby:after, #wrapper_merch:after {content: "."; display: block; height: 10px; clear: both; visibility: hidden}

/* hide from ie-mac \*/
* html #wrapper:after, 
* html #wrapper_index:after, 
* html #wrapper_alligator:after,
* html #wrapper_newsletter:after,
* html #wrapper_golf:after, 
* html #wrapper_golf_form:after,
* html #wrapper_rugby:after {height: 1%}



/* ------------------ INDEX ------------------ */

#wrapper_index #content {background: #ebe8d7 url(../i/bg_postcard.png) top center no-repeat; padding: 0 1em; width: auto; text-align: center}
#wrapper_index #content h2 {position: absolute; left: 999em}
#wrapper_index #content p {font-size: .95em; margin: 0 1.25em 12px; width: 244px; text-align: left}
#wrapper_index #content img {margin: 115px auto .25em}

#text_index {float: left; margin: 0; padding: 0; width: auto}
#text_index p {margin-bottom: 1em; padding: 0}
#index_large {margin-left: 0; padding: 0}

/* bn because site default for a is border-bottom */
img, a.border_none:link, a.border_none:visited, a.border_none:hover, a.border_none:active {border: none}

div#index {float: left; clear: left; margin-top: 140px; padding: 0 0 0 20px; width: 396px; border: none}
#index h1 {margin-bottom: 0}
#index p  {font-size: 12px; color: #333; padding-top: 0.25em}

ul, ol, dl {margin: 0 0 1em}
#content p#postcard {line-height: 1.6em}



/* ------------------ PAGES ------------------ */

#content, #content_con, #wrapper_golf_form #content, #content_new {float: right; background: #ebe8d7; margin: 20px 10px 20px 0; padding: 20px; width: 560px; text-align: left}

#wrapper_golf {background: #fff url(../i/bg_golf.png) top left no-repeat}

#storey, #president, #ties {float: left; background: transparent; border: none; margin: 0 10px; margin-top: 650px; width: 118px; text-align: center}

#events {margin-bottom: .5em}
#lecture_img {margin-top: 339px}
#president {margin-top: 538px}
#ties {margin-top: 385px}

#wrapper span {font-weight: normal}
h2#lecture {font-style: italic}
table#events {margin-bottom: 1.5em}



/* ------------------ WHAT'S NEW ------------------ */

.new div {text-align: center; font-size: .9em; margin-top: -1em}
.new div img {margin-bottom: 1em; margin-right: 1em}
.new div p {margin-top: -1em}



/* ------------------ CONSTITUTION ------------------ */

table#witness {margin: 0 0 1em 0}

ul.con {margin-top: 0}
ul.con li {padding-bottom: .25em}
ul.con, ul.con ul, ul.con ul li ul, li.h_three {list-style: decimal; margin-left: 0; padding-left: 20px}
ul.con ul {list-style: lower-alpha}
ul.con ul li ul {list-style: lower-roman}

dl {margin-top: .2em; margin-bottom: 1em}
dt {margin: .5em 0 -.25em 0}

li.h_four  {font-weight: bold; margin: .25em 0 0; padding-left: 0}

ul#committee li, .no_num {list-style-type: none; padding-bottom: 0}
ul#membership li {padding-bottom: 0}

h4.con {margin-top: 0}
.close {margin-top: -1em}



/* ------------------ FORMS ------------------ */

form {margin: 0; padding: 0}
fieldset {text-align: left; background: transparent; color: #000; border: 1px solid #fff; margin: 0; padding: .5em 1em 1em}
legend {text-align: left; line-height: 1.8; font-weight: bold; color: #333}
fieldset ul {margin-left: 0; padding-left: 0;}
input, select {margin-right: 6px; padding: 0}
form#merch input, #wrapper_golf_form #content input {background: #ebe8d7; color: #000}
#submit input {font-weight: bold}

#total, #cc_number, #exp, #cc_name, #cc_sign, #name, #address, #pc, #state, #country, #ph_w, #ph_h, #ph_m, #email, #yrl, #comp, #job, #club, #dob, #agu {font-size: 12px; background-color: #ebe8d7; color: #000; border-width: 0; border-bottom: 1px dashed #fff}

#total {width: 20%}
#cc_number {width: 50%}
#exp {width: 17.5%}
#cc_name {width: 75.5%}
#cc_sign {width: 72%}
#name {width: 90%} 
#address {width: 87.5%}
#pc, #state, #country {width: 22.5%}
#ph_w, #ph_h {width: 38%}
#ph_m {width: 38%}
#email {width: 90.5%}
#agu {width: 14.5%}

#wrapper_alligator p.alert {font-weight: bold; font-size: 160%; color: #f00; letter-spacing: 1px; text-transform: uppercase}
p.alert abbr {border: 1px dotted #fff; font-size: 1em; padding: .25em .5em 0}

form#alligator {margin: -.5em 0 1em}
#alligator fieldset {margin-bottom: .5em; padding-bottom: 1em}
#alligator fieldset ul {margin: 0}
#alligator fieldset#instructions {padding-right: 346px; text-align: right}

form#alligator abbr, form#alligator p.alert abbr {cursor: help; font-weight: bold; border: none; color: #f00; padding: 0}
form#alligator abbr {vertical-align: middle}

#alligator label {position: relative; float: left; padding-right: 0; text-align: right; width: 200px}
#personal input, #contact input, #family input, #military input {float: left; display: block; border: 1px solid #fff; background: #fff;  margin-bottom: 1em; margin-left: 5px; padding-left: 4px; width: 300px}

label em.msg {color: #aaa; font-size: .8em; font-style: normal; line-height: 2.5; position: absolute; right: -305px; top: 0}
label.clear {clear: left}
#alligator label.yes, #alligator label.no {padding-bottom: .25em; width: auto}
#family input.yes, #family input.no {background-color: #ebe8d7; border: none; margin-right: 3px; width: auto}
abbr {font-size: 150%; line-height: 0}

#military select {margin-bottom: 1em; margin-left: 5px; border: none; width: 305px}
#foundations label, #foundations input {width: auto}
#interests label, #philanthropic label {float: none}

#alligator textarea {border: none; margin-left: 4px; padding-left: 4px}



/* ------------------ GOLF ------------------ */

span#golf_club {margin-right: 1em; margin-left: 2px}

#wrapper_golf_form #content #amt {width: 19.5%}
#wrapper_golf_form #content #club {width: 41%}
#wrapper_golf_form #content #phm {width: 33%}
#wrapper_golf_form #content #dob {width: 42%}
#wrapper_golf_form #content #yrl {width: 25%}
#wrapper_golf_form #content #comp {width: 50%}
#wrapper_golf_form #content #job { width: 25.5%}
#wrapper_golf_form #content form {margin-top: .5em}



/* ------------------ TABLES ------------------ */

table {width: 100%; border-collapse: collapse}
th, td {font-size: 11px; margin: 0; padding: .75em; vertical-align: bottom; text-align: left}
th {padding-bottom: 0}
td {border: 1px solid white; vertical-align: top; text-align: left}
td.event {font-weight: bold}

#obits {margin-top: -1em}



/* ------------------ NAVIGATION ------------------ */

ul#nav, ul#nav ul, #nav ul {background-color: #beb891; font: 12px arial, helvetica, serif; margin: 0; padding: 0; list-style: none; line-height: 1.1; width: 100%; height: 25px}
ul#nav {margin-top: 25px}
#nav a {display: block; width: 10em; background: #beb891; color: #fff; text-decoration: none; font-weight: bold; padding: 0.5em 0; border-right: 1px solid #beb891; border-bottom: none; text-align: center}
ul#nav a#home {background: #727272; width: 5em; margin-right: 3em; margin-left: 40px; border: 1px solid #fff; border-width: 0 1px}
ul#nav li a:hover {border-right: 1px solid #727272; background: #727272; color: #fff}

#nav li {float: left; width: 10em}
#nav li ul {position: absolute; background: #fff; font-size: 12px; width: 10em; left: -999em}
#nav li ul a {border: 1px solid #beb891; border-top: none; padding-right: 0}
#nav li:hover ul, #nav li.sfhover ul {left: auto; min-height: 0}

ul#nav li ul li a {background: #fff; color: #727272}
ul#nav li ul li a:hover {background: #727272; color: #fff; border-right: 1px solid #beb891}
li.nav_top {border-top: 1px solid #beb891; margin-top: 0.2em}
li#home a {background: #727272; color: #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; margin-left: 40px; width: 1.5em}



/* ------------------ LINKS ------------------ */

a {font-weight: bold; text-decoration: none}
a:link, a:visited {color: #727272; border-bottom: 0 solid #727272}
a:hover, a:active {color: #77063a; border-bottom: 1px solid #77063a}



/* ------------------ MISSING ------------------ */

div#missing {margin: 0 auto; text-align: center}
div#missing ul {margin: 0; padding: 0}
div#missing ul li {list-style-type: none; margin-bottom: .2em}
div#missing ul#list_a {float: left; margin: 0; padding: 0; width: 250px} 
div#missing ul#list_a {float: left; margin: 0; padding: 0; width: 250px}