/* LAYOUT
-------------------------------------------------- */
html { background: #DDE3E6; }
body { margin: 0; }
#masterContainer { width: 960px; margin: 15px auto; }

body, input, button, select, textarea { font: 10pt/1.5em Constantia, "Times New Roman",Times,serif; color: #333; }

h2 { font-size: 1.5em; margin: 1.5em 0 .75em 0; }
h3 { font-size: 1.17em; margin: 1.25em 0 .83em 0; }

img { border: 0; }

p { text-align: justify; }

a:link,
a:visited { text-decoration: none; color: #00889F; }
a:hover { text-decoration: underline; }

.links { font-style: italic; }
.links a.main { font-weight: bold; }


/* HEADER
-------------------------------------------------- */
#header { background: url(../img/header/bg.png); height: 240px; }

#navigation { width: 930px; background: url(../img/nav/bg.png) 0 0; padding: 0 15px; height: 41px; }
#navigation a, #navigation span { color: #FFF; padding: 11px 14px 11px 14px; height: 19px; display: block; text-decoration: none; }
#navigation span { color: #B3C9CC; cursor: default; }
#navigation small { color: #DD9999; }
#navigation li:hover small { color: #FF0000; }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { float: left; }
#navigation li:hover a { color: #0d3039; background: #FFF; border-top: 3px solid #4290B7; padding-top: 8px; }

#navigation li:hover div { display: block; }
#navigation li:hover div a, #navigation li:hover div span { color: #333; background: none; padding: 0; margin: 3px 5px; display: block; border: 0; height: auto; }
#navigation li:hover div span { color: #777; }

#navigation li div a:hover { text-decoration: underline; }

#navigation li div { display: none; background: url(../img/nav/menu-bg-trans.png); border-bottom: 3px solid #4290B7; min-width: 150px; padding: 5px 10px 10px 10px; position: absolute; z-index: 1; }
#navigation li div li { float: none; }

#searchbar { float: right; padding: 8px 0; }
#searchbar div { float: left; height: 24px; width: 200px; background: url(../img/nav/search-box.png); }
#searchbar input { padding: 1px 7px; color: #666; float: left; height: 22px; width: 186px; border: 0; background: url(../img/nav/search-gcs.png) no-repeat 9px 6px; }
#searchbar input:focus, #searchbar input.active { background: none; }
#searchbar button { margin-left: 5px; float: left; height: 24px; width: 60px; border: 0; background: url(../img/nav/search-button.png) top; }
#searchbar button:hover, #searchbar button:focus { background-position: center; }
#searchbar button:active { background-position: bottom; }
#searchbar button span { display: none; }

#logo { position: relative; }
#logo img { position: absolute; }
#logo .logo { width: 151px; height: 129px; left: 156px; top: 28px; }
#logo .unis-un { width: 301px; height: 51px; left: 328px; top: 57px; }
#logo .year { width: 156px; height: 50px; left: 648px; top: 58px; }
#logo .topic { width: 252px; height: 23px; left: 332px; top: 117px; }


/* BODY
-------------------------------------------------- */
#body{ float: left; clear: both; width: 100%; }

#breadcrumbs { color: #999; height: 20px; padding: 10px 15px; background: #FFF url(../img/breadcrumb/bg.png) top no-repeat; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ctl00_SiteMapPath1 span { font-style: italic; margin-left: 7px; }
#ctl00_SiteMapPath1 a { text-decoration: none; }
#ctl00_SiteMapPath1 a:link, #ctl00_SiteMapPath1 a:visited { color: #666 !important; }
#ctl00_SiteMapPath1 a:link:hover, #ctl00_SiteMapPath1 a:visited:hover { text-decoration: underline; }
#breadcrumbs .site { color: #333; font-weight: bold; font-style: normal; margin: 0 7px 0 5px; }

h1, h2, h3, h4, h5, h6 { font-style: italic; font-weight: normal; }
p { margin: 0; }

#content { padding: 0 25px 50px 25px; width: 910px; float: left; clear: both; background: #FFF url(../img/page/content-bg-fade.png) top no-repeat; }
#content h1 { font-size: 1.8em; color: #999; border-bottom: 1px solid #EEE; padding: 25px 5px 5px 5px; margin: 0 -5px 0.65em -5px; }
#content p, #content ul { margin: 0 0 1.25em 0; }
#content ul { margin: inherit 0; padding: 0 0 0 40px; }
#content ul ul { margin-bottom: 0; }
#content .updated span { border: 1px dotted #990000; color: #990000; padding: 5px 10px; }
#content dd { margin-left: 25px; }
#content dt { font-weight: bold; margin-top: 0.3em; }
#content dt .toggle-button { font-weight: normal; }

#news, #sidebar { font-size: 0.9em; float: left; margin: 20px 25px 20px 0; width: 260px; }
#news .cornersTop { display: block; height: 7px; background: url(../img/page/news-corners.png) top; }
#news .cornersBottom { display: block; height: 7px; background: url(../img/page/news-corners.png) bottom; }
#news .body { background: #FFF; border-left: 1px solid #EEE; border-right: 1px solid #EEE; padding: 12px 15px 10px 15px; }

#news h2, #sidebar h2 { font-size: 1.4em; color: #666; margin: 0 0 0.65em 0; }
#news h3, #sidebar h3 { font-size: 1.1em; color: #333; font-weight: bold; margin: 0 0 0.25em 0; }
#news p, #news ul, #sidebar p, #sidebar ul { text-indent: 0; }

#sidebar ul { padding-left: 25px; }
#sidebar .tablecontents, .tablecontents ul { list-style: none; padding-left: 0; }
.tablecontents ul { margin-bottom: 0; }

#sidebar { padding: 7px 0; float: right; margin: 20px 0 20px 25px; width: 260px; }

#main { float: right; width: 625px; line-height: 1.75em; }

#pageBottom { background: url(../img/page/bottom-corner.png); height: 10px; clear: both; }

.media-gallery { overflow: hidden; }

.vid-link { height: 215px; width: 185px; border: 1px dotted #CCC; padding: 5px; margin: 0 10px 10px 0; float: left; line-height: 1.25em; }
.vid-link:hover { border-style: solid; }

.vid-link img { width: 185px; }
.vid-summary { padding: 5px; }
.vid-summary a { display: block; margin: 5px 0 10px 0; }

.related { line-height: 1.25; width: 100%; }
.related tr td { padding: 3px; border-bottom: 1px solid #FFF; }
.related tr:hover td { background: #EEEEEE; }
.related tr.current { background: #CCEEEE; }
.related .vid-thumb img { width: 80px; }
.related .vid-info .title { display: block; margin-bottom: 3px; }


/* FOOTER
-------------------------------------------------- */
#footer { clear: both; color: #666; background: url(../img/page/shadow.png) top no-repeat; height: 65px; }
#footer a, #footer span { word-spacing: 0; }
#footer a { color: #333; }

#footer .links { word-spacing: 7px; }
#footer .links, #copyright { padding: 15px 10px 25px 15px; float: left; width: 450px; }

#copyright { text-align: right; }