/* css file for the look and feel of a hssz web site */
/* colours: tvraa - #BFA364, #B9AF9F, #635B44 */
/* colours: others - #69c, #ccc, #036
/* hp demo
/* sitelook.css */
/* Universal style rule */
*{
	/* Block all browser default margins and padding */
	margin:0;
	padding:0;

	/* Temporary borders */
	/*border:dashed 1px #f00;*/
}

body{
    background-color: #ccc;
    font-family:'Verdana', Charcoal, Impact, Sans-serif;
    text-align:center;
}

#wrapper{
   width:62em;
   background-color: #fff;
    /* Set right and left to auto for centering */
   margin: 0 auto 0 auto;
   position:relative;
   text-align:left;
   z-index:1;
}

/* Make branding a positioned element, but don't move it */
#branding{
  position:relative;
  height:7.5em;
  border-bottom: solid 3px black;
  z-index:2;
}

#branding h1{
    font-size:3em;
    text-align:center;
    font-variant:small-caps;
    font-weight:bold;
}

#branding img{
    float:left;
    /*width:100%;*/
    border:none;
}

/* need absolute placement of div in wrapper div */
#ad{
    position:absolute;
    top:0.25em;
    right:0.25em;
    height:7em;
    width:9em;
    border: solid 1px;
    background:#ddd;
    text-align:center;
}

/* topnavbar */
#topnavbar{
    position:absolute;
    top:0em;
    right:0em;
    z-index:103;
    background:#fff;
    height:1.6em;
}

/* Navbar division */
#navbar,
#adminnavbar{
    position:absolute;
    left:10em;
    width:40em;
    background:#fff;
    height:1.6em;
    margin-top:0.2em;
    margin-left:0.1em;
}


#navbar{
    top:7.5em;
    z-index:101;
}

#adminnavbar{
    top:9.2em;
    z-index:100;
}

/* Remove bullets from ul in the navbar */
#navbar ul,
#adminnavbar ul,
#topnavbar ul {
  list-style-type:none;
}

/* List items in the navbar */
#navbar li,
#adminnavbar li,
#topnavbar li {
    float:left;
    /* Required for drop-down menus */
    position:relative;
}

#topnavbar a,
#topnavbar a:link,
#topnavbar a:visited{
    text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    font-size:80%;
    color:#000;
    display:block;
    height:2em;
    width:5.5em;
    border-left:solid 1px #000;
    border-bottom:solid 1px #000;
    text-align:center;
    line-height:2em;
    outline-style:none;
    padding: 0;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited,
#adminnavbar a,
#adminnavbar a:link,
#adminnavbar a:visited {
    text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    font-size:80%;
    color:#000;
    display:block;
    height:2em;
    width:9.9em;
    border-left:solid 1px #000;
    border-bottom:solid 1px #000;
    text-align:center;
    line-height:2em;
    outline-style:none;
    padding: 0;
  }

#navbar a,
#navbar a:link,
#navbar a:visited{
    background:#69c;
}

#adminnavbar a,
#adminnavbar a:link,
#adminnavbar a:visited{
    background:#f00;
}

#topnavbar a,
#topnavbar a:link,
#topnavbar a:visited{
    background:#fff;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
#adminnavbar a:hover,
#adminnavbar a:active,
#topnavbar a:hover,
#topnavbar a:active{
  background:#000;
  color:#fff;
}

/* Applies to drop-down menus in navbar */
#navbar li ul,
#adminnavbar li ul,
#topnavbar li ul{
  position:absolute;
  z-index:201;
  visibility:hidden;
}

#navbar li ul li,
#adminnavbar li ul li,
#topnavbar li ul li{
    border-top: solid 1px;
    border-right: solid 1px;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul, /* IE6 hack */
#adminnavbar li:hover ul,
#adminnavbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0;  
}

#topnavbar li:hover ul,
#topnavbar li a:hover ul { /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:-2em;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a, /* IE6 hack */
#adminnavbar li:hover ul li a,
#adminnavbar li a:hover ul li a
{ /* IE6 hack */
  background:#69c; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:8.9em;
  padding-left:1em;
  height:auto;
}

#topnavbar li:hover ul li a,
#topnavbar li a:hover ul li a{
  background:#fff; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:7em;
  padding-left:1em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover, /* IE6 hack */
#topnavbar li:hover ul li a:hover,
#topnavbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #000;
  color:#fff;
}

#adminnavbar li:hover ul li a:hover,
#adminnavbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #f00;
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table,
#adminnavbar table,
#topnavbar table{
  border-collapse:collapse;
  position:absolute;
  top:0em;
  left:0;
}

#navbar table td,
#adminnavbar table td,
#topnavbar table td{
    font-size: 130%;
    border-style:none;
}


/* submen down arrow image settings */
.submenu{
    border:none;
    width:10px;
    height:8px;
}

