html { background: #808080; }
body { background: #808080 url(../images/hilton-background.png) repeat-x 0 -13px; color: #424242; font: 13px arial, heveltica, arial, sans-serif; margin: 0; padding: 0 0 6px; }

@font-face {
 font-family: hitroad; src: url('../fonts/hitroad.eot');
 src: local('?'), url('../fonts/hitroad.woff') format('woff'), url('../fonts/hitroad.svg#webfontlLLMUP3U') format('svg'), url('../fonts/hitroad.ttf') format('truetype');
 font-weight: normal;
 }

#content .menu li, .widget h2, #search-input, #slideshow h1, #slideshow h2, #text h2, #text h3 { font-family: hitroad, "trebuchet ms", sans-serif; }

#logo { background: url(../images/hilton-logo.png) no-repeat bottom; display: block; height: 115px; margin-left: 15px; width: 275px; }
 
#search { background: url(../images/hilton-un-background.png) no-repeat center 30%; float: right; height: 107px; padding: 23px 0 0 275px; width: 225px; }
#search-box { background: url(../images/search-background.png) no-repeat; height: 25px; float: right; margin-top: -5px; padding: 10px 20px 10px 15px; width: 190px; }
#search-input { background: transparent; border: none; color: #747575; font-size: 20px; height: 25px; line-height: 25px; width: 165px; }
#search-button { background: url(../images/search.png) no-repeat center 2px; border: none; float: right; height: 25px; width: 22px; }
#links { color: #e8e8e8; font-weight: bold; font-size: 17px; padding-left: 10px; }
 
#content .menu { background: url(../images/menu-background.png) no-repeat; height: 48px; list-style-type: none; margin: 0; padding: 15px 0 0; text-align: center; width: 100%; }
#content .menu li { color: #162c5d; display: inline; font-family: hitroad, trebuchet ms; font-size: 20px; height: 48px; line-height: 52px; padding: 0 20px; }
#content .menu li + li { background: url(../images/pipe.png) no-repeat left center; text-align: center; }
#content .menu a { color: #162c5d; text-decoration: none; }
 
#wrap { margin: 0 auto; width: 930px; }
#content { margin: 4px 0 0; }
#left { background: url(../images/sidebar.png) repeat-y; padding: 0; width: 930px; }
#text { background: url(../images/footer.png) no-repeat bottom; padding: 5px 332px 20px 32px;  }
#text p, #text ul { color: #222; line-height: 18px; }
#slideshow { height: 200px; margin-left: 15px; position: relative; width: 600px; }
#slideshow img { display: none; }
#slideshow img.first { display: block; }
#slideshow h1 { bottom: 19px; color: #fff; font-size: 28px; font-weight: normal; height: 28px; left: 12px; line-height: 28px; margin: 0; overflow: hidden; padding: 0; position: absolute; text-shadow: 2px 2px 3px #111; }
#slideshow h2 { bottom: 2px; color: #fff; font-size: 18px; font-weight: normal; height: 18px; left: 12px; line-height: 18px; margin: 0; padding: 0; position: absolute; text-shadow: 1px 1px 2px #111; }
#slideshow .cover { background-color: #055fab; bottom: 0; height: 50px; opacity: .8; position: absolute; filter: alpha(opacity=85); width: 100%; }
#sidebar { background: url(../images/sidebar-gradient.png) no-repeat; float: right; margin-right: 15px; width: 300px; }
#footer { color: #333; font-size: 13px; height: 20px; margin-top: -9px; padding: 0 84px 0 20px; text-align: center; }
#footer .corner { float: left; margin-right: 229px; }
 
.widget { background: url(../images/widget-background.png) no-repeat center 26px; margin: 12px 20px 20px; }
.widget h2 { color: #747575; font-size: 26px; font-weight: normal; margin: 6px 0 0; text-align: center; text-shadow: #ccc 2px 2px 2px; }
.widget h3 { font-size: 15px; font-weight: bold; margin: 12px 0 2px 0; }
.widget h3 a { color: #424242; }
.widget a.special { display: block; font-weight: bold; margin-top: 1em; }
.widget a.special:after { content: "\2026"; }
.widget p { margin: 0; padding: 0; text-align: left; }
.widget p.date.small { color: #747575; float: right; padding-top: 13px;}
.widget ul { line-height: 1.5em; list-style-type: none; margin: 12px 0 0; padding: 0; }
.widget li.current { font-weight: bold; }

#text a.badge { background: #055fab; color: white; cursor: pointer; float: right; font-size: 9px; font-weight: normal; line-height: 9px; margin: 2px 0 0 5px; padding: 2px 4px; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px 3px 3px 3px; }
#text a.badge:hover { text-decoration: none }
div.inline { color: black; width: 400px; }
div.inline p { text-align: left; }

a img { border: 0; }
p { margin: 0; padding: 7px 0; text-align: left; }
blockquote { margin: 0 0 0 1em; }
cite { display: block; font-size: 12px; font-style: normal; font-weight: bold; text-align: right; text-transform: uppercase; }
cite:before { content: "\2014"; }
.left { float: left; }
.right { float: right; }
.hide { display: none; }

#text a { line-height: 18px; }
#text h1 { font-size: 36px; font-weight: normal; margin: 5px 0 0 -5px; text-align: left; }
#text h2 { border-bottom: 1px dashed #ddd; font-size: 26px; font-weight: normal; margin: 20px 0 0px; text-shadow: #ddd 1px 1px 1px; }
#text h3 { border-bottom: 1px dashed #ddd; font-size: 21px; font-weight: normal; margin: 15px 0 0px; text-shadow: #ddd 1px 1px 1px; }
#text h3 a { color: #424242; }
#text h4 { font-size: 15px; font-weight: bold; margin: 10px 0 0; }
#text h4 + p, #text span + p, #text div + p { padding-top: 5px; }
#text p.date.small { color: #747575; float: right; margin-top: 15px; padding-top: 0; }
#text ul { margin-top: 0; }

#text label { display: block; font-weight: bold; }
#text input, #text textarea { display: block; margin-bottom: 10px; }
#text input.inline { display: inline; width: inherit; }
#text input.text { width: 170px; }
#text input.invalid { border: 1px solid red; }
#text input.checkbox { float: left; margin-right: 5px; }
#text input.submit { margin-top: 10px; }
#text textarea { height: 300px; width: 100%; }

#login { width: 270px; }
#login h1 { border-bottom: 1px dashed #ddd; font-family: hitroad; font-size: 30px; font-weight: normal; margin: 0 0 8px; text-shadow: #ddd 1px 1px 1px; }
#login label { clear: left; float: left; font-weight: bold; height: 24px; line-height: 24px; width: 70px; }
#login input { clear: left; display: block; }
#login input.text { clear: none; float: left; width: 160px; }
#login .warning { width: 145px; }
#login .warning p { text-align: left; }

a { color: #055fab; text-decoration: none; }
a:hover { text-decoration: underline; }

.committees .inner { margin-left: 25px; }
.committees a { font-weight: bold; }
.committees .row { border: 1px dashed #ddd; border-width: 0 0 1px; padding: 5px 0 5px 5px; }
.committees em { color: #333; display: block; font-style: normal; }
.committees { line-height: 18px; }
div.chairs { line-height: 12px; }

.topic-image { float: right; margin: 9px 0 0 15px; height: 175px; width: 150px; }
.topic-image div { background-image: url(../images/topic-image.png); height: 175px; width: 150px; }

#toggle { float: right; margin: 3px 0 -21px; }

.warning { background: #cbe7ff url(../images/alert.png) 98% center no-repeat; border: 2px solid #055fab; margin: 8px 0 5px; padding: 0 75px 0 10px; }

#text .status { background-color: #e9e9e9; border: 1px solid #aaa; border-width: 1px 1px 0; float: left; margin: 10px 0; }
#text .status a, #text .status span { background: url(../images/status-incomplete.png) no-repeat 10px center; border-bottom: 1px solid #b7b7b7; display: block; font-weight: bold; line-height: 30px; padding: 0 20px 0 30px; }
#text .status .incomplete { background-image: url(../images/status-incomplete.png); }
#text .status .complete { background-image: url(../images/status-complete.png); }
#text .status .pending { background-image: url(../images/status-pending.png); }
#text .status .unknown { background-image: url(../images/status-unknown.png); }

table.delegate-assignment { background-color: #e9e9e9; border: 1px solid #aaa; border-collapse: collapse; margin: 20px 0; }
table.delegate-assignment tr.inner td { background-color: #f8f8f8; }
table.delegate-assignment tr.inner td a, table.delegate-assignment tr.inner td div { margin-left: 15px; }
table.delegate-assignment td { border: 1px solid #aaa; border-width: 1px 0; height: 30px; line-height: 30px; padding: 0 5px; }

td.strong { font-weight: bold; }
a.disabled { color: #999; }

#text table.delegate-assignment input.text { width: 120px; }
#text table.delegate-assignment input { margin: 0; vertical-align: middle; }


ul.resources { list-style-type: none; margin: 0 0 20px; padding: 0; }
ul.pagination { list-style-type: none; text-align: center; }
ul.pagination li { display: inline; }
ul.pagination li.selected a { color: #000; font-weight: bold; }
#search-button { cursor: pointer; }

.byline { border-top: 1px dashed #ddd; clear: both; margin-top: 10px; padding-top: 5px; text-align: right; }
.byline a { float: left; }
p + blockquote { margin-top: -7px; }
blockquote p { padding-top: 0 }

div.toggle { margin: 5px 0 0 15px; }

