body { background: #D3D3D3 url(background/background.gif) top center repeat-y; text-align: center; }
#container { width: 960px; margin: 0 auto; text-align: left; }


/*---- Header ---*/

#header { position: relative; margin-top: 10px; height: 49px; }
#header, #header input { font-size: 12px; }
#header label { display: none; }
#signin a, #search a { display: block; position: absolute; right: 24px; top: 16px; }
#header a:link, #header a:visited { color: #E5E3E4; font-weight: normal; text-decoration: underline; }
#header a:hover, #header a:active { color: #FFFFFF; font-weight: normal; }
#header input.input { padding: 1px 5px 4px 5px; margin-right: 6px; background-color: #F3F3F3; border: none; position: relative; top: -2px; }

#signin { position: absolute; top: 0; left: 0; height: 34px; width: 387px; padding: 16px 0 0 98px; background: url(header/signin.gif) 0 0 no-repeat; }
#signin input.button { position: absolute; top: 15px; left: 320px; }
#signin input.input { width: 90px; }

#account { position: absolute; top: 0; left: 0; height: 34px; width: 357px; padding: 16px 0 0 118px; background: url(header/account.gif) 0 0 no-repeat; }
#account strong { color: #E5E3E4; }

#search { position: absolute; top: 0; right: 0; height: 34px; width: 282px; padding: 16px 0 0 100px; background: url(header/search.gif) 0 0 no-repeat; }
#search input.button { position: absolute; top: 15px; left: 232px; }
#search input.input { width: 110px;  }


/*---- Main ---*/

#main { background: url(background/middle.gif) 0 0 repeat-y; }
#main-top { height: 20px; background: url(background/top.gif) 0 0 no-repeat; }
#main-bottom { height: 20px; background: url(background/bottom.gif) 0 0 no-repeat; }
#main-content { padding: 20px 40px; position: relative; min-height: 400px; width: 880px; }

#logo { padding-bottom: 26px; height: 85px; }

div.alternatetitle { position: absolute; top: 83px; left: 317px; width: 400px; }



/*---- Divs with corners ---*/

div.dark { background-color: #3D527A; color: #FFFFFF; margin-bottom: 25px; width: 100%; }
div.dark p, div.dark a:link, div.dark a:visited { color: #FFFFFF; }
div.dark a:hover { color: #F3F3F3; }
div.dark h2 { margin-top: 0; }

div.dark div.rounded-top { background: url(corners/dark-tl.gif) top left no-repeat; }
div.dark div.rounded-top div { background: url(corners/dark-tr.gif) top right no-repeat; }
div.dark div.rounded-bottom { background: url(corners/dark-bl.gif) bottom left no-repeat; }
div.dark div.rounded-bottom div { background: url(corners/dark-br.gif) bottom right no-repeat; }

div.orange { background-color: #F68121; color: #3D527A; margin-bottom: 25px; width: 100%; }
div.orange p { color: #FFFFFF; }

div.orange div.rounded-top { background: url(corners/orange-tl.gif) top left no-repeat; }
div.orange div.rounded-top div { background: url(corners/orange-tr.gif) top right no-repeat; }
div.orange div.rounded-bottom { background: url(corners/orange-bl.gif) bottom left no-repeat; }
div.orange div.rounded-bottom div { background: url(corners/orange-br.gif) bottom right no-repeat; }

div.light { background: #EAEAEA url(corners/light.gif) 0 0 repeat-x; margin-bottom: 15px; }

div.light div.rounded-top { background: url(corners/light-tl.gif) top left no-repeat; }
div.light div.rounded-top div { background: url(corners/light-tr.gif) top right no-repeat; }
div.light div.rounded-bottom { background: url(corners/light-bl.gif) bottom left no-repeat; }
div.light div.rounded-bottom div { background: url(corners/light-br.gif) bottom right no-repeat; }

div.rounded { }
div.rounded-top, div.rounded-top div, div.rounded-bottom, div.rounded-bottom div { width: 100%;	height: 22px;	font-size: 1px; }
div.rounded-content { padding: 0 22px; background: none; }


/*---- Columns ---*/

div.column-single { float: left; width: 258px; margin-right: 20px; }
div.column-single2 { float: left; width: 280px; margin-right: 20px; }
div.column-balance { float: left; width: 300px; margin-right: 0; }
div.column-double { float: left; width: 555px; margin-right: 20px; }

div.column-left { float: left; width: 248px; margin-right: 30px; }
div.column-right { float: left; width: 597px; margin-bottom: 40px; }
div.column-sidebar { float: right; width: 200px; margin-left: 30px; margin-bottom: 30px; }

div.column-left div.image { padding-top: 16px; }
div.column-sidebar div.image { padding-bottom: 16px; padding-top: 3px; }

div.title { height: 39px; width: 755px; padding: 14px 102px 0 23px; background: url(misc/title-wide.gif) 0 0 no-repeat; margin-bottom: 20px; }
div.title h1 { color: #FFFFFF; height: 27px; overflow: hidden; }
div.column-right div.title { height: 39px; width: 472px; padding: 14px 102px 0 23px; background: url(misc/title-normal-1.gif) 0 0 no-repeat; margin-bottom: 22px; }

div.column-full { float: left; clear: both; padding-top: 10px; }


/*---- Toggler ---*/

a.toggle-link { display: block; padding: 0 0 10px 22px; background: url(icons/expand.gif) 0 1px no-repeat; text-decoration: none;  }
a.toggle-link.selected { font-weight: bold; background: url(icons/collapse.gif) 0 1px no-repeat; }
div.toggle-area { display: none; padding-left: 22px; margin-bottom: 30px; background: url(icons/expand-line.gif) 7px 0 repeat-y;  }


/*---- Tags and resources ---*/

div.taglist a { display: block; margin: 0; padding: 0 30px 8px 26px; background: url(buttons/arrow-faded.gif) left 1px no-repeat; text-decoration: none; }
div.taglist a:hover { background: url(buttons/arrow-white.gif) left 1px no-repeat; }


/*----  Forums and blogs ---*/

div.forum { padding: 15px; margin-right: 10px; }
div.forum.shaded { background-color: #F2F2F2; }
div.forum h3 { margin: 0; padding: 0; }
div.forum p { font-size: 11px; margin-top: 4px; }
div.forum p.summary { color: #666666; font-weight: bold; }
div.forum span.numposts { float: right; font-size: 11px; color: #FFFFFF; width: 69px; text-align: center; height: 30px; padding-top: 6px; background: url(misc/forum.gif) 0 0 no-repeat; }
div.forum span.numposts a { color: #FFFFFF; text-decoration: none; }
div.forum span.numposts a:hover { text-decoration: underline; }

div.blog { clear: both; margin-bottom: 30px; }
div.blog h3 { margin-top: 0; padding-top: 0; }
div.blog img { float: left; padding-right: 10px; margin-bottom: 10px; }


/*---- Comments ---*/

div.comment { padding: 15px; min-height: 60px; }
div.comment.shaded { background-color: #F2F2F2; }
div.comment img { float: right; padding-left: 10px; }


/*---- Posts ---*/

div.post { padding: 15px; }
div.post.shaded { background-color: #F2F2F2; }
div.post table td { padding-left: 20px; }
div.post table td.data { width: 240px; padding: 0 20px 0 0; border-right: 4px solid #DDDDDD; }
div.post table td.data img { float: right; padding-left: 10px; }
#addcomment { margin-top: 30px; }


/*---- Bookmark ---*/

#sharelink { display: block; height: 28px; width: 198px; background: url(buttons/share.gif) no-repeat 0 0 ; text-indent: -9999px; text-decoration: none; }

#emailform { padding-top: 20px; }
#emailform width { margin-top: 0; }

ul.bookmark { list-style-type: none; height: 28px; margin: 6px 0 0 0; padding: 0;  }
ul.bookmark li { display: block; height: 28px; margin: 0; padding: 0 2px 0 0; float: left; }

ul.bookmark li.bookmark-email { height: 23px; padding-top: 5px; padding-left: 21px; background: url(icons/email.gif) 0 9px no-repeat; margin-left: 50px; }
ul.bookmark li.bookmark-print { height: 23px; padding-top: 5px; padding-left: 21px; background: url(icons/print.gif) 0 6px no-repeat; margin-left: 20px; }
ul.bookmark li.bookmark-favourite { height: 23px; padding-top: 5px; padding-left: 21px; background: url(icons/favourite.gif) 0 5px no-repeat; margin-left: 18px; }


/*---- Vacancies ---*/

div.vacancy { padding: 15px; min-height: 60px; }
div.vacancy.shaded { background-color: #F2F2F2; }
div.vacancy h3 { margin: 0; padding: 0 0 10px 0; font-size: 14px; font-weight: normal; }
div.vacancy img { float: right; padding-left: 10px; }


/*---- Stories ---*/

div.story { padding: 15px; min-height: 60px; }
div.story.shaded { background-color: #F2F2F2; }
div.story h3 { margin: 0; padding: 0 0 10px 0;  }
div.story img { float: right; padding: 0 0 10px 20px; }


/*---- Search snippets ---*/

div.snippet { padding: 10px 0; width: 600px; }
div.snippet p.metadata { font-size: 11px; margin-top: 4px; }
div.snippet p.metadata strong { white-space: nowrap; color: #555555; }
div.snippet h5 { font-size: 14px; font-weight: normal; margin-top: 0; padding-top: 0; }
div.snippet span { font-size: 11px; color: #385487; }
div.pager { text-align: center; margin-top: 20px; }

/*--

div.snippet { border-bottom: 5px solid #FFFFFF; min-height: 66px; padding: 7px 10px 7px 30px; position: relative; background: #FDFDFD url(labels/blank.gif) 0 0 repeat-y; }
div.snippet.shaded { background-color: #F2F2F2; }
div.snippet p { color: #555555; }
div.snippet p.metadata { color: #777777; font-size: 11px; margin-top: 4px; }
div.snippet p.metadata strong { white-space: nowrap; }
div.snippet h3 { font-size: 13px; font-weight: bold; margin-top: 0; padding-top: 0; }

div.snippet span { display: block; height: 80px; width: 20px; position: absolute; top: 0; left: 0; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat; }
div.snippet span.label-blog { background-image: url(labels/blog.gif); } 
div.snippet span.label-event { background-image: url(labels/event.gif); } 
div.snippet span.label-forum { background-image: url(labels/forum.gif); } 
div.snippet span.label-organisation { background-image: url(labels/organisation.gif); } 
div.snippet span.label-page { background-image: url(labels/page.gif); } 
div.snippet span.label-question { background-image: url(labels/question.gif); } 
div.snippet span.label-resource { background-image: url(labels/resource.gif); } 
div.snippet span.label-tag { background-image: url(labels/tag.gif); } 
div.snippet span.label-vacancy { background-image: url(labels/vacancy.gif); } 

--*/


/*---- Events ---*/

table.events { border-collapse: collapse; margin-top: 16px;  }
table.events td { padding: 11px; width: 273px; background-color: #F2F2F2; border-right: 10px #FFFFFF solid; border-bottom: 10px #FFFFFF solid; }
table.events td.last { border-right: none; }
table.events td h4 { padding-top: 0; margin-top: 0; }


/*---- Sub menu ---*/

#submenu ul { margin: 0; list-style-type: none; padding-left: 4px;  }
#submenu ul li { margin: 0; }
#submenu ul a { display: block; font-weight: bold; margin: 0; padding-bottom: 7px; padding-right: 26px; text-decoration: none; font-size: 13px; }
#submenu ul li.selected a { background: url(buttons/arrow-white.gif) right 2px no-repeat; color: #F68121; font-weight: bold; }

#submenu ul ul { padding: 0 0 12px 0; }
#submenu ul ul li { padding-left: 12px; background: 1px 7px url(misc/menu2.gif) no-repeat; font-size: 13px; }
#submenu ul ul a { font-weight: normal; padding-bottom: 4px; }
#submenu ul li.selected ul a { background: none; font-weight: normal; color: #385487; }

#submenu ul ul ul { padding-top: 4px; }
#submenu ul ul ul a { padding-bottom: 3px; }
#submenu ul ul ul li { padding-left: 12px; background: 1px 7px url(misc/menu3.gif) no-repeat; }

#submenu ul ul ul ul { padding-top: 4px; }

#submenu ul a:hover, #submenu ul ul a:hover, #submenu ul ul ul a:hover, #submenu ul ul ul ul a:hover  { background: url(buttons/arrow-faded.gif) right 2px no-repeat; color: #F68121; }


/*---- Main menu ---*/

#menu { height: 30px; position: absolute; top: 68px; right: 31px; }
#menu li { display: block; height: 30px; margin: 0; float: left; margin-right: 11px; list-style-type: none; }
#menu li a { display: block; height: 30px; width: 100%; text-decoration: none; text-indent: -9999px; }

.menu-06 { right: 40px; }

#menu-00 { width: 49px; background: url(menu/normal.gif) 0 0 no-repeat; }
#menu-01 { width: 49px; background: url(menu/normal.gif) -49px 0 no-repeat; }
#menu-02 { width: 71px; background: url(menu/normal.gif) -98px 0 no-repeat; }
#menu-03 { width: 78px; background: url(menu/normal.gif) -169px 0 no-repeat; }
#menu-04 { width: 53px; background: url(menu/normal.gif) -247px 0 no-repeat; }
#menu-05 { width: 72px; background: url(menu/normal.gif) -300px 0 no-repeat; }
#menu-06 { width: 106px; background: url(menu/normal.gif) -372px 0 no-repeat; }

#menu-00 a:hover { background: url(menu/normal.gif) 0 -30px no-repeat; }
#menu-01 a:hover { background: url(menu/normal.gif) -49px -30px no-repeat; }
#menu-02 a:hover { background: url(menu/normal.gif) -98px -30px no-repeat; }
#menu-03 a:hover { background: url(menu/normal.gif) -169px -30px no-repeat; }
#menu-04 a:hover { background: url(menu/normal.gif) -247px -30px no-repeat; }
#menu-05 a:hover { background: url(menu/normal.gif) -300px -30px no-repeat; }
#menu-06 a:hover { background: url(menu/normal.gif) -372px -30px no-repeat; }

.menu-00 #menu-00 { width: 89px; background: url(menu/highlight.gif) 0 0 no-repeat; }
.menu-01 #menu-01 { width: 89px; background: url(menu/highlight.gif) -89px 0 no-repeat; }
.menu-02 #menu-02 { width: 110px; background: url(menu/highlight.gif) -178px 0 no-repeat; }
.menu-03 #menu-03 { width: 118px; background: url(menu/highlight.gif) -288px 0 no-repeat; }
.menu-04 #menu-04 { width: 93px; background: url(menu/highlight.gif) -406px 0 no-repeat; }
.menu-05 #menu-05 { width: 112px; background: url(menu/highlight.gif) -499px 0 no-repeat; }
.menu-06 #menu-06 { width: 146px; background: url(menu/highlight.gif) -611px 0 no-repeat; }

.menu-00 #menu-00 a:hover { background: none; }
.menu-01 #menu-01 a:hover { background: none; }
.menu-02 #menu-02 a:hover { background: none; }
.menu-03 #menu-03 a:hover { background: none; }
.menu-04 #menu-04 a:hover { background: none; }
.menu-05 #menu-05 a:hover { background: none; }
.menu-06 #menu-06 a:hover { background: none; }

#menu-admin { width: 146px; background: url(menu/admin.gif) 0 0 no-repeat; }

#quicklinks { height: 16px; position: absolute; top: 12px; right: 36px; width: 380px; }
#quicklinks li { display: block; height: 16px; margin: 0; float: left; margin-left: 20px; list-style-type: none; }
#quicklinks li a { display: block; height: 16px; text-decoration: none; font-weight: bold; color: #666666; padding-left: 24px; background: url(buttons/arrow-white.gif) 0 0 no-repeat; }
#quicklinks li a:hover { text-decoration: underline; }


#breadcrumbs { position: absolute; top: 46px; right: 43px; text-align: right; font-size: 11px; width: 600px; color: #888888; }
#breadcrumbs a:link, #breadcrumbs a:visited { color: #888888; }
#breadcrumbs a:hover, #breadcrumbs a:active { color: #F68121; }




/*---- sIFR ---*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* Decoy styles */

.sIFR-hasFlash div.title h1 {
  font-family: Verdana;
	visibility: hidden;
	font-size: 22px;
	line-height: 1.2em;
	letter-spacing: -2px;
}

.sIFR-hasFlash h1 {
  font-family: Verdana;
	visibility: hidden;
	font-size: 22px;
	line-height: 1.2em;
	letter-spacing: -2px;
}

.sIFR-hasFlash h2 {
  font-family: Verdana;
    visibility: hidden;
    font-size: 19px;
    letter-spacing: -2px;
    line-height: 1.2em;
}
.sIFR-hasFlash h2.jumbo { font-size: 26px; } 

.sIFR-hasFlash div.column-sidebar h2 {
  font-family: Verdana;
	visibility: hidden;
	font-size: 18px;
	letter-spacing: -3px;
	line-height: 1.2em;
}
.sIFR-hasFlash h2.blue {
  font-family: Verdana;
	visibility: hidden;
	font-size: 20px;
	letter-spacing: -2px;
	line-height: 1.2em;
	margin-bottom: -6px;
}
.sIFR-hasFlash div.squashheading h2 {
  font-family: Verdana;
	margin-bottom: -6px;
}