html {height: 100%;}

body {background: black; color: #FEFEFE; font-family: arial; font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;}

a {color: #FEFEFE; text-decoration: underline;}
a:hover {color: #FEFEFE; text-decoration: underline;}
a.pdf {display: block; background: url(images/icon_pdf.gif) no-repeat; padding: 3px 0px 6px 36px;}
a.wmp {display: block; background: url(images/icon_wmp.gif) no-repeat; padding: 4px 0px 9px 95px;}

img {border: 0px;}
img.hr {clear: both; display: block; margin: 0px auto;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: #FEFEFE; font-family: arial; font-size: 12px;}
p {margin-bottom: 0px;}
blockquote {margin: auto 5%;}
hr {clear: both; display: block; width: 100%; height: 1px; margin: 10px 0px; border: 0px; border-bottom: 1px solid #FEFEFE; padding-bottom: 10px;}
ul.nomargin {margin: 0px; margin-left: 15px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 11px;}

.webpager {font-family: arial; font-size: 11px;}
.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 766px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}
.CateloguePager{float: left;width: 500px; }
.MediaReleasePager{float: left; padding-top:20px}

#body {width: 980px; margin: 0px auto; /* min-height: 100%; position: relative; */ border: 0px solid red;}
* html #body {/* height: 100%; */}

.rowcontent {width: 980px; margin: 0px auto; padding: 0px; overflow: hidden; border: 0px solid red;}

#menurow {height: 159px; position: relative;}
#menu {width: 750px; height: 159px; background: #0C63AC url(images/bg_menu.gif) repeat-x; margin: 0px auto; padding-left: 230px; text-align: left;}
#menu a {margin-right: 21px; padding: 134px 0px 0px 4px;}
#menu a:hover,
#menu a.onpage {border-left: 1px solid #8DC63F; padding-left: 3px;}
#menu .menu {margin-top: 134px; vertical-align: bottom;}

#logo {width: 204px; height: 159px; background: #0C63AC url(images/bg_logo.gif) no-repeat 202px 0px; position: absolute; top: 0px; left: 0px;}
#logo a {padding: 0px;}
#logo a:hover {border: 0px; padding: 0px;}

#home #logo {background: #11273A url(images/bg_logo.gif) no-repeat 202px 0px;}

#menu2 {background: url(images/bg_menu.gif) repeat-x; padding-top: 57px; position: absolute; /* top: 39px; */ top: 0px; left: 368px; display: none;}
#menu2 a {display: block; margin-bottom: 4px;}
#menu2 .menu2 {display: block;}

#contentrow {width: 980px; background: #002246 url(images/bg_contentrow.gif) repeat-x;}
#contentrow .rowcontent {width: 930px; padding: 25px;}

#content_main {float: left; width: 440px;}
.content_side {float: left; width: 430px;}

.breadcrumb {margin-bottom: 23px; color: #008FD4; font-size: 10px; font-weight: bold;}
.breadcrumb a {color: #008FD4;}
.vr {float: left; width: 60px; height: 100px; background: url(images/vr.gif) repeat-y 30px 0px;}
.highlight {color: #8DC63F; font-weight: bold;}
.excerpt {color: #8DC63F; font-size: 11px;}

#home #contentrow {height: 540px; background: black url(images/bg_home.jpg) no-repeat bottom right;}
#home #contentrow .rowcontent {padding-bottom: 0px;}
#home #content_main {width: 100%; height: 467px; position: relative;}
#home img.tagline {position: absolute; top: 43px; left: 3px;}

#home #projects {position: absolute; bottom: 5px; left: 3px;}
#home #projects .subtitle {margin-bottom: 0px;}
#home #projects .project {margin-top: 10px;}
#home #projects .project img {float: left; margin-right: 10px;}
#home #projects .project a {float: left; margin-top: 24px;}

#home #documentaries {width: 250px; position: absolute; top: 10px; right: 0px; line-height: normal;}
#home #documentaries .subtitle {margin-bottom: 5px; height: 26.5px;}
#home #documentaries .documentary {margin-bottom: 20px;}
#home #documentaries .documentary a {font-weight: bold;}
#home #documentaries .documentary img {float: left; margin: 9px 9px auto auto;}
#home #documentaries .documentary .excerpt {margin-top: 6px;}
#home #documentaries .documentary .similar {margin-top: 9px; color: #00B3B0; font-size: 10px; line-height: 11px;}

#about #content_main {width: 440px;}
#about .content_side {width: 430px;}
#about .team_member {width: 100%; margin-bottom: 13px; line-height: 12px; overflow: hidden;}
#about .team_member img {float: left; margin-right: 13px;}

#contact #content_main {width: 270px;}
#contact .content_side {width: 270px;}

#projects #content_main {width: 550px;}
#projects .project {width: 550px; margin-top: 30px; overflow: hidden;}
#projects .project .subtitle {margin-bottom: 14px;}
#projects .project .img {float: left; width: 138px;}
#projects .project .txt {float: right; width: 412px;}
#projects .project a {font-weight: bold;}

#eventsnews #content_main {width: 300px;}
#eventsnews .content_side {width: 440px;}

#eventsnews_mediarelease #content_main {width: 550px;}
#eventsnews_mediarelease .content_side {width: 320px; line-height: 14px;}
#eventsnews_mediarelease .date {color: #00B3B0; font-weight: bold;}
#eventsnews_mediarelease .issuedby {color: #00B3B0;}
#eventsnews_mediarelease .contact {font-size: 11px; line-height: 12px;}
#eventsnews_mediarelease .contact .subheader {margin: 0px;}
#eventsnews_mediarelease .about {font-size: 10px; line-height: 12px;}
#eventsnews_mediarelease .about .subheader {font-size: 11px; margin: 0px;}
#eventsnews_mediarelease .field {float: left; width: 40px;}
#eventsnews_mediarelease .program_title {font-weight: bold; font-style: italic;}
#eventsnews_mediarelease .content_side a {font-weight: bold;}
#eventsnews_mediarelease .content_side .excerpt {margin: 15px 0px;}

#catalogue #content_main {width: 530px;}
#catalogue .category {width: 100%; margin-top: 10px; overflow: hidden;}
#catalogue .category img {float: left; margin-right: 16px;}
#catalogue .category a {float: left; margin-top: 21px; font-weight: bold;}

#catalogue_category #content_main {width: 340px;}
#catalogue_category .content_side {width: 340px; margin-top: 43px;}

#catalogue_category .content_menu {float: right; width: 177px;}
#catalogue_category .content_menu .subtitle {margin-bottom: 4px;}
#catalogue_category .content_menu .menu2 {margin-bottom: 5px;}
#catalogue_category .vr {margin-top: 34px;}

#catalogue_category .program {margin-bottom: 20px;}
#catalogue_category .program img {float: left; margin: 5px 6px auto auto;}
#catalogue_category .program a {font-weight: bold;}
#catalogue_category .program .excerpt {margin: 5px 0px 7px 0px; font-size: 12px; line-height: 14px;height:43px;}
#catalogue_category .program .more {color: #00B3B0; font-size: 11px;}

#catalogue_category_program #content_main {width: 550px;}
#catalogue_category_program .content_side {width: 140px;}

#catalogue_category_program .img {float: left; width: 180px;}
#catalogue_category_program .txt {float: left; width: 370px;}
#catalogue_category_program .txt .subtitle {margin-bottom: 0px;}
#catalogue_category_program .txt .basicinfo {font-size: 11px; line-height: 14px;}
#catalogue_category_program .txt .subheader {margin: 20px 0px 0px 0px; color: #00b3b0;}
#catalogue_category_program .txt a {font-weight: bold;}

#catalogue_category_program .content_side .subheader {margin-bottom: 13px; color: #8DC63F;}
#catalogue_category_program .content_side a {font-size: 11px; font-weight: bold;}
#catalogue_category_program .content_side .program {margin-bottom: 30px;}
#catalogue_category_program .content_side .program img {display: block; margin-bottom: 3px;}
#catalogue_category_program .content_menu .menu2 {margin-bottom: 5px;}

.title {color: white; font-size: 30px; margin-bottom: 7px;}
.subtitle {color: #8DC63F; font-size: 16px; font-weight: bold; margin-bottom: 18px;}
.header {color: #00B3B0; font-size: 14px; font-weight: bold;}
.subheader {font-weight: bold; margin-bottom: 7px;}
.underline {text-decoration: underline;}
.small {font-size: 11px;}
.li_br li {margin-bottom: 20px;}

#footerrow {clear: both; /* margin-top: -36px; position: relative; */}
#footerrow .rowcontent {width: 960px; padding: 10px; padding-top: 25px; color: white; font-size: 10px; line-height: normal;}
#footerrow .floatleft {font-family: verdana;}
#footerrow a {color: white;}
#footerrow a.wp {}

#projects .project_detail {
margin-top:0px;
overflow:hidden;
width:550px;
}
#projects .project_detail .subtitle {margin-bottom: 14px;}
#projects .project_detail .img {float: left; width: 138px;}
#projects .project_detail .txt {float: right; width: 412px;}
#projects .project_detail a {font-weight: bold;}