/* CSS layout: 100% height with header and footer http://www.xs4all.nl/~peterned/examples/csslayout1.html */
header {
  width: 100%;
}

.pageBody {
  color: inherit;
  background: white;
  margin: 0 auto; /* center, not in IE5 */
  width: 100%;
  min-width: 700px;
  /* IE Dynamic Expression to set the width */
  width:expression(document.body.clientWidth < 710 ? "700px" : "100%" );
  padding-bottom:2em;
}

footer {
  width: 100%;
  bottom: 0; /* stick to home */
  bottom: 0;
  left: 0;
  height:85px;
}

#wrapper {
min-height:100%;
position:relative;
/* CSS rule for IE 6 and IE 5.5 */
min-height: calc(100vh - 86px);
}

a:link {
  color: #000000;
  background-color: inherit;
}

a:visited {
  color: #000000;
  background-color: inherit;
}

ul {
  list-style: url("../images/cisBullet.gif") disc;
  line-height: 1.5;
}

h2 + ul, h2 + p, h3 + ul, h3 + p, h4 + ul, h4 + p {
  margin-top: 0;
}

#pageContent {
  padding-left: 10px;
  padding-right: 10px;
}
   
.spacer {
  clear: both;
}

a.home:link, a.home:visited {
  color: #500000; 
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
a.home:hover, a.home:active {
  background-color: #500000;
  color: white;
}

/* *********** */
/* Menu        */
/* *********** */

#suckerfishnav {
	background:#500000;
	xfont-size:1em;
	font-weight:bold;
	}
#suckerfishnav, #suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:2em;
	padding:0;
	margin:0 0 0px 0;width:100%;
	}
#suckerfishnav a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:0px 10px;
	}
#suckerfishnav li {
	float:left;
	padding:0;
	}
#suckerfishnav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:15em;
	font-weight:normal;
	margin:0;
	line-height:1;
	}
#suckerfishnav li li {
	padding-right:1px;
	width:15em;
	border-bottom:1px solid #aaa;
	}
#suckerfishnav li li a {
	padding:4px 10px;
	}
#suckerfishnav li ul li {
	font-weight:bold;
	}
#suckerfishnav li ul li a {
	font-size:0.8em;
	color:#fff;
	}
#suckerfishnav li:hover ul li a  {
	color:#fff;
	}
#suckerfishnav li ul ul {
	margin:-21px 0 0 201px;
	}
#suckerfishnav li ul li:hover {
	background-color:#500000;
	}
#suckerfishnav li ul li:hover a {
	color:#fff;
	}
#suckerfishnav li ul li:hover li a {
	color:#fff;
	}
#suckerfishnav li ul li li:hover a {
	color:#fff;
	}
#suckerfishnav li ul li ul li:hover ul li a {
	color:#fff;
	}
#suckerfishnav li ul li ul li:hover ul li:hover a {
	color:#fff;
	}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
	left:-999em;
	}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
	left:auto;
	background-color: #005A84;
	}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	background-color: #005A84;
	}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#fff;
	} 

/*
Componets
*/

.cis-button, a.cis-button:link, a.cis-button:visited, a.cis-button:hover {
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.cis-padding-8{padding: 8px 8px;}
.cis-padding-16{padding: 16px 16px;}

.cis-text-bold{font-weight:bolder}

.cis-large{font-size:16px!important}
.cis-xlarge{font-size:22px!important}

.cis-red,.cis-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.cis-yellow,.cis-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.cis-green,.cis-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}

.cis-black,.cis-hover-black:hover{color:#fff!important;background-color:#000!important}
.cis-blue,.cis-hover-blue:hover{color:#fff!important;background-color:#2196F3!important;}
.cis-blue-grey,.cis-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important;}
.cis-white,.cis-hover-white:hover{color:#000!important;background-color:#fff!important}
.cis-grey,.cis-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.cis-light-grey,.cis-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.cis-dark-grey,.cis-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}

.cis-sand,.cis-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}

.cis-text-blue,.cis-hover-text-blue:hover{color:#2196F3!important}
.cis-text-blue-grey,.cis-hover-text-blue-grey:hover{color:#607d8b!important}
.cis-text-green,.cis-hover-text-green:hover{color:#4CAF50!important}
.cis-text-red,.cis-hover-text-red:hover{color:#f44336!important}
.cis-text-sand,.cis-hover-text-sand:hover{color:#fdf5e6!important}
.cis-text-yellow,.cis-hover-text-yellow:hover{color:#d2be0e!important}
.cis-text-white,.cis-hover-text-white:hover{color:#fff!important}
.cis-text-black,.cis-hover-text-black:hover{color:#000!important}
.cis-text-grey,.cis-hover-text-grey:hover{color:#757575!important}
.cis-text-light-grey,.cis-hover-text-light-grey:hover{color:#f1f1f1!important}
.cis-text-dark-grey,.cis-hover-text-dark-grey:hover{color:#3a3a3a!important}

.cis-border-blue,.cis-hover-border-blue:hover{border-color:#2196F3!important}
.cis-border-blue-grey,.cis-hover-border-blue-grey:hover{border-color:#607d8b!important}
.cis-border-green,.cis-hover-border-green:hover{border-color:#4CAF50!important}
.cis-border-red,.cis-hover-border-red:hover{border-color:#f44336!important}
.cis-border-sand,.cis-hover-border-sand:hover{border-color:#fdf5e6!important}
.cis-border-yellow,.cis-hover-border-yellow:hover{border-color:#ffeb3b!important}
.cis-border-white,.cis-hover-border-white:hover{border-color:#fff!important}
.cis-border-black,.cis-hover-border-black:hover{border-color:#000!important}
.cis-border-grey,.cis-hover-border-grey:hover{border-color:#9e9e9e!important}
.cis-border-light-grey,.cis-hover-border-light-grey:hover{border-color:#f1f1f1!important}
.cis-border-dark-grey,.cis-hover-border-dark-grey:hover{border-color:#616161!important}

/* *********** */
/* Print Media */
/* *********** */

@media print {
  body, #pageContent {
    background: none;
    background-color: #ffffff;
    background-image: none;
    background-repeat: repeat-x;
    font-family: Frutiger, "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    color: #000000;
  }

  .printMe {
    display: block;
    visibility: visible;
  }

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

  #page, #pageWrapper {
    background-image: none;
    background-color: #ffffff;
    background-position: 0;
    background-repeat: no-repeat;
    border: none;
    width: 100%;
    color: #000000;
    margin: 0;
  }

  #titleBanner {
    border-bottom: 1px solid black;
  }

  ul {
    list-style-image: none;
  }

  a:link, a:visited {
    color: #000000;
    text-decoration: underline;
  }
}