/* start divs for equal length columns */
#container3 {
    float:left;
    width:100%;
    /*background:#BFA364;*/
    background:#69c;
    overflow:hidden;
    position:relative;
}
#container2 {
    float:left;
    width:100%;
    background:#fff;
    position:relative;
    right:10em;
    border-right: solid 2px black;
}
#container1 {
    float:left;
    width:100%;
    background:#69c;
    position:relative;
    right:42em;
    border-right: solid 2px black;
}
/* end divs for equal length columns */

#content{
    float:left;
    position:relative;
    width:40em;
    left:52em;
    padding-left:0.25em;
    color:#000;

}

/* style for the map iframe */
#content iframe{
    width:100%;
    height:400px;
}

#content h1{
    font-size:1.5em;
    margin-top:2.5em;
    margin-bottom:0.5em;
}

#content h2{
    font-size:1.25em;
    margin-top:2em;
}

#content h3{
    font-size:1em;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

/* styles for ordered lists in the content div */
#content ol{
    padding-top:0.5em;
    padding-left:2em;
}

#content ol li{
    padding-bottom:0.5em;
}

#content ol li ul{
    padding-left:1em;
    
}

#content ol li ul li{
    padding-bottom:0;
}


#content a img{
    border-style: none;
}

#content p{
    padding:1em 0 0.5em 0;
}

.redFont{
    background-color: #F00;
}

/* style for warning messages */
p.redFont{
    color: #F00;
    text-decoration: underline;
}

/* style the tables in the content Results div */
#content table{
    width:100%;
    margin:0 auto;
    border: solid 1px #000;
    table-layout:auto;
    font-size:90%;
}

#content th{
    /*background-color:#635B44;*/
    background-color:#036;
    text-align:left;
    padding:5px;
    color:#fff;
}

#content td,
#content img{
    vertical-align:middle;
    text-align: left;
    padding-left:5px;
}

#content td.hlbg{
    background-color:#696;
}

#content a{
    text-decoration:underline;
    color:#000;
    background:#69c;
}


/* black text with white background, underlined link */
#content a.standard{
    text-decoration:underline;
    color:#000;
    background:#fff;
    padding: 0;
}
/* no background colour, underlined link */
#content a.nobg{
    text-decoration:underline;
    color:#000;
    background:none;
    padding: 0;
}

#content span.blackwhite{
    color:#fff;
    background:#000;
}

#content li{
    padding:0.2em 0em;
}

/* calendar link location */
#cal{
    position:relative;
    margin-top:-2.5em;
    margin-right:1em;
    float:right;
    font-size:80%;
}


#leftcolumn{
    float:left;
    width: 10em;
    position:relative;
    left:52em;
    overflow:hidden;
    padding-left:0.25em;
}

/* styles for left column headings */
#leftcolumn h1,
#rightcolumn h1{
    font-size:1.5em;
    font-variant:small-caps;
    font-weight:bold;
    padding:0.5em 0;
}

/* styles for left column links */
#leftcolumn a,
#leftcolumn a:link,
#leftcolumn a:visited,
#rightcolumn a,
#rightcolumn a:link,
#rightcolumn a:visited{
    font-size:90%;
    text-decoration:underline;
    color:#000;
    background:#69c;
    line-height:1.5em;
    outline-style:none;
}

/* left column hover and active links */
#leftcolumn a:hover,
#leftcolumn a:active,
#rightcolumn a:hover,
#rightcolumn a:active,
#footer a:hover,
#footer a:active,
#content a:hover,
#content a:active{
  background:#000;
  color:#fff;
}

#leftcolumn img,
#rightcolumn img{
    border-style: none;
    display: block;
    width: 9em;
    padding-top:0.2em;
}


#rightcolumn{
    float:left;
    width: 10em;
    position:relative;
    left:54em;
    overflow:hidden;
}

#footer{
    clear:both;
    text-align:center;
    padding-top: 0.5em;
    background-color:#fff;
    border-top:2px solid black;
}

#footer a,
#footer a:link,
#footer a:visited{
    font-size:90%;
    text-decoration:none;
    color:#000;
    background:#FFF;
    outline-style:none;
}

#footer img{
    border:none;
    vertical-align: middle;
}

/* style for alternating light and dark table rows throughout site */
.lightTableCell{
    background-color:#ccc;
}

.darkTableCell{
    background-color:#69c;
}


table.printSched {
	table-layout: auto;
	width: 100%;
	border-style: solid;
	border-spacing: 0;
	border-width: 0 0 1px 1px;
	border-collapse: collapse;
}

table.printSched td{
	border-style: solid;
	margin: 0;
	font-size: 10px;
	border-width: 1px 1px 0 0;
}

.bolditalic{
    font-style: italic;
    font-weight: bold;
}

/* styles for displaying news bulletins to return default margins and padding */
.msg ul,
.msg ol{
    padding-left: 2em;
}

textarea.keystats{
    width: 30em;
}

textarea.bigTA{
    width: 46em;
    height: 10em;
}

#statusMessage{
    background:#ff0;
    font-size:small;
    font-weight: bold;
}

table.calendar {
    padding: 0.25em;
}

table.calendar td{
    border:solid black 1px;
}