/***************** BODY & BACKGROUND */
html{height:100%;
padding-bottom:10px;} /* turn scroll bars on always- elminates jumping window syndrome */f

body
{
line-height: 1.3em;
margin:0px;
padding:0px;
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
color:#000000;
background-color:#ffffff;
}

/* standard header tags */
h1 { font-size: 136%; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #4096c3; }
h2 { font-size: 140%; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #51A097; margin: 0 0 0 10px; }
h3 { font-size: 124%; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #4096c3; padding: 3px 3px 3px 8px; }
h4 { font-size: 1.5em; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #1a77ae; margin: 0 0 0 10px; border-bottom-color: #000000; 

line-height: 130%;}
h5 { font-size: 110%; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #4096c3; margin: 0 0 0 10px; padding-top: 10px;}
h6 { font-size: 100%; font-family: Verdana, Arial, sans-serif; letter-spacing: 2px; color: #FFFFFF;}
h7 { font-size: 100%; font-family: Verdana, Arial, sans-serif; font-weight: bold; color: #8B7460; margin: 0 0 0 10px; }
h8 { font-size: 10.4px; font-family: Verdana, Arial, sans-serif; color: #FFFFFF;}

.newstitle h1 { font-size: 120%; }

.left { float: left; }
.right { float: right; }

img { border: none; }
hr {  border:0; border-top: 1px solid #E5E5E5; height: 0; background: #E5E5E5;}

/* standard links */
a, a:active, a:link { color: #003AB3; }
a:visited { color: #6633CC; }
a:hover { color: #0066FF; }
a {text-decoration: none}



.smtxt { font-size: 75%; }
p { padding-bottom: 7px; }
li {margin-bottom: 7px;}

/***************** HEADER AREA*/
#header
{
background:#FFFFFF;
height:70px;
float: left;
width:888px;
}

#header h1
{
display:none;
visibility:hidden;
}

/***************** NAVIGATION */

#nav {
width: 888px;
margin: 2px 0 0 0;
padding: 0 0 0 3px;
background:#1A77AE;
float: left;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
background-color: #1A77AE;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
#nav li {
float: left;
margin: 0;
padding: 0 0 3px 0;
font-family: Verdana, Arial, sans-serif;
font-size: 90%;
letter-spacing: 2px;
text-transform: uppercase;
font-variant: small-caps;
background-color:#1A77AE;
}
#nav li a {
float: left;
display:block;
padding: 10px 0;
text-decoration: none;
color: #FFFFFF;
border: none;
}
#nav li a:hover {
color: #fff;
background-color: #232639; /* hover color for navigation */
}
#nav li a.active { /* usual background color for active tab on nav - change colour here */
font-weight: bold;
color: #fff;
background: #0096ad url(/shscnew/content/images/nav-on-bg.gif) repeat-x top left;
}

/* widths for nav areas change them here */
#nav li#n-services a { width:146px; display:block; } 
#nav li#n-training a {width:146px;display:block;}
#nav li#n-training a.active {background-color: #b0af45; } /* alternate bgcolor for active nav tab */
#nav li#n-research a { width:146px; display:block;}
#nav li#n-pisystems a { width:146px; display:block;}
#nav li#n-pisystems a.active {background-color: #0489a5; } /* alternate bgcolor for active nav tab */
#nav li#n-resources  a { width:191px; display:block;}


/***************** TOP NAVIGATION */
#topnav {
width: 708px;
padding: 0 0 0 180px;
background:#4096c3;
float: left;
clear: both;
}
#topnav ul {
margin: 0;
padding: 0;
list-style: none;
background-color: #4096C3;
}
#topnav li {
float: left;
display:block;
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
letter-spacing: 2px;
font-size: 80%;
}
#topnav li a {
float: left;
display:block;
padding: 7px 0;
text-decoration: none;
color: #FFFFFF;
border: none;
}
#topnav li a:hover {
color: #fff;
font-weight: bold;
display:block;
}
#topnav li a.active {
font-weight: bold;
color: #fff;
background: #292d34 url(/shscnew/content/images/nav-on-bg.gif) repeat-x top left;
}

#topnav #tn-home a { width:108px; display:block; } 
#topnav #tn-aboutus a { width:108px; display:block;}
#topnav #tn-contactus a { width:168px; display:block;}
#topnav #tn-login a { width:128px; display:block; text-align: center; }
#topnav #tn-board  a { width:166px; display:block; }



/***************** SITE CONTAINER */
#siteContainer
{
width:888px;
margin: 10px auto 15px auto;
padding:0;
text-align:center;
}





/****************** HOME | LOGIN | REGISTER ROW */
#login
{
height:20px;
float: left;
}

/****************** HOME BUTTON */
#dhome
{
height:1.1em;
width:50px;
padding:2px 0px 2px 5px;
float:left;
text-align:left;
}

#dhome a
{
color:#000000;
text-decoration:none;
}

/****************** CALENDAR ************** */

table#month { 
padding-left: 20px; 
clear:both; 
}

