body { 
font: normal 0.75em 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;
border-radius:5px;
 }
#whatsnew .container { 
width: 100%;
border-radius:5px; 
}
#whatsnew p {
font-size:11px;
}

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

.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;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
 }
#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: normal; 
border-bottom: dashed 1px #ccc; 
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: dashed 1px #cccccc;
 }
#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;
background-color:#ffffff;
padding:3px;
border: solid 1px #ccc;
height:54px;
width:84px;
 }
#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;
border-radius:5px;
 }

#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 5px;
border: 1px solid #ccc;
background-color: #ffffff;
margin-left:5px;
 }

#content p { 
margin-top: 0;
margin-bottom: 12px;
padding-top: 0; 
text-align: justify;
line-height:1.3em;
}
#content ul { 
list-style-type: square; 
list-style-position: outside; 
margin: 12px 0 12px 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: 984px;
border-top-left-radius:5px;
border-top-right-radius:5px; 
}

#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 }

#twitterLink {
text-align:left;
float:left;
}

/* 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% }