html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, 
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	font: normal 83%/1.4 arial, helvetica, sans-serif;
}

a { color: #7cc242; outline: none; }

blockquote, q
{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

big
{
    font-size: 120%;
    font-weight: bold;
}

strong
{
    font-weight: bold;
}

em
{
    font-style: italic;
}

/* =Classes */
.clearer { clear: both; }

.horizontalRule {
	border-top: 1px solid #d9d9d9;
	clear: both;
	height: 1px;
	margin: 15px 0;
}

#container
{
    margin: 15px auto;
    width: 980px;
}

#header
{
    
}

#header h1
{
    float: left;
    margin-bottom: 10px;
}

#header h1 a
{
	background-image: url('/graphics/logo.gif');
	background-repeat: no-repeat;
	display: block;
	height: 55px;
	width: 128px;
	text-indent: -2000em;
	z-index: 1000; /* need for FX and IE */
}

#header #navigation
{
    float: left;
    margin: 39px 0 0 35px;
    padding: 0;
}

#header #navigation li
{
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
}

#header #navigation li a
{
    background-color: #7cc242;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*#header #navigation li a.selected
{
    background-color: #fff;
    color: #7cc242;
}*/

#feature
{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    text-align: right;
}

#feature big, #featureInternal big
{
    display: block;
    font-size: 1.2em;
}

#feature small, #featureInternal small
{
    display: block;
    font-size: 0.8em;
}

#featureTop
{
    background-color: #7cc242;
    height: 130px;
    padding: 20px 25px;
}

#featureBottom
{
    background-color: #000;
    padding: 20px 25px;
}

#localAction
{
    left: 0;
    position: absolute;
    top: 0;
}

.columnHeader a
{
    color: #fff;
    text-decoration: none;
}

#columnLeft
{
	/* CD (28/11/2011) - #columnLeft DIV is to be used for the Flickr Promo */
    /* background: #e8e9ea url('/images/homepage1.jpg') no-repeat left top; */
	background: #e8e9ea url('/graphics/SSNConference2011-FlickrPromo.jpg') no-repeat left top; 
    float: left;
    height: 212px;
    margin-right: 40px;
    width: 300px;
}

#columnLeft #knowledgeBase { display: block; width: 300px; height: 202px; }
#columnLeft #knowledgeBase span { display: none; }

#columnLeft .columnHeader
{
    /*background: transparent url('/graphics/transparency.png') repeat left top;*/
    color: #fff;
    font-size: 1.4em;
    padding: 5px;
}

#columnMiddle
{
    background-color: #e8e9ea;
    float: left;
    height: 212px;
    width: 300px;
}

#columnMiddle .columnHeader
{
    background-color: #7cc242;
    color: #fff;
    font-size: 1.4em;
    padding: 5px;
}

#columnMiddleMore { float: right; text-decoration: underline; }

#columnMiddle table
{
    display: block;
    font-size: 0.8em;
    margin: 8px;
    width: 300px;
}

#columnRight
{
    float: right;
    width: 300px;
}

#featureInternal
{
    background-color: #7cc242;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    text-align: right;
}

#featureInternalTop
{
    padding: 20px 25px;
}

#featureInternalBottom
{
    background-color: #000;
    padding: 10px 15px;
    text-align: left;
}

#featureInternalBottom h2
{
    font-size: 1.4em;
}

#footer
{
    border-top: 1px solid #ccc;
    font-size: 0.8em;
    margin-top: 20px;
    padding-top: 5px;
}

#footer ul
{
    margin: 0;
    padding: 0;
}

#footer ul li
{
    display: inline;
    margin-right: 15px;
}

/* Registeration Box */
#registerationBox, #caseStudiesBox
{
    background-color: #e8e9ea;
    float: right;
    margin: 10px 0 10px 10px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.conf-promos { margin: 14px 0 14px 0; padding: 0; width: 100%; float: left; clear: both; list-style: none; }
.conf-promos * { margin: 0; padding: 0; }
.conf-promos li { margin-right: 50px; float: left; list-style: none; }
.conf-promos li a { display: block; width: 420px; height: 123px; }
.conf-promos li a span { display: none; }

.conf-promos li.dwl-programme a { background: url(../graphics/Promo-DownloadProgramme.png) no-repeat; }
.conf-promos li.dwl-flyer a { background: url(../graphics/Promo-DownloadFlyer.png) no-repeat; }
.conf-promos li.dwl-compendium a { width: 481px; height: 142px; background: url(../graphics/Promo-DownloadPosterCompendium.png) no-repeat; }

.dwl-pdf { margin: 0; padding: 0 0 0 26px; height: 20px; display: block; background: url(../graphics/icon-pdf.jpg) no-repeat; }
.dwl-audio { margin: 0; padding: 0 0 0 26px; height: 20px; display: block; background: url(../graphics/icon-media-player.gif) no-repeat; }