#month th { }

.date {  
font-weight: bold; 
font-size: 80%; 
float: left; 
}

#month { 
border-collapse: collapse; 
margin: 2em auto; 
}

#month th, #month td {
border: 1px solid #000;
}

#month thead { background-color:#fff; }

#month td { 
width: 50px; 
height: 100px; 
padding: 1px; 
vertical-align: top; 
overflow: auto; 
}

td .day {
clear:both;
width: 90px;
height: 100px;
overflow:auto;
margin-top: 0;
font-size: 80%;
}

#month tbody .weekend { background-color:#def; }

#month tbody .next, #month tbody .previous { background-color:#999999; }

.monthNav {
float: right;
padding-right: 20px;
width: 720px;
}

.hidden_col {
visibility: hidden;
display: none;
}

.large_col {
width: 721px;
clear:both;
padding-left: 20px;
}



/****************** LOGIN AND LOGIN DROPDOWN */
#loginLogoutContainer
{
padding:2px 0px 2px 5px;
float:left;
text-align:center;
}

#loginLogoutContainer a
{
color:#000000;
text-decoration:none;
}

#tn-login div.MLogin
{
position:relative;
visibility:hidden;
display:none;
}

#tn-login div.TLogin
{
position:absolute;
width:180px;
left:-50px;
top:30px;
padding:10px;
background-color:#4096C3;
border:3px solid #ffffff;
color:#FFFFFF;
}

#login div.TLogin input.loginbox
{
height:16px;
text-indent: 2px;
color:3366cc;
}

#login div.TLogin input.goButton
{
height:1.4em;
margin-top:5px;
margin-bottom:5px;
background:#33A4C9;
color:#ffffff;
}

#tn-login .aLogin
{
height:20px;
}

/****************** USER ADMIN MENU POST LOGIN */
#aAdminMenu
{
height:17px;
width:100px;
padding:2px 0px 2px 5px;
float:left;
text-align:left;
}

#aAdminMenu a
{
color:#ff0000;
text-decoration:none;
}

#aUserMenu
{
height:17px;
width:100px;
padding:2px 0px 2px 5px;
float:left;
text-align:left;
}

#aUserMenu a
{
color:#ff0000;
text-decoration:none;
}

/****************** REGISTER BUTTON */
#aRegister
{
height:17px;
width:140px;
padding:2px 0px 2px 5px;
text-align:center;
font-family: Verdana, Arial, sans-serif;
}

#aRegister a
{
color:#000000;
text-decoration:none;
}


/****************** SEARCH INPUT */
#search
{
float:right;
padding-top: 10px;
}

#search input
{
height:1.4em;
margin-bottom:3px;
}

#search input.searchText
{
width:140px;
margin-right:5px;
padding-left:2px;
vertical-align:middle;
font:80%;
background: #F5FAFC;
color:3366cc;
}

#search input.searchButton
{
height:1.8em;
padding:2px 0px 2px 0px;
color:#000000;
vertical-align:middle;
font-weight: bold;
}





/****************** OUTER NEWS CONTAINER */
#news
{
width:888px;
height:auto;
background-color:#ffffff;
text-align:left;
}

/****************** INNER NEWS CONTAINER */
.aNews
{
height:720px;
width:280px;
margin-top:14px;
overflow: auto; 
float: right;
padding-left: 8px;
padding-right: 8px;
}

#dbNews
{
width:240px;
font: verdana, arial, tahoma;
}

.dbNewsHeader
{
padding:0px;
margin:0px;
}

#dbNews div.aNews div.newsitem h1
{
font:bold Verdana, Arial;
color:#000000;
margin:20px 20px 5px 10px;
padding:0px;
width:auto;
}

#dbNews div.aNews div.newsitem p
{
margin:0px 20px 0px 10px;
}

#dbNews div.aNews div.newsitem a
{
color:#000000;
text-decoration:underline;
}

#dbNews div.aNews div.newsitem a:hover
{
text-decoration:none;
}

.NewsBottom
{
margin-top: 10px;
margin-bottom: 10px;
}

#clearer
{
height:5px;
clear:both;
}

.displaynone
{
display: none ;
}



/****************** SPLASH CONTENT AREA BELOW THE HEADER - INSIDE MAIN NEWS DIV */
#userUpdates
{
width:550px;
_width:530px;
margin:0px;
float: right;
}

#userUpdates div.item
{
}

#userUpdates div.item h1
{
margin:0px;
padding:5px;
color:#ffffff;
background-color:#33A4C9;
}

#userUpdates div.item p
{
margin:5px;
color:#000000;
}






/****************** CONTENT AREA ON INTERNAL PAGES */
#aContent
{
background-color:#ffffff;
text-align:left;
overflow: hidden;
width: 888px;
margin: 0 auto;
float: left;
}


#aContent p
{
line-height: 1.3em; 
}

/* OLD STYLES in case? changed nov13/07

#aContent h1
{
color:#000000;
}*/


/*#aContent a
{
color:#000000;
text-decoration:underline;
line-height: 1.3em;  
}

#aContent a:hover
{
text-decoration:none;
}*/

.ucontent_left
{
margin: 0px;
padding-right: 25px;
width: 225px;
text-align:left;
float:left;
}

.ucontent_right
{
margin: 0px;
padding-left: 10px;
width: 700px;
line-height: 1.3em;
text-align:left;
float:right;
}
.headerblue
{
margin-top: 0px;
margin-bottom: 0px;
padding: 3px;
padding-left: 8px;
background:  #1a77ae url(/shscnew/content/images/corner.gif) no-repeat bottom right;
line-height: 1.3em;
font-family: Verdana, Arial, sans-serif; 
font-weight: bold;
}

.headerclear {
margin-top: 0px;
margin-bottom: 0px;
padding: 3px;
padding-left: 3px;
background:none;
}

.headergreen
{
margin-top: 0px;
margin-bottom: 0px;
padding: 3px;
padding-left: 17px;
background:  #e6e5b1 url(/shscnew/content/images/corner.gif) no-repeat bottom right;
line-height: 1.3em;
font-family: Verdana, Arial, sans-serif;
}

.headergold /* now a TEAL colour */
{
margin-top: 0px;
margin-bottom: 0px;
padding: 3px;
padding-left: 17px;
background:  #97c8d1 url(/shscnew/content/images/corner.gif) no-repeat bottom right;
line-height: 1.3em;
font-family: Verdana, Arial, sans-serif; 
font-weight: bold;
}

.directlink
{
font-family: Verdana, Arial, sans-serif; 
font-weight: bold;
text-align: right;
font-size: 80%;
}

.headerhome
{
margin-top: 0px;
margin-bottom: 0px;
font-family: verdana, arial, san-serif;
font-size: 10.4px;
line-height: 14px;
padding: 7px 0 7px 0;
text-align: center;
font-weight: normal;
background-color: #4096C3;
color: #FFFFFF;
height: 14px;
}

.quotes 
{
font-family: Verdana, Arial, sans-serif;
font-size: 85%;
font-style: italic;
color: #666666;
float:right;
width: 250px;
padding-left:5px;
padding-right:5px;
}

.callout 
{
font-family: Verdana, Arial, sans-serif;
font-style: italic;
color: #df8f2d;
float:right;
width: 250px;
padding-left:10px;
padding-right:5px;
}


.headerorange
{
margin-top: 0px;
margin-bottom: 0px;
padding: 3px;
padding-left: 17px;
background:  #E97D24 url(/shscnew/content/images/corner.gif) no-repeat bottom right;
line-height: 1.3em;
font-family: Verdana, Arial, sans-serif; 
}

.menu
{
font-family: Verdana, Arial, sans-serif; 
padding: 0 8px 0 8px;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}

.menu hr
{
border:0; border-top: 1px solid #FFF; height: 0; background: #FFF;
}

.userdiv
{
line-height: 1.3em;
margin-bottom: 40px;
font-family: Verdana, Arial, sans-serif; 
font-size: 90%;
}

.userdiv p
{
line-height: 1.3em;
padding: 0 10px 2px 10px;
}

.userdiv .smallTitle {
padding-left: 10px;
}

.userdiv p.headergold, .userdiv p.headergreen, .userdiv p.headerblue 
{ 
font-size: 105%; 
line-height: 1.3em;
font-family: Verdana, Arial, sans-serif; 
font-weight:bold; 
}

.userdivBlue 
{
background: #1A77AE url(/shscnew/content/images/lside_bluebox_bottom.gif) no-repeat bottom left;
padding-bottom: 10px;
margin-bottom: 20px;
color: #FFFFFF;
}

.userdivBluehome 
{
background: #1A77AE url(/shscnew/content/images/lside_bluebox_bottom.gif) no-repeat bottom left;
padding-bottom: 10px;
margin-bottom: 20px;
color: #FFFFFF;
}


.userdivBlue ul, .userdivTeal ul {
margin-left: 5px;
}

.userdivBlue ul, .userdivTeal ul {
margin-left: 5px;
}


.userdivBlue h2.header { 
font: 110% Verdana, Arial, sans-serif; color:#FFFFFF; 
font-weight: bold;
margin-top: 0px;
padding: 8px 3px 0px 17px;
background: #1A77AE url(/shscnew/content/images/lside_bluebox_top.gif) no-repeat top left;}

/* .userdivBlue p .header {} use in case of override */

#aContent .userdivBlue a, #aContent .userdivBlue a:link, #aContent .userdivBlue a:visited, #aContent .userdivBlue a:active
{
color: #ffffff;
text-decoration: none;
}

#aContent .userdivBluehome a, #aContent .userdivBluehome a:link, #aContent .userdivBluehome a:visited, #aContent .userdivBluehome a:active
{
color: #ffffff;
text-decoration: none;
margin-right: 2px;
}

.userdivAMC 
{
background: #62421F url(/shscnew/content/images/lside_AMCbox_bottom.gif) no-repeat bottom left;
padding-bottom: 10px;
margin-bottom: 20px;
color: #FFFFFF;
}

#aContent .userdivAMC a, #aContent .userdivAMC a:link, #aContent .userdivAMC a:visited, #aContent .userdivAMC a:active
{
color: #ffffff;
text-decoration: none;
}

.userdivTeal 
{
background: #008fa2 url(/shscnew/content/images/lside_tealbox_bottom.gif) no-repeat bottom left;
padding-bottom: 10px;
margin-bottom: 20px;
color: #FFFFFF;
}

.userdivTeal h2.header { color:#FFFFFF;
margin-top: 0px;
padding: 8px 3px 0px 10px;
background: #008fa2 url(/shscnew/content/images/lside_tealbox_top.gif) no-repeat top left;}

.userdivTeal a, .userdivTeal:active, .userdivTeal a:link, .userdivTeal a:visited { color: #FFFFFF; }
.userdivTeal a:hover { color: #00CCFF; }


.headerSubtleGreen {
background-color: #e6e5b1;
padding:3px;
}

hr.line
{
height:0.5px;
}

ul.shscblock
{
padding: 0;
margin-left: 22px;
list-style-image: url(/shscnew/content/media/images/shscblock.gif);
/* text-align: left; */
}

ul.menu
{
list-style-type: none;
padding: 5px 2px 0 10px
}

ul.menu li
{
list-style-type: none;
}

ul.menu li.current
{
font-weight: bold;
}


ul.subnav
{
list-style-type: none;
padding: 5px 2px 0 10px
}

ul.subnav li
{
list-style-type: none; 
}

ul.subnav li.current
{
font-weight: bold;
}


a.usplash
{
color: #000000;
text-decoration: underline;
}

a.usplash:hover
{
color: #000000;
text-decoration: none;
}

.home_leftcol
{
vertical-align: top;
margin: 0 0 0 0;
padding: 0;
width: 180px;
text-align:left;
font-family: Verdana, Arial, sans-serif; 
float: left;
display: inline;
}

.home_full
{
vertical-align: top;
width: 100%;
font-family: verdana, arial, sans-serif;
}

.home_middlecol
{
vertical-align: top;
margin: 0 0 0 10px;
padding: 0;
width: 417px;
font-family: Verdana, Arial, sans-serif; 
text-align:left;
float: left;
}

.home_rightcol
{
width: 270px;
vertical-align: top;
margin: 0 0 0 0;
padding: 0;
font-family: Verdana, Arial, sans-serif; 
float: right;
text-align: left;
}


.home_topbanner
{
margin: 10px 0 0 10px;
padding: 0;
width: 680px;
height: auto;
text-align:left;
float: left;
display: inline;
}

.imagesRIGHT 
{
text-decoration: none;
float: right;
}

.imagesLEFT 
{
text-decoration: none;
float: left;
}

.userpop
{
margin: 0px;
padding: 0px;
}

.user_contenttab
{
width: 888px;
margin: 0 auto;
padding: 0px;
overflow: hidden; /* to wrap up the floated items */
text-align: center; /* center it */
}

.user_leftcol
{
vertical-align: top;
margin: 0 0 0 0;
padding: 0;
width: 180px;
text-align:left;
font-family: Verdana, Arial, sans-serif; 
float: left;
display: inline;
}

.user_middlecol
{
margin-left: 10px;
padding: 15px 5px 0 10px;
width: 670px;
line-height: 1.2em;
text-align:left;
float: left;
}

.user_rightcol
{
vertical-align: top;
margin: 0px;
padding: 0px;
width: 0px;
visibility: hidden;
display: none;
}

td.user_rightcol
{
visibility:hidden;
display: none;
}

.resource_leftcol
{
vertical-align: top;
width: 325px;
margin: 0 0 0 10px;
text-align:left;
font-family: Verdana, Arial, sans-serif; 
float: left;
display: inline;
}

.resource_rightcol
{
width: 325px;
vertical-align: top;
margin: 0px;
padding: 0 0 0 0px;
font-family: Verdana, Arial, sans-serif; 
float: right;
text-align: left;
}

.blackborder
{
margin: 0px;
padding: 0px;
border-style: solid;
border-width: 1px;
border-color: #000000;
}


/*Headings for sub-pages 

.user_contenttab .user_middlecol .userdiv b {
font-size: 105%;
background-color: #e5ead4;
display: block;
padding: 4px;
}
*/

/* *************** FOOTER */
#footer {text-align: right; margin: 30px 10px 10px 0px; clear:both; }

.footerdiv { width: 888px; height: 70px; margin: 0 auto; background-color: #333754; clear:both;}

/****************** CD AND PI SYSTEM */
iframe.wide
{
width:888px;
height:340px;

border-style:solid;
border-color:#000000;
border-width:1px;
}
/**** MORE NAV + site container **/

#siteContainer #topnav #tn-login li {width:140px;}
#siteContainer #topnav #tn-aboutus li {width: 140px;}
/**** MORE NAV + site container 

#siteContainer #topnav #tn-login li {width:140px;}
#siteContainer #topnav #tn-aboutus li {width: 140px;}**/

.promoscripts { visibility:hidden;}


/* *************** DOUBLE COLUMN LAYOUT ** resources page **/


.doubleColumndiv h6.headerblue 
{ 
font-size: 100%; 
font-family: Verdana, Arial, sans-serif; 
font-weight: bold; 
color: #FFFFFF; 
}

.doubleColumndiv {
width: 100%;
margin-bottom: 10px 0 0 10px;
}
.doubleColumnLeft {
padding: 10px 10px 0 0;
float: left;
width: 50%;
overflow: hidden;
}
.doubleColumnRight {
padding: 10px 0 0 10px;
margin: 0 0 10px 0;
float: left;
overflow: hidden;
width: 50%px;
}
.doubleColumndiv ul {
padding: 10px;
list-style:none;
margin: 0 5px;
}
.doubleColumndiv ul.bg {
background: #e6e5b1 url(/shscnew/content/images/corner.gif) no-repeat bottom right;
padding: 10px;
list-style:none;
margin: 0 5px;
}
.nobg {
background-image: none;
background-color: transparent;
}

.roundHeadergreen h3 {
background-image: #e6e5b1 url('/shscnew/content/images/lside_tanbox_top.gif') no-repeat top right;
}
.roundHeadergreen {
width:223px;
background-image: #e6e5b1 url('/shscnew/content/images/lside_tanbox_bottom.gif') no-repeat bottom right;
}

#headerImage p {
position: relative;
top: 90px;
left: 70px;
font-size: 120%;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
color:#FFFFFF;
width: 450px;
margin: 0;
padding: 0;
}

#headerImage h1 {
font-size: 160%;
position: relative;
top: 40px;
left: 50px;
color:#FFFFFF;
padding: 0;
margin: 0;
}

#headerImage h2 { 
position: relative; 
top: 44px; 
left: 70px; 
color:#FFFFFF; 
font-size:110%; 
font-weight:normal; 
}

#aNews .newsitem .NewsTitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
}

#aContent img {
padding: 0px 10px 10px 0px;
}

.messagebox {
float:right;
width:280px;
border-color:#fff;
border-style:solid;
border-width:2px;
margin:5px 5px 15px 10px;
padding:5px 5px 10px 5px;
{

.messagebox2 {
float:right;
width:250px;
border-left-color:#fff;
border-style:solid;
border-width:2px;
margin:5px 10px 10px 10px;
padding:5px 5px 5px 5px;
{

.contentleft {
float: left;
height: auto;
width: 100px;
}

.contentmid {
float: left;
height: auto;
width: 100px;
margin-left:5px;
}

  div#floatingbar
    {
    overflow: hidden;
    width: 100%;
    height: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    }
 
@media screen
  {
  body>div#floatingbar
    {
    position: fixed;
    }
  }