/* css file for the look and feel of a hssz web site */
/* colours: tvraa - #369, #B9AF9F, #635B44 */
/* 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: #DDD;
    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;
}

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

#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 branding div */
#ad{
    position:absolute;
    top:0.25em;
    right:0.25em;
    height:7em;
    width:9em;
    border: solid 1px;
    background:#ddd;
    text-align:center;
}

/* Navbar division */
#navbar{
    background:#000;
    height:1.6em;
    position:absolute;
    top:7.55em;
    left:0em;
    width:40em;
    margin-left:10.4em;
    padding-top:2px;
}

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

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


/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	font-family:Verdana, Geneva, Arial, Sans-Serif;
	font-size:80%;
	color:#000;
	background:#69c;
	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 hover and active links */
#navbar a:hover,
#navbar a:active{
  background:#ccc;
  color:#000;
}

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

#navbar 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 */
  visibility:visible;
  top:1.6em;
  left:0;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#ccc; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:9em;
  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 */
  background: #ccc;
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px;
  border-collapse:collapse;
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}

#content{
    margin-left: 10em;
    margin-right: 10em;
    margin-top:2em;
    width:40em;
    background-color:#fff;
    color:#000;
    padding:1em 0 0em 1em;
}

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

}

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

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

/* 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:#036;
    text-align:left;
    padding:5px;
    color:#fff;
}

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

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

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

#leftcolumn{
    float:left;
    width: 10em;
    background-color:#69c;
    padding-left: 5px;
    padding-bottom: 0.5em;
    border-right: solid 2px black;
}

/* 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:#ccc;
  color:#000;
}

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


#rightcolumn{
    float:right;
    width: 10em;
    padding-bottom: 0.5em;
    padding-left: 5px;
    background-color:#69c;
    border-left: solid 2px black;
}

#footer{
    clear:both;
    text-align:center;
    padding-top: 0.5em;
    margin-top:-3em;
    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;
    width:10em;
}

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

.darkTableCell{
    background-color:#ccc;
}


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