/* base */
html, body {height:101%; margin:0; padding:0}
html {min-width:973px}
body {text-align:center; background:url(/si/body.png) 0 0 repeat #fff}


/* fonts */
body, textarea {font-family:Arial, Helvetica, sans-serif}
body {font-size:1em} 
#content {font-size:0.75em}
#footer {font-size:0.6875em}
p {font-size:1em; line-height:1.5em; margin:0 0 1.5em 0}
h1 {font-size:1.8em; line-height:1em; padding:0 0 34px 4px; font-family:"Arial Black", sans-serif; color:#666}
h2 {font-size:1.3em; margin-top:1.8em; margin-bottom:1em; font-family:"Arial Black", sans-serif; color:#333}
.col h2 {margin-top:0}
.download-file a {color:#990000}
#content, #content a {color:#000}
#content a:hover, #content a:focus {color:#990000}
#content ul {list-style:disc outside; margin-left:1em}
#content li {margin-bottom:1.5em}

/* main layout */
#wrapper {height:auto !important; height:100%; min-height:100%; width:963px; margin:0 auto; padding:0 5px; position:relative; text-align:left; background:url(/si/wrapper.png) 0 0 repeat-y #fff}
#header {width:100%; height:113px; clear:both; background:url(/si/header.png) 0 0 no-repeat #822525; position:relative}
#footer {position:absolute; bottom:0; left:15px; width:943px; clear:both; height:100px; overflow:hidden}
#side-bar {width:239px;	float:left; overflow:hidden}
#content {width:712px; overflow:hidden; margin:0; padding:54px 0 0 10px; float:right}
#content-wrapper {clear:both; width:963px; overflow:hidden; padding-bottom:130px}

/* logo */
#logo img {margin:10px 0 20px 15px}

/* main menu */
#main-nav {width:100%; height:24px; position:absolute; left:0; top:89px; overflow:hidden}
#main-nav li {width:144px; margin:0; padding:0; float:left; text-align:center; border-left:1px solid #999; height:24px; line-height:24px; background:url(/si/mainnav-li.png) 0 0 repeat-x #d9d9d9}
#main-nav li#main-nav-home {border-left:0 none; width:93px}
#main-nav li.active {background:url(/si/mainnav-li-active.png) 0 0 repeat-x #9a2b2b}
#main-nav a {display:block; width:100%; margin:0; padding:0; font-size:0.8333em; font-weight:bold; color:#333; text-decoration:none}
#main-nav a:hover, #main-nav a:focus {text-decoration:underline}
#main-nav li.active a {color:#fff}

/* side menu */
#side-nav {width:100%; background:url(/si/side-nav-li-separator.png) top center no-repeat transparent; padding-top:3px}
#side-nav li {width:100%}
#side-nav a {display:block; padding:0px 18px 3px 18px; margin:0; height:39px; line-height:39px; font-size:0.875em; color:#fff; text-decoration:none; background:url(/si/side-nav-li-separator.png) bottom center no-repeat transparent}
#side-nav li.active {background:url(/si/side-nav-active.png) 0 -2px repeat-x transparent}
#side-nav li.active a {color:#333; font-weight:bold}
#side-nav a:hover, #side-nav a:focus {text-decoration:underline}

/* footer */
#footer-logos {padding-left:240px; width:703px; overflow:hidden}
#footer-logos img {margin-right:10px; float:left}
#footer-logo {float:right; padding-top:10px}
#footer-logo img {margin:0}
#footer-main {clear:both; width:100%; border-top:1px solid #ccc; margin-top:3px; margin-bottom:1.5em; padding-top:3px; overflow:hidden}
#footer-main span {margin-right:25px; float:left}
#footer a {text-decoration:none; color:#666}
#footer a:hover {color:#000}
#footer {color:#666}
#footer #footer-email {width:240px; display:block; float:left; color:#ccc}
#footer #copyright {margin-right:0; float:right}
#footer #website_by {float:right; margin-bottom:10px}

/* columns */
.col {float:left; margin-right:10px; padding:1.5em 10px 0 10px; overflow:hidden}
.col1 {width:148px} 
.col2 {width:326px}
.col4 {width:682px; margin-bottom:10px}
.full {width:100%; margin-bottom:10px; overflow:hidden}
.content-area {background:url(/si/content-area.jpg) top left no-repeat #b4b6b4}

/* rounded corners */
.c-lt {position:absolute; left:0; top:0; height:6px; width:6px; overflow:hidden}
.c-rt {position:absolute; right:0; top:0; height:6px; width:6px; overflow:hidden}
.c-rb {position:absolute; right:0; bottom:0; height:6px; width:6px; overflow:hidden}
.c-lb {position:absolute; left:0; bottom:0; height:6px; width:6px; overflow:hidden}
.rounded {height:1%; position:relative}

/* management */
.management-img {width:120px; float:left; margin-bottom:1.5em}
.management-profile {margin-left:140px; margin-bottom:1.5em}
.management-footer {clear:both}

/* newscentre */
.article .heading, .article .source {width:250px; float:left}
.article .content {margin-left:270px}
.article .source {color:#990000}
.article .download-file {float:right; margin-bottom:1.5em}

/* jargonbuster */
table#jargon-table {width:702px; table-layout:fixed; border-top:1px solid #999}
table#jargon-table caption {font-size:1.6em; padding:16px 0 15px 10px; color:#666; text-align:left; font-family:"Arial Black",sans-serif}
table#jargon-table thead {font-size:1.3em; color:#990000}
table#jargon-table th, table#jargon-table tbody td {padding:10px; text-align:left}
table#jargon-table tbody th {line-height:1.5}
table#jargon-table .term {width:150px}
table#jargon-table tr.even th, table#jargon-table tr.even td {background:#ccc}

/* registration form */
#registration-form .form-row {clear:left; width:100%; display:table; padding-bottom:10px}
#registration-form label, #registration-form input, #registration-form select {float:left; width:148px}
#registration-form label {padding-right:10px; text-align:right; line-height:1.75em}
#registration-form input, #registration-form select {padding-left:10px}
#registration-form .form-btns {margin:1em 0 1em 158px; clear:left; display:table}
#registration-form .form-btns input {width:auto}

/* login */
#login-form {width:100%; overflow:hidden}
#login-form label, #login-form input {display:block; float:left}
#login-form label {width:150px}
#login-form .form-row {width:100%; margin-bottom:1em; overflow:hidden}
#login-form input.checkbox {margin:0}
#login-form .form-buttons {margin:1em 0 1.5em 150px}
#login-form .form-buttons input {float:none}


#form-filler {height:85px}
#form-filler ul {padding:17px 0 0 12px}
#form-filler li {float:left}

/* site map */
#site-map ul {list-style:none; margin:0; padding:0}
#site-map ul ul {float:left; width:255px}
#site-map li li {padding:0; margin:0; width:225px; line-height:1.5em; font-weight:normal}
#site-map li.content-area a {width:255px; display:block; float:left}
#site-map li.content-area {width:682px; padding:1em 10px; clear:left; overflow:hidden; font-weight:bold}

/*
#site-map a {margin:0; padding:0; }


#site-map li {width:225px; margin-bottom:1em}
#site-map li.content-area {width:682px; padding:1em 10px; overflow:hidden; margin-bottom:20px; clear:left; heights:1%}
#site-map li.content-area a {width:255px; display:block; float:left}
#site-map a.heading {font-weight:bold}
#site-map ul ul {float:left; width:255px}
*/