body { margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 75%; background: url(../images/body-back.gif) repeat-x; color: #333; }


h1,h2,h3,h4,p { margin: 0; padding: 0; }
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
img { border: 0; margin: 0; padding: 0; }

.clear, .sg_clear { clear: both; }



.main { width: 979px; margin: 0px auto; }

.header { background: url(../images/top-back.gif) no-repeat; height: 45px; }
.header .search { float: left; width: 280px; color: #666; position: relative; height: 42px; }
.header .search p { position: absolute; bottom: 0; left: 29px; max-width: 230px; }
.header .search input.searchtext { font-size: 100%; padding: 0; width: 147px; margin: 0 3px; border: 1px sold #666; }
.header .search input{ vertical-align: bottom; color: #333; }
.header .links { float: left; width: 456px; height: 42px; position: relative; font-size: 95%; }
.header .links p { position: absolute; bottom: 0; left: 0; }
.header .links p a { margin: 0 5px; color: #fff; text-decoration: none; }
.header .links p a:hover { text-decoration: underline; }
.header .info { float: left; width: 214px; position: relative; height: 42px; font-size: 95%; }
.header .info p { position: absolute; bottom: 0; right: 0; color: #fff; }

.content { padding: 14px 20px 14px 29px; background: url(../images/main-back.gif) no-repeat; min-height: 675px; }

.banner { border-bottom: 8px solid #991a36; margin: 0 9px 7px 0; width: 921px; }
.banner .mainbanner { width: 744px; float: left; }
.banner .thumbs { width: 177px; float: left; }
.banner img { display: block; }

.navigation { margin-right: 9px; text-transform: uppercase; width: 921px; }
.navigation ul { margin: 0; padding: 0; }
.navigation li { display: block; padding: 0; margin: 0; float: left; }
.navigation li a { display: block; width: 97px; padding: 10px; margin: 0; background: #a8b7bf url(../images/nav.gif) repeat-x; margin-right: 7px; text-align: center; color: #000; }
.navigation li a:hover { background: #6d8590 url(../images/hover-nav.gif) repeat-x; color: #fff; }
.navigation li a.selected { background: #2e505f url(../images/sel-nav.gif) repeat-x; padding-bottom: 14px; color: #fff; }
.navigation li.red a { width: 157px; background: #991A36 url(../images/red-nav.gif) repeat-x; color: #fff; }
.navigation li.red a.selected { padding-bottom: 10px; margin-bottom: 4px; }
.navigation li.last a { margin: 0; background: #6d4573 url(../images/nav_trust.gif) repeat-x; color: #fff}
.navigation li.last a.selected { margin: 0; background: #47144e url(../images/sel-nav_trust.gif) repeat-x; color: #fff}
.navigation a { color: #ffffff; text-decoration: none }

.secondarynavigation { border: 1px solid #2e505f; margin: 0 9px 21px 184px; padding: 3px 11px 3px 3px; }
.secondarynavigationred { border: 0; margin: 0 0 21px 0; padding: 0; }
.secondarynavigationtrust{ border: 1px solid #47144e; margin: 0 9px 21px 184px; padding: 3px 11px 3px 3px; }
.secondarynavigation ul { margin: 0; font-size: 95%; padding: 0; }
.secondarynavigation li { display: block; padding: 0; margin: 0 0 0 8px; float: left; }
.secondarynavigationred li { display: block; padding: 3px 5px; margin: 0 7px 0 0; float: left; border: 1px solid #991A36; width: 73px; text-align: center; }
.secondarynavigation li a { color: #666; text-decoration: none; }
.secondarynavigation li a:hover { text-decoration: underline; }
.secondarynavigation li.selected a { color: #000; text-decoration: none; }
.secnav-placeholder { margin-bottom: 20px; }

.secondarynavigationright ul { float: right; }

.content .left { width: 240px; float: left; padding-right: 70px; }

.content .mostpopular { background: #e5e6f0; }
.content .mostpopular h2 { background: #002960 url(../images/dark-blue-heading.gif) repeat-x; padding: 6px; color: #fff; text-transform: uppercase; font-size: 100%; }
.content .mostpopular .item { border-bottom: 1px solid #666; margin: 6px; padding-bottom: 6px; }
.content .mostpopular .last { border-bottom: 0; }
.content .mostpopular .item h3 { font-size: 100%; }
.content .mostpopular .item p { font-size: 95%; }
.content .mostpopular .item img { float: right; padding: 0 0 5px 5px; }
.content .mostpopular .item a { color: #0d4483; text-decoration: none; }
.content .mostpopular .item a:hover { text-decoration: underline; }
.content .mostpopular  a img { opacity: 0.4; filter: alpha(opacity=40); }
.content .mostpopular  a:hover img { opacity: 1; filter: alpha(opacity=100); }

.content .calendar { background: #fff; padding: 0px; width: 240px; margin: 10px 0; }
.content .calendarTop { padding: 4px 7px 2px 7px; background: #002960; text-transform: uppercase; }
.content .calendarTop p { color: #fff; }
.content .calendarTop a { margin: 0; color: #fff; text-decoration: none; }
.content .calenderPrevMonth { float: left; margin: 0; padding: 0; width: 20px; height: 20px; }
.content .calendarNextMonth { float: left; margin: 0; padding: 0; width: 20px; text-align: right; height: 20px; }
.content .calendarCurrentMonth { float: left; text-align: center; margin: 0; padding: 0; width: 186px; height: 20px; }
.content .calendarInner { clear: both; margin: 0; padding: 0;  border: 1px solid #7d8bb1; }
.content .calendarInner span { background: #fff; display: block; float: left; width: 32px; height: 1.7em; line-height: 1.7em; margin: 0 0 0 0; text-align: center; border: 1px solid #7d8bb1; }
.content .calendarInner span.inactive { background: #ddd; }
.content .calendarInner span.today { background: #991a36; color: #fff; }
.content .calendarInner span.today a { color: #fff; }
.content .calendarInner span.cday { background: #b9c0d9; }
.content .calendarInner p { margin: 0 0 0 0; }
.content .calendarInner a { color: #000; font-weight: bold; }

.content .topstories { background: #f9f0f3; }
.content .topstories h2 { background: #991a37 url(../images/red-heading.gif) repeat-x; padding: 6px; color: #fff; text-transform: uppercase; font-size: 100%; }
.content .topstories .item { border-bottom: 1px solid #666; margin: 6px; padding-bottom: 6px; }
.content .topstories .last { border-bottom: 0; }
.content .topstories .item h3 { font-size: 100%; }
.content .topstories .item p { font-size: 95%; }
.content .topstories .item img { float: right; padding: 0 0 5px 5px; }
.content .topstories .item a { color: #0d4483; text-decoration: none; }
.content .topstories .item a:hover { text-decoration: underline; }

.content .left .partners { width: 240px; border: none }
.content .left .partners img { float: left; }

.content .centre { width: 620px; float: left; }
.content .centre .mainstory { /*margin-right: 9px;*/ }
.content .centre .mainstory p { margin-right: 9px; }
.content .centre .mainstory p { line-height: 150%; padding: 0 0 10px 0; }
.content .centre .mainstory a.showextra { color: #0d4483; cursor: pointer; }
.content .centre .mainstory a.showextra:hover { text-decoration: underline; }
.content .centre .mainstory #extra { display: none; }

.content table { margin: 0 0 10px 0; }
.content table th { background: #002960; color: #fff; padding: 5px; }
.content table td { background: #EAECF4; padding: 5px; }
.content table tr.highlight td { background: #d4dbf4; }

.content .centre .sectionfeed { margin: 0 9px 10px 0; }
.content .centre .sectionfeed h2 { background: #991a37 url(../images/light-blue-heading.gif) repeat-x; padding: 6px; color: #fff; text-transform: uppercase; font-size: 100%; margin: 0; }
.content .centre .sectionfeed .item { width: 115px; float: left; padding: 9px 9px 5px 0; }
.content .centre .sectionfeed .last { padding-right: 0; }
.content .centre .sectionfeed .item h3 { font-size: 100%; padding: 0 5px; }
.content .centre .sectionfeed .item p { font-size: 95%; padding: 0 5px; }
.content .centre .sectionfeed .item img { padding: 0 0 5px 0; }
.content .centre .sectionfeed .item a { color: #0d4483; text-decoration: none; }
.content .centre .sectionfeed .item a:hover { text-decoration: underline; }
.content .centre .sectionfeed a img { opacity: 0.4; filter: alpha(opacity=40); }
.content .centre .sectionfeed a:hover img { opacity: 1; filter: alpha(opacity=100); }

.content .centre .col1 { width: 115px; float: left; margin-right: 9px; background: #f4e5eb; min-height: 258px; }
.content .centre .col2 { width: 239px; float: left; margin-right: 9px; background: #f4e5eb; min-height: 258px; }
.content .centre .col3 { width: 363px; float: left; margin-right: 9px; background: #f4e5eb; min-height: 258px; }
.content .centre .col4 { width: 487px; float: left; margin-right: 9px; background: #f4e5eb; min-height: 258px; }
.content .centre .col5 { width: 611px; float: left; margin-right: 9px; background: #f4e5eb; min-height: 258px; }
.content .centre .newsfeed { margin: 0 9px 10px 0; }
.content .centre .newsfeed h2 { background: #991a37 url(../images/red-heading.gif) repeat-x; padding: 6px; color: #fff; text-transform: uppercase; font-size: 100%; margin: 0; }
.content .centre .newsfeed .item { width: 115px; float: left; padding: 9px 9px 5px 0; }
.content .centre .titleview .item { padding: 9px 9px 0 0; }
.content .centre .newsfeed .last { padding-right: 0; }
.content .centre .newsfeed .item h3 { font-size: 100%; padding: 0 5px; }
.content .centre .newsfeed .item p { font-size: 95%; padding: 0 5px; }
.content .centre .newsfeed .item img { padding: 0 0 5px 0; }
.content .centre .newsfeed a { color: #0d4483; text-decoration: none; }
.content .centre .newsfeed a:hover { text-decoration: underline; }
.content .centre .newsfeed a img { opacity: 0.4; filter: alpha(opacity=40); }
.content .centre .newsfeed a:hover img { opacity: 1; filter: alpha(opacity=100); }
.content .centre .titleview .links { padding: 0 5px 5px 5px; }

.content .centre .minibox { background: none; }
.content .centre .minibox h2 { background: #991a37 url(../images/light-blue-heading.gif) repeat-x; }

.content .centre .right2col { float: right; width: 115px; padding-left: 7px; margin-right: 9px; }
.content .centre .right2col .newsfeed { margin-right: 0; }
.content .centre .right2col .newsfeed h2 { background: #991a37 url(../images/light-blue-heading.gif) repeat-x; padding: 6px; color: #fff; text-transform: uppercase; font-size: 100%; margin: 0 0 7px 0; }
.content .centre .right2col .newsfeed .item { width: 115px; margin-bottom: 7px; padding: 0; }
.content .centre .right2col .newsfeed .item h3 { font-size: 100%; }
.content .centre .right2col .newsfeed .item p { font-size: 95%; }
.content .centre .right2col .newsfeed .item img {  }
.content .centre .right2col .newsfeed .item a { color: #0d4483; text-decoration: none; }
.content .centre .right2col .newsfeed .item a:hover { text-decoration: underline; }

.content .centre .right4col { float: right; width: 240px; padding-left: 15px; }

.content .centre .right6col { float: right; width: 360px; padding-left: 15px; margin-right: 9px; }
.content .centre .gallery {  }
.content .centre .gallery .thumbnail { display: block; float: left; width: 55px; height: 46px; margin: 0 6px 6px 0; }
.content .centre .gallery .thumbnaillast { margin-right: 0; }
.content .centre .gallery .fullsize { display: block; width: 360px; height: 300px; margin: 0 0 6px 0; }
/*
.content .centre .left4col { float: left; width: 240px; }
.content .centre .left4col p { padding: 0 0 10px 0; }

.content .centre .left6col { float: left; width: 360px; padding-left: 15px; }
*/
.content .centre .newsvault form { margin: 0; padding: 0; }
.content .centre .newsvault form h2 { padding: 4px 6px; }
.content .centre .newsvault h2 { background: #991a37 url(../images/light-blue-heading.gif) repeat-x; }
.content .centre .newsvault h2 select { padding: 0; }
.content .centre .newsvault h2 input { padding: 1px; margin: 0; border: 0; font-size: 95%; }
.content .centre .newsvault h3 { font-size: 100%; padding: 10px 0 0 0; }
.content .centre .newsvault ul { list-style-type: none; padding: 0 0 5px 0; margin: 0; }
.content .centre .newsvault ul li { padding: 2px 0; margin: 0; border-bottom: 1px solid #ccc; }
.content .centre .newsvault ul a { color: #666; }
.content .centre .newsvault ul a:hover { text-decoration: none; }
.content .centre .newsvault ul a span { color: #0d4483; font-weight: bold; padding: 0 5px; }
.content .centre .newsvault ul a:hover span { text-decoration: underline; }

.content .centre .newsarchive { margin-right: 9px; background: #c9d5dc; }
.content .centre .newsarchive h2 { padding: 6px; color: #fff; font-size: 100%; margin: 0; font-weight: bold; background: #991a37 url(../images/light-blue-heading.gif) repeat-x; }
.content .centre .newsarchive p { padding: 6px; }
.content .centre .newsarchive ul { margin: 6px; }
.content .centre .newsarchive a { color: #0d4483; text-decoration: none; }
.content .centre .newsarchive a:hover { text-decoration: underline; }

.content .centre .mainstory .news h3 { margin: 0; padding: 5px 0 5px 0; }
.content .centre .mainstory .news ul { margin: 0 0 0 15px; padding: 0 0 10px 0; }
.content .centre .mainstory .news li { padding: 0 0 5px 0; margin: 0; }
.content .centre .mainstory .news a { color: #0d4483; text-decoration: none; }
.content .centre .mainstory .news a:hover { text-decoration: underline; }

.content .centre hr { clear: both; margin: 0.5em 0; }

.content .centre ul { margin: 0; padding: 0 0 5px 14px; }
.content .centre ul li{ margin: 0; padding: 0 0 5px 0; }

.content .centre h1 { font-size: 340%; color: #666; font-weight: normal; padding-bottom: 10px; line-height: 100%; margin-right: 9px }
.content .centre h2 { font-size: 150%; color: #666; font-weight: normal; padding-bottom: 10px; line-height: 100%; margin-right: 9px }

.content .audioPlayer { margin: 0 0 10px 0; }

.footer { border-top: 1px solid #aaa; font-size: 90%; color: #888; padding-bottom: 10px; margin: 0 29px; }
.footer p { margin: 0; padding: 5px; width: 600px; }
.footer p.by { float: right; width: 300px; text-align: right; }
.footer a { color: #888; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

/* Search results */
.searchresult { margin: 5px 9px 5px 0; border: 1px solid #ccc; padding: 5px; }


/* Gallery */
.thumbnail { cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); }
.thumbnail:hover { opacity: 1; filter: alpha(opacity=100); }

/* E-learning template overrides */
body.red { background: url(../images/body-back-red.gif) repeat-x; }
.red .header { background: url(../images/top-back-red.gif) no-repeat; }
.red .content { background: url(../images/main-back-red.gif) no-repeat; }

.banner {position: relative; width: 921px; height: 208px; display: block; background: #000;}
.imagecontainer {position: absolute; top: 0; left: 0; display: none; width: 744px; height: 208px; float: left}
.imagecontainer#banner1 {display: block; }
.bannerimg { display: block; width: 744px; height: 208px}
.buttonwrap {float: left; display: block; height: 208px; width: 177px;}

.button a{position: absolute; display: block; width: 177px; height: 52px; background-position: 0 0px}
.button a:hover{cursor: pointer; width: 177px; height: 52px; background-position: 0 -52px!important}
.button a#button2 {top: 0; right: 0 }
.button a#button3 {top: 52px; right: 0; }
.button a#button4 {top: 104px; right: 0}
.button a#button5 {top: 156px; right: 0}