* { margin: 0px; padding: 0px; }
body { background: #44687d; text-align: center; margin: 0px; font: normal 12px/16px Helvetica, Arial, sans-serif }

/* Header (including "top" links and search form)*/
#header { background: url('../img/header-background.gif') no-repeat; width: 824px; height: 97px; margin: 0px auto; text-align: left }
#header img#logo { border: none; float: left }
#header a { color: #fff; text-decoration: none }
#header a:hover { text-decoration: underline }
#header a:visited { color: #ddd }
#header a.current, #header a:visited.current { color: #8d363b; font-weight: bold }

#utility-nav { height: 30px; }
#utility-nav ul { float: right; list-style-type: none; margin: 10px 0px }
#utility-nav ul li { float: left; padding: 0px 4px; background: url('../img/top-links-background.gif') center right no-repeat }
#utility-nav ul li.last-child { background: none }

#header #search { margin: 0px; padding: 0px; float: right }
#header #search fieldset { border: 0px }
#header #search input { border: none; width: 123px; height: 14px; font-size: 11px; color: #333; margin: 3px 25px 0px 0px }

/* Main content area */
#drop-shadow-top { width: 838px; height: 8px; margin: 0px auto; background: url('../img/drop-shadow-top.gif'); overflow: hidden }
#drop-shadow-bottom { width: 838px; height: 14px; margin: 0px auto; background: url('../img/drop-shadow-bottom.gif'); overflow: hidden }
#content { width: 804px; padding: 0px 18px 0px 16px; margin: 0px auto; background: url('../img/secondary-content-background.gif') repeat-y; text-align: left }
#content.secondary { background: url('../img/secondary-content-background.gif') bottom left repeat-y }

/* "Callouts" on index */
#index-callouts { width: 196px; padding: 10px 20px 0px 15px; height: 246px; float: left; background: url('../img/index-callouts-background.gif') #a2a677 top left no-repeat }
#index-callouts h1 { text-transform: uppercase; font: bold 13px Helvetica, Arial, sans-serif; color: #fff; margin: 0px }
#index-callouts p { font: bold 11px/13px Helvetica, Arial, sans-serif; color: #44687d; margin: 0px }
#index-callouts a { color: #fff; text-decoration: none }
#index-callouts a:hover { text-decoration: underline }
#index-callouts hr { height: 0px; border: none; border-top: 1px dotted #434136; margin: 5px; }

#index-image { width: 573px; height: 256px; background: url('../img/index-main2.jpg') #fff top left no-repeat; float: left; color: #ede6d5 }
#index-image p { padding-left: 370px; padding-top: 40px; font-size: 16px; }
#index-image a { color: #ede6d5 }
#index-image a:hover { text-decoration: none }

/* "Experiences" on index */
#experiences { width: 196px; height: 270px; padding: 25px 15px 10px 20px; float: left; clear: left; margin-top: 8px; background: none; color: #44687d; }
#experiences h1 { text-transform: uppercase; font: bold 14px sans-serif; margin: 0px }
#experiences h2 { font-size: 12px; margin: 3px 0px }
#experiences p { font-size: 11px; margin: 0px; line-height: 16px }
#experiences a { color: #8d363b }
#experiences hr { height: 0px; border: none; border-top: 1px dotted #434136; margin: 5px 0px; }
#experiences .photo { float: right; padding-left: 5px }
#experiences a#more-experiences { float: right; margin-top: 10px }
#experiences.secondary { padding: 15px 15px 10px 20px; background: transparent; font-size: 11px; }

#index-copy { width: 543px; padding: 25px 0px 0px 30px; float: left }
#index-copy h1 { text-transform: uppercase; font: bold 14px sans-serif; margin: 0em; color: #3c5a6f }
#index-copy h1 span { color: #91976c }
#index-copy p { font-size: 12px; line-height: 24px; margin: 10px 0px; }
#index-copy a { color: #3c5a6f }
#index-copy hr { height: 0px; border: none; border-top: 1px dotted #434136; margin: 5px; }

#quote { width: 170px; padding: 0px 5px 0px 30px; margin-top: 10px; float: right; background: url('../img/quote-background.gif') top left no-repeat }
#quote h2 { color: #8d363b; font: bold 12px Georgia, serif; line-height: 28px; margin: 10px 0px; }
#quote p { color: #8d363b; margin-top: 16px; }

/* Navigation on secondary pages */			
#nav { width: 216px; padding-right: 15px; float: left; background: url('../img/index-callouts-background.gif') #a2a677 top left no-repeat }
#nav ul { list-style-type: none; padding: 10px 0px; margin: 0px }
#nav ul li { background: url('../img/nav-background.gif') center bottom no-repeat; padding-bottom: 1px }
#nav ul li.last-child { background: none }
#nav ul li a { color: #fff; padding: 10px 0px 10px 20px; display: block; font: bold 13px sans-serif; text-transform: uppercase; text-decoration: none }
#nav ul li a:hover, #nav ul li a.current { background: url('../img/nav-background-highlight.gif') left bottom no-repeat; color: #8d363b }

#nav ul li ul { list-style-type: none; padding-left: 30px; padding-bottom: 10px; margin: 0px; padding-top: 0px; background: none; }
#nav ul li ul li { background: none }
#nav ul li ul li a { color: #fff; padding: 2px 0px 2px 10px; display: block; font: normal 12px Arial, sans-serif; text-decoration: none; text-transform: none; background: url('../img/subnav-background.gif') left center no-repeat }
#nav ul li ul li a:hover, #nav ul li ul li a.current { color: #8d363b; background: url('../img/subnav-background.gif') left center no-repeat }

/* Content on secondary pages */
#secondary-header { float: right }
#secondary-copy { float: right; width: 493px; padding: 25px 45px 0px 35px }
#secondary-copy h1 { text-transform: uppercase; font-family: sans-serif; font-size: 16px; margin: 0px; color: #3c5a6f }
#secondary-copy h2 { font-family: sans-serif; font-size: 12px; margin: 0em; color: #3c5a6f }
#secondary-copy h3 { font-family: sans-serif; font-size: 12px; margin: 0em; color: #8d363b }
#secondary-copy h4 { font-family: sans-serif; font-size: 14px; margin: 0em; color: #3c5a6f }
#secondary-copy h4 strong { color: #000 }
#secondary-copy ul, #secondary-copy ol { padding-left: 35px; }
#secondary-copy ul li, #secondary-copy ol li { margin: 0px; }
#secondary-copy img.photo { float: right; margin-left: 5px; border: 2px solid #ede6d4 }
#secondary-copy hr { height: 0px; border: none; border-top: 1px dotted #434136; margin: 10px 0px; }
#secondary-copy p, #secondary-copy li { font-size: 12px; line-height: 18px; margin: 11px 0px; }
#secondary-copy p.highlight { padding: 5px; background: #e0e6ea }
#secondary-copy p.half-height { margin: 5px 0px }
#secondary-copy a { color: #3c5a6f }
#secondary-copy a:hover { text-decoration: none }

#symposium-callout { background: url('../img/experiences-callout-bg-1.gif'); width: 203px; height: 112px; padding: 8px 10px 10px 10px; float: right; margin-left: 5px; color: #ede6d5; font-size: 12px }
#symposium-callout a { color: #ede6d5 }
#leadership-lessons-callout { background: url('../img/experiences-callout-bg-2.gif'); width: 203px; height: 160px; padding: 5px 10px; float: right; margin-left: 5px; color: #8d363b; font-size: 12px }
#leadership-lessons-callout a { color: #8d363b }

/* "Callout" section on secondary pages */
#secondary-callouts { width: 191px; padding: 20px 20px 20px 20px; float: left; clear: left; background: #fff }
#secondary-callouts h2 { font: bold 13px sans-serif; color: #44687d; margin: 0px }
#secondary-callouts p { font-size: 12px; line-height: 20px; margin: 0px; color: #44687d }
#secondary-callouts hr { height: 0px; border: none; border-top: 1px dotted #434136; margin: 7px 0px 10px 0px; }
#secondary-callouts a { color: #44687d }
#secondary-callouts a:hover { text-decoration: none }
#secondary-callouts #quote { width: auto; padding: 0.3em; margin: auto; float: none; background: none }
#secondary-callouts #quote h2 { color: #8d363b; font: bold 12px Georgia, serif; line-height: 28px; }

/* Search dialog on Leadership Resources */
#leadership-resources-search { width: 325px; height: 199px; overflow: hidden; padding: 10px; background: url('../img/leadership-resources-search-background.gif') }
#leadership-resources-search fieldset { border: none }
#leadership-resources-search fieldset legend { padding: 0px; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0em; color: #3c5a6f }
#leadership-resources-search select, #leadership-resources-search input { width: 100%; margin: 3px 0px; border: 1px solid #333 }
#leadership-resources-search input { padding-left: 5px; width: 98% }
#leadership-resources-search button { float: right; font-weight: bold; padding: 3px 17px; background: #ddd; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #666; border-bottom: 1px solid #666; margin-top: 10px; cursor: pointer }
#leadership-resources-search button:hover { background: #dff4ff; border: 1px solid #c2e1ef; color: #369 }
#leadership-resources-search button img { vertical-align: middle; padding-right: 5px }
#leadership-resources-search p { font-size: 11px; margin: 0.25em 0em 0.5em 0em }

a.pagination-link { border: 1px solid #44687d; background: #fff; padding: 4px 8px; text-decoration: none }
a.pagination-current, a.pagination-link:hover { background: #ede6d5 }

/* Map on Contact Us page */
#map { float: right; font: normal 12px Arial, sans-serif; width: 250px }
#map a { color: #8d363b }

/* Footer */
#footer { font-size: 10px; color: #fff; padding-bottom: 10px; }
#footer ul { list-style-type: none; margin: 10px 0px; }
#footer ul li { display: inline; padding: 0px 3px 0px 7px; background: url('../img/footer-li-background.gif') top left no-repeat; }
#footer ul li.first-child { background: none; }
#footer a { color: #fff; text-decoration: none }
#footer a:hover { text-decoration: underline }
#footer a:visited { color: #ddd }
#footer span { color: #dcceab }

/* Misc. styles */
a img { border: none }
.accessibility { position: absolute; left: -9999px }
.clear-both { clear: both }
.clear-left { clear: left }
.clear-right { clear: right }
tr.alt { background: #ede6d5 }
tr.dotted td { border-top: 1px dotted #000; }
td p { margin: 0px }
td { padding: 0px 10px; }
td.photo { text-align: center; border: 0px; padding: 10px 0px 0px 5px; width: 70px; }

label, .label { font-weight: bold; float: left; clear: left; width: 130px; padding: 5px 10px 0px 0px; text-align: right; }
input.input, select.select { float: left; margin: 2px 2px 2px 0px; }
input.small, span.small { width: 30px; float: left; margin: 2px 2px 2px 0px; }
span.input, span.select, span.month, span.year, span.small { float: left; margin: 5px 2px 2px 0px; }
label img { cursor: pointer; vertical-align: text-bottom; }
fieldset#billing-info { border: none; background: #ede6d5; padding: 10px; margin-top: 15px; }
fieldset#billing-info legend { font: bold 12px sans-serif; margin: 0px; color: #3c5a6f; background: #fff; padding: 3px; border: 1px solid #3c5a6f; }
.required { color: #f55; }
.error { border: 2px solid #f55; }
.flash { color: green; }
button { margin: 20px 0px 0px 10px; display: block; }
button#Submit-edit { float: left; margin-right: 10px; }