body { font: normal 11px Verdana, arial; line-height: 16px; color: #000; margin: 0; padding: 0 }
h1, h2 { font: 800 17px Verdana, arial; color: #000; width: 200px }
h2 { font-size: 16px }
ul {list-style-type:none; margin: 0; padding: 0 }
a { color: #000; text-decoration: none }
a:active,
a:focus,
a:hover { text-decoration: underline }
h2 { border-bottom: 1px solid #00418c; margin-top: 0 }

.hide { position: absolute; width: 0; height: 0; overflow:hidden; }

/* shadow effect */
.container { background-color: #ededed; border: solid 1px #c9c9c9; padding: 10px; margin-bottom: 17px }
.container { -moz-box-shadow: 5px 5px 10px #c9c9c9 }
.container { -webkit-box-shadow: 5px 5px 10px #c9c9c9 }

#leftnav .container { padding-left: 5px; width: 200px }
#whatsnew .container { width: 100% }

#content-container { float: left; margin: 126px 0 0 0 }

.floatl { float: left }
.clear { clear:both }
.bluebox { padding: 6px; background-color: #005dad; height: 24px }
.bluebox a,
.bluebox label { color: #ffffff; border-bottom-color: #ffffff; line-height: 1.2em; font-weight: bold; font-size: 12px  }

#page-wrapper { text-align: center; margin: 0; padding: 0 }
#page { text-align: left; margin:auto; width: 996px }

/* top blue box */
#topbox { width: 520px }
#topbox input { width: 150px }
#topnav { margin-left: 15px }
#topnav li { margin-right: 28px }
#topnav li, #topnav ,#search , #search p { display: inline }

#topbox label { margin-right: 10px }
#mainnav { font: bold 13px Verdana; margin: 5px 0 0 5px }
#mainnav a.top { color: #00418C}

/* left nav pane */
#leftnav { float: left; margin: 126px 15px 0 0; padding:0; width: 220px }
#leftnav li { margin: 5px 0 0 2px }
#leftnav li li { margin: 3px 0 0 5px; border-bottom: none }
#leftnav a { color: #000;  padding: 3px; font-weight: bold; border-bottom: solid 1px #000; display: block; width: 183px }
#leftnav li.selected a { color: #008e7f; background: transparent url(/_images/Internet/selected.wcm) no-repeat right }
#leftnav li.selected li a { color: #000; background: none }

#leftnav li li a { border-bottom: none; border-bottom: none;   }
#leftnav h2 { margin: 0 }

#qlinks { padding-bottom: 76px }

/* whats new strip */
#whatsnew { width: 953px; margin-bottom: 15px }
#whatsnew img { float: left; text-align: left; margin-right: 10px }
#whatsnew p { float: left; width: 210px; height: 60px; margin: 0 0 0 13px;  padding: 5px; text-align: left; border: solid 1px #085dad}

/* div page - this is needed to allow zooming of main image in IE7 BLARGH!*/
#page { background-image: url(/_images/internet/header.wcm); background-repeat: no-repeat }

.img { height: 100px; width: 100px; border: 1px solid #000 }

#rightcol { margin-top: 150px; width: 150px; float: left }

#links li { display: block }

.hidden { position: absolute; top: 0; left: -9999px; width: 1px; height: 1px; overflow: hidden }

#content { width: 728px; font-weight: normal; text-align:left; overflow: auto }
#content h1 { margin-top: 0; width: auto }
#content h2 { margin: 8px 0 5px 0; border: none; width: auto }

/* font colours */
#content h2, #content h2 a,
#content h3, #content h3 a,
#content h4, #content h4 a { color: #00418c }

/* margin and padding */
#content h3, #content h3 a,
#content h4, #content h4 a,
#content h5, #content h5 a { margin: 1px; padding: 0 0 3px 0 }

/* font sizes */
#content h2, #content h2 a  { font-size: 16px }
#content h3, #content h3 a { font-size: 12px }
#content h4, #content h4 a,
#content h5, #content h5 a { font-size: 12px }

#content a { text-decoration: underline }
#content a:active,
#content a:focus,
#content a:hover { text-decoration: none }
#content img { padding: 5px 5px 5px 10px }
#content p { margin-top: 0; margin-bottom: 5px; padding-top: 0; text-align: justify }
#content ul { list-style-type: square; list-style-position: outside; margin: 5px 0 5px 25px }

#content ul#breadcrumbs { display: block; font: 12px veranda normal; padding: 5px; margin: 0 0 20px 0; padding: 0 }
#content ul#breadcrumbs li { margin: 0 5px 0 0; display:inline }

#footer { text-align: center; width: 965px }

#footer ul { margin-left: 150px }
#footer li { float: left; margin-left: 50px }
#footer p,
#footer li { padding: 5px }
#footer p { margin: 0; width: 200px; float: right; color: #fff }

/* custom changes to superfish nav for SW website */
.sf-menu li li a, .sf-menu li li a:visited { font-size: 12px; color: #005daa; font-weight: bold}
.sf-menu li ul { margin-left: 15px }
.sf-menu li ul ul { margin-left: 0 }

/* Site Map  */
.site-map { padding: 5px }
#content .site-map { list-style: none; padding-left: 0; margin-left: 0 }
#content .site-map ul {  padding: 0; margin: 0 0 0 25px }
#content .site-map ul {  padding: 5px; }
#content .site-map li,
#content .site-map li a { color: #00418c; font-size: 16px; font-weight: bold;  padding: 3px }
#content .site-map li li a { font-weight: normal; font-size: 14px; color: #000 }
#content .l2col { display: inline-block; width: 49.7% }
#content .l3col { display: inline-block; width: 32.9% }