/* --- Colours -------------------------------------------------------------- */               

body         { color: rgb(0,0,0); background-color: rgb(255,255,255) }
body         { background-image:url(/images/scs_banner.gif); background-repeat:no-repeat; }
@media screen 
{
  body       { margin-top: 96px }
}
@media print
{
  body       { margin-top: 24px }
}


h1           { color: rgb(255,150,10) }
h2           { color: rgb(255,150,10) }
h3           { color: rgb(110,0,0) }
h4           { color: rgb(102,102,102) }

hr           { color: #A0A0A0 }

/* --- Fonts ---------------------------------------------------------------- */

body         { font-family: Tahoma, Arial, Helvetica }
h1           { font-family: Tahoma, Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 24pt }
h2           { font-family: Tahoma, Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 18pt }
h3           { font-family: Tahoma, Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 14pt }
h4           { font-family: Tahoma, Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 12pt }
th           { font-family: Tahoma, Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 80% }

/* --- Margins -------------------------------------------------------------- */

hr           { margin-top: 64px; margin-bottom: 0 }
img          { border: 0 }

table        { border: 1px solid #ffcc99; padding-left: 0; border-spacing: 0}
tr           { border: 1px solid #ffcc99; margin-top: 0; }
td           { border: 1px solid #ffcc99; margin-top: 0; padding-left: 2px}
th           { border: 1px solid #ffcc99; margin-top: 0; padding-left: 2px}

table.noborder        { border: 0px; padding-left: 0; border-spacing: 0 }
table.noborder tr     { border: 0px; margin-top: 0 }
table.noborder td     { border: 0px; margin-top: 0; padding-left: 1ex }
table.noborder th     { border: 0px; margin-top: 0; padding-left: 1ex }

table.text {
  empty-cells: show;
}

/* --- Colors --------------------------------------------------------------- */

th           { background-color: rgb(255, 255, 204) }

/* --- Alignment ------------------------------------------------------------ */

#col1, #col1a {
  position:absolute;
  width: 150px;
  z-index: 2;
}

@media screen 
{

	#col2 {
	  padding-top: 20px;	
	  padding-left: 170px;
	  z-index: 1;
	}

	#col2a, #col2b {
	  padding-left: 170px;
	  z-index: 1;
	}

	#col3, #col3a {
	  padding-left: 250px;
	  z-index: 3;
	}

	#col4, #col4a {
	  padding-left: 500px;
	  z-index: 4;
	}
}

.col1 { font-size: 90% }

/* --- Footer -------------------------------------------------------------- */

#footer {
  margin-top: 3px
}

p.footer { font-size: 11px; color: #A0A0A0; margin-top: 0}   

a.footer:link       { text-decoration:none; color:#A0A0A0; }
a.footer:visited    { text-decoration:none; color:#A0A0B0; }
a.footer:hover      { text-decoration:underline; }
a.footer:active     { text-decoration:underline; }

/* --- Printing ------------------------------------------------------------ */

@media print 
{ 
  img.dont-print { display:none; }
  #col1,#col1a   { display:none;     }
  #col2,#col2a   { padding-top: 0px; }
  #menu          { display:none;     }
}


/* --- Menus --------------------------------------------------------------- */

@media screen 
{
  #menu {
	  display: block; 
	  margin: 2px 0 0px 0; 
	  padding-left: 170px;
	}
}

.menu { 
  display:inline;
  font-weight:bold;   
  font-size: 14px;
  text-decoration:none; 
  padding: 4px 16px 4px 0px;
  margin: 0;
  background-color: #FFFFFF;  color: #FFFFFF;  
  border: 1px outset Silver;
}

.selected-menu {
  display:inline;
  font-weight:bold;   
  font-size: 14px;
  text-decoration:none; 
  padding: 4px 16px 4px 16px;
  margin: 0;
  background-color: #FFFFFF;  color:#FFFFFF;
  border: 1px outset Red;
}

a.menu:link       { background-color:#FFFFFF; color:#666666; }
a.menu:visited    { background-color:#FFFFFF; color:#666666; }
a.menu:hover      { background-color:#FFFFFF; color:#FF960A; }
a.menu:active     { background-color:#FFFFFF; color:#6E0000; }

a.selected-menu:link       { background-color:#FFFFFF; color:#666666; }
a.selected-menu:visited    { background-color:#FFFFFF; color:#666666; }
a.selected-menu:hover      { background-color:#FFFFFF; color:#FF960A; }
a.selected-menu:active     { background-color:#FFFFFF; color:#6E0000; }

/* --- Menu Styles ---------------------------------------------------------- */               

.clsCMOn {
	color: black;
	font-size : 12px;
	text-decoration : none;
        padding: 2px 4px;
}

.clsCMOver {
	color: black;
	font-size : 12px;
	text-decoration : none;
        padding: 2px 4px;
}

/* --- EOF ------------------------------------------------------------------ */