body { background: #C6C3BD url(background.gif) repeat-y; }
#container { width: 970px; position: relative; }

#header { padding: 16px 20px 0 26px; position: relative; height: 74px; }

#links-left { position: absolute; left: 580px; top: 13px; width: 220px; }
#links-right { position: absolute; left: 700px; top: 13px; width: 270px; }
#links-left li  { padding-left: 20px; font-weight: bold; width: 80px; }
#links-right li  { padding-left: 20px; font-weight: bold; }
#links-left a:link, #links-left a:visited, #links-right a:link, #links-right a:visited { text-decoration: none; } 
#links-left a:hover, #links-left a:active, #links-right a:hover, #links-right a:active { text-decoration: underline; } 
#links-left li.links-facebook { background: url(links-facebook.gif) 0 1px no-repeat; }
#links-left li.links-twitter { background: url(links-twitter.gif) 0 0 no-repeat; }
#links-left li.links-blog { background: url(links-blog.gif) 0 1px no-repeat; }
#links-left li.links-wikipedia { background: url(links-wikipedia.gif) 0 0 no-repeat; }
#links-right li { background: url(action.gif) 2px 3px no-repeat; }


#menu { height: 90px; background-color: #00405B; }

#menu ul { position: absolute; top: 82px; right: 0; z-index: 10; }
#menu li { display: block; float: left; line-height: 1em; margin: 0; }
#menu li a { display: block; padding: 6px 18px 6px 30px; text-align: center; font-weight: normal; color: #FFFFFF; border-bottom: 1px #FFFFFF solid; text-decoration: none; }

#menu li a { background: #4C6C69 url(menuarrow.gif) 0 0 no-repeat; }
#menu li.hover a { background: url(menuarrow.gif) 0 -24px no-repeat; }

#menu li ul { position: absolute; left: -9999px; width: 1px; }
#menu li.hover ul { position: absolute; left: auto; right: auto; top: 24px; z-index: 10; }
#menu li.hover ul li a { background-image: none; }
#menu li ul li { width: 145px; line-height: 14px; }
#menu li ul li a { font-weight: normal; text-align: left; border-left: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px; padding-left: 12px; }
#menu li ul li a:hover { text-decoration: underline; }

#menu #menu-home a { background-color: #4D6D6A; }
#menu #menu-about a { background-color: #3D737F; }
#menu #menu-programmes a { background-color: #4F6C4D; }
#menu #menu-portfolio a { background-color: #6C534F; }
#menu #menu-news a { background-color: #583440; }

#menu #menu-programmes ul li { width: 244px; }
#menu #menu-portfolio ul li { width: 200px; }

#headertext { color: #FFFFFF; font-size: 24px; letter-spacing: -1px; padding: 32px 0 0 25px; }

#footer { padding: 10px 25px; }


/* Page content */

#spread { padding: 20px 25px; }

#pagecolumns { background: url(pagecolumns.gif) 0 0 repeat-y; border-bottom: 3px #00405B solid; }

#left { background-color: #D4E2E3; padding: 23px 20px 100px 25px; float: left; width: 168px; border-right: 3px #00405B solid; } 
#left li { padding: 1px 0 2px 18px;  background: url(action.gif) 0 3px no-repeat; font-weight: bold; }
#left li a:link, #left li a:visited { text-decoration: none; }
#left li a:hover, #left li a:active { text-decoration: underline; }
#left h2 { margin-top: 0; }

#middle { padding: 20px 25px 20px 28px; float: left; width: 700px; }
#middle ul li { padding-left: 18px; background: url(action.gif) 0 3px no-repeat;  }

#right { padding: 0 0 10px 30px; float: right; width: 188px; }

object { z-index: 5; }


/* Home page */

#homecolumns { background: url(homecolumns.gif) 0 0 repeat-y; border-bottom: 3px #00405B solid; }
#homecolumns h2 { text-transform: uppercase; }

#stories { background-color: #D4E2E3; padding: 22px 25px; width: 163px; float: left; margin-right: 3px; }
#stories h3 { padding-top: 10px; border-top: 1px dotted #004C64; }

#programs { background: #489AC0 url(iceburg.jpg) 0 0 no-repeat; padding: 176px 25px 22px 25px; width: 338px; float: left; border-top: 3px #00405B solid; }
#programs h2 { color: #FFFFFF; }
#programs h3 { padding-top: 10px; border-top: 1px dotted #A4CDE0; }
#programs a:link, #programs a:visited { color: #E5F1F6; }
#programs a:hover, #programs a:active { color: #FFFFFF; }
#programs p { color: #D0E5EF; }

#articles { background-color: #D4E2E3; padding: 22px 15px 22px 25px; width: 320px; float: left; margin-left: 3px; }
#articles h3 { padding-top: 10px; border-top: 1px dotted #004C64; }