body { margin: 0; padding: 0;  }

/* Misc classes */

.flushtop { margin-top: 0; padding-top: 0; }
.moretop { margin-top: 32px; }

.flushbottom { margin-bottom: 0; padding-bottom: 0; }
.morebottom { margin-bottom: 32px; }

.show { display: inherit; }
.hide { display: none; }

div.inline h2 { width: 260px; }

ul { list-style-type: none; margin-left: 0; padding-left: 0; }
ul li { background: url(sq.gif) -2px 3px no-repeat; padding-left: 11px; }
ul.arrows li { background: url(ar.gif) 0 3px no-repeat; padding-left: 12px; }

ul.blue { list-style-type: none; margin-left: 0; padding-left: 0; }
ul.blue li { padding: 6px 12px; background-color: #6597C8; background-image: none; color: #FFFFFF; margin-bottom: 6px; }
ul.blue li a { font-weight: bold; color: #FFFFFF; }
ul.blue li a:hover { text-decoration: none; }

p.backtotop { background: url(top.gif) left center no-repeat; padding-left: 13px; margin-top: 30px; width: 200px; }
p.pdfdownload { background: url(pdfbackground.gif) top left no-repeat; height: 21px; padding: 13px 0 10px 62px; }

div.blue { height: 105px; width: 176px; padding: 14px 14px 0 18px; background-color: #6597C8; float: left; margin: 0 14px 14px 0; }
div.blue h2 { color: #FFFFFF; margin: 0; font-size: 15px; }
div.blue p { color: #FFFFFF; line-height: 1.2em; margin-top: 8px; }
div.blue h2 a:link, div.blue h2 a:visited { color: #FFFFFF; text-decoration: none; }
div.blue h2 a:hover, div.blue h2 a:active { color: #FFFFFF; text-decoration: underline; }
div.pale { background-color: #6597C8; }

.superhover:hover { cursor: pointer; }


/* Page body */

#main { min-height: 250px; padding-bottom: 30px; width: 751px; }

/* 
Column explanations ...

1 = Single column with margin
2 = Single column, no margin
3 = Column spanning two middle columns
4 = Column spanning right three columns
5 = Column spanning left three columns
6 = Column spanning whole page
*/

div.column1 { float: left; width: 188px; padding-right: 16px; padding-bottom: 20px; }
div.column2 { float: left; width: 188px; padding-bottom: 20px; }
div.column3 { float: left; width: 392px; padding-bottom: 30px; }
div.column4 { float: left; width: 547px; padding-bottom: 30px; }
div.column5 { float: left; width: 583px; padding-bottom: 30px; margin-left: 12px; }
div.column6 { float: left; width: 739px; padding-bottom: 30px; margin-left: 12px; }

div.sidebar { float: right; width: 143px; padding-bottom: 20px;  }


/* Front page question */

div.questionpanel label { font-weight: bold; color: #333333; }
div.questionpanel select, div.questionpanel textarea { margin: 2px 0 8px 0; }



/* Publications */

div.publicationsearch { position: relative; }
div.publicationsearch h3 { font-weight: normal; }
div.publicationsearch ul, div.publicationsearch p { margin: 0; }
div.publicationsearch ol { padding: 0; margin-left: 18px; }
div.publicationsearch li { background: none; padding-left: 0; }
div.publicationsearch div.redblock { background-color: #822A28; padding: 6px 10px; margin-bottom: 10px; }
div.publicationsearch div.redblock label { font-weight: bold; color: #FFFFFF; font-size: 13px; padding-right: 10px; }
div.publicationsearch div.leftblock { background-color: #EAEAEA; padding: 10px; height: 276px; width: 155px; float: left; }
div.publicationsearch div.midblock { margin: 0 10px 10px 10px; width: 157px; background-color: #EAEAEA; padding: 10px 10px 10px 10px; float: left; }
div.publicationsearch div.rightblock { background-color: #EAEAEA; padding: 10px; height: 276px; width: 155px; position: absolute; top: 45px; right: 0; }
div.publicationsearch a:link, div.publicationsearch a:visited { color: #003876; }
div.publicationsearch a:hover, div.publicationsearch a:active { color: #6597C8; }

/* Header */

#logo { height: 81px; text-align: right; padding-right: 20px; }  

#toolbar { position: absolute; left: 14px; top: 16px; color: #999999; }   
#toolbar a:link, #toolbar a:visited { text-decoration: none; color: #003876; }
#toolbar a:hover, #toolbar a:active { text-decoration: underline; color: #F09A3A; }
#toolbar a.currentlanguage { font-weight: bold; text-decoration: underline; }
#toolbar-spacer { padding: 0 20px; }

#search { position: absolute; left: 14px; top: 42px; }   
#advert { position: absolute; left: 608px; top: 230px; height: 141px; width: 143px; }

#login { position: absolute; left: 608px; top: 230px; height: 131px; width: 123px; background-color: #EAEAEA; padding: 5px 10px;}
#login p { margin: 0 0 6px 0; padding: 0; }
#login b { font-size: 11px; }

#basket { position: absolute; left: 608px; top: 230px; height: 113px; width: 113px; color: #FFFFFF; padding: 28px 15px 0 15px; background: #6597C8 url(basket.gif) 0 0 no-repeat; }
#basket a:link, #basket a:visited { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
#basket a:hover, #basket a:active { color: #F3F3F3; font-weight: bold; text-decoration: none; }
#basket h3 { display: none; }




/* Top menu */

#menu { height: 29px; position: relative; }

#menu ul {
    height: 29px; width: 590px;
    background: url(tabs.gif?d=20100201) 0 0 no-repeat;
    list-style-type: none; margin: 0; padding: 0;
}

#menu ul li {
	float: left; display: block;
	height: 29px; 
	margin: 0; padding: 0;
	background-image: none;
}
	
#menu ul li a {
    display: block; width: 100%; height: 29px;
    text-decoration: none; text-indent: -9999px; outline-style: none;
}

#menu-home { width: 70px; }
#menu-membership { width: 103px; }
#menu-code { width: 88px; }
#menu-events { width: 73px; }
#menu-networks { width: 86px; }
#menu-resources { width: 95px; }
#menu-contact { width: 75px; }

#menu-home a:hover, #menu-home a:active, .tab-home #menu-home  { background: url(tabs.gif) -000px -29px no-repeat; }
#menu-membership a:hover, #menu-membership a:active, .tab-membership #menu-membership  { background: url(tabs.gif) -070px -29px no-repeat; }
#menu-code a:hover, #menu-code a:active, .tab-code #menu-code  { background: url(tabs.gif) -173px -29px no-repeat; }
#menu-events a:hover, #menu-events a:active, .tab-events #menu-events  { background: url(tabs.gif) -261px -29px no-repeat; }
#menu-networks a:hover, #menu-networks a:active, .tab-networks #menu-networks  { background: url(tabs.gif) -334px -29px no-repeat; }
#menu-resources a:hover, #menu-resources a:active, .tab-resources #menu-resources  { background: url(tabs.gif) -420px -29px no-repeat; }
#menu-contact a:hover, #menu-contact a:active, .tab-contact #menu-contact  { background: url(tabs.gif) -515px -29px no-repeat; }


/* Title and photo */

#title { width: 765px; height: 57px; background: url(headers/title-home.gif) 0 0 no-repeat; padding: 50px 0 0 12px; }
#photo { width: 595px; height: 154px; background: url(headers/photo-home.jpg) 0 0 no-repeat; padding-bottom: 13px; }

.tab-home #title { }
.tab-home #photo { }
.tab-membership #title { background: url(headers/title-membership.gif) 0 0 no-repeat; }
.tab-membership #photo { background: url(headers/photo-membership.jpg) 0 0 no-repeat; }
.tab-code #title { background: url(headers/title-code.gif) 0 0 no-repeat; }
.tab-code #photo { background: url(headers/photo-code.jpg) 0 0 no-repeat; }
.tab-events #title { background: url(headers/title-events.gif) 0 0 no-repeat; }
.tab-events #photo { background: url(headers/photo-events.jpg) 0 0 no-repeat; }
.tab-networks #title { background: url(headers/title-networks.gif) 0 0 no-repeat; }
.tab-networks #photo { background: url(headers/photo-networks.jpg) 0 0 no-repeat; }
.tab-resources #title { background: url(headers/title-resources.gif) 0 0 no-repeat; }
.tab-resources #photo { background: url(headers/photo-resources.jpg) 0 0 no-repeat; }
.tab-contact #title { background: url(headers/title-contact.gif) 0 0 no-repeat; }
.tab-contact #photo { background: url(headers/photo-contact.jpg) 0 0 no-repeat; }

#title { display: block; color: #FFFFFF; font-size: 42px; }


/* Sub menu */

#sub { float: left; margin-right: 16px; width: 187px; margin-top: 0;  }
#sub ul { list-style-type: none; margin: 0 0 18px 0; padding: 0; border-top: 1px solid #BBBBBB; }
#sub ul li { margin: 0; padding: 5px 5px 5px 14px; font-weight: bold; border-bottom: 1px solid #BBBBBB; background-image: none; }
#sub ul li a:link, #sub ul li a:visited { color: #333333; text-decoration: none; }
#sub ul li a:hover, #sub ul li a:active { color: #F09A3A; text-decoration: underline; }
#sub ul li.selected { background-color: #FAFAFA; }
#sub ul li.selected a:link, #sub ul li.selected a:visited { text-decoration: none;  color: #003876; padding-right: 12px; background: url(ar.gif) right center no-repeat; }
#sub ul li.selected a:hover, #sub ul li.selected a:active { text-decoration: underline;	color: #F09A3A; padding-right: 12px; background: url(ar.gif) right center no-repeat; }
#sub ul li.subitem { font-weight: normal; padding: 3px 5px 3px 28px; background: url(subitem.gif) 18px 9px no-repeat; }

#sub table { margin: 10px 0 10px 16px; }
#sub p { margin-left: 14px; margin-right: 8px; }
#sub h2 { padding-left: 14px; }

/* Blocks */

div.block { padding: 10px 8px 14px 8px; border-bottom: #CCCCCC solid 1px;  }
div.block h4 { color: #222222; font-size: 13px; margin: 0; padding: 0;  }
div.block p.details { color: #222222; margin: 2px 0 0 0; padding: 0; }
div.block p, div.block table tr td, div.block strong, div.block b { color: #444444; }

div.block table { margin: 4px 0 0 0; }
div.block table.shunt { margin-top: 10px; margin-bottom: 2px; }
div.block table tr td { padding: 1px 6px 2px 0; }

div.odd { background-color: #F3F3F3; }
div.rule { border-bottom: 1px solid #BBBBBB; margin-top: 10px; }

h3.block { height: 21px; background-color: #195590; font-weight: bold; color: #FFFFFF; padding: 4px 8px 0 8px; margin: 0; }

td.video { border-top: #CCCCCC solid 1px; padding: 14px 0; width: 260px; vertical-align: top; }
td.video h3 { margin-top: 0; margin-bottom: 4px; }
td.video img { float: right; padding-left: 12px; padding-top: 2px; }
td.video p { margin: 4px 0; }


/* Footer */

#footer { margin: 0; clear: both; height: 50px; width: 724px; padding: 2px 14px; }
#footer p.floatleft, #footer p.floatright { padding-bottom: 0; }


/* Togglers */

h2.togglermore {
	cursor: pointer; display: block;
	background: #6597C8 url(toggler.gif) right -24px no-repeat; color: #FFFFFF;
	font-size: 14px; font-style: normal;
	padding: 4px 6px;
	}
h2.togglerless {
	cursor: pointer; display: block;
	background: #6597C8 url(toggler.gif) right -48px no-repeat; color: #FFFFFF;
	font-size: 14px; font-style: normal;
	padding: 4px 6px;
	}
h2.togglerfake {
	background: #6597C8 url(toggler.gif) right 0 no-repeat; color: #FFFFFF;
	font-size: 14px; font-style: normal;
	padding: 4px 6px;
	}


/* Inline edit button */

div.edit { padding: 10px 0 20px 0; }
#sub div.edit { padding: 0 0 20px 14px; margin-top: -10px; }