/*start of general rules*/
    * {
		/*border: 1px solid #ccc;for testing purposes only--toggle on/off*/
	}
	body {
		background:#6699FF url("images/bg_zig.gif");
		font-family: arial, helvetica, san-serif;
		voice-family: "\"}\""; voice-family:inherit;
		margin: 0; 
		padding: 0; 
	}
	* html body {
		font-size: x-small; /*for IE5 win*/
		font-size: small; /*for other IE versions*/
	}
	h1 {
		font-size:170%;
		margin-bottom: 10px;
	}
	h3 {
		font-size:130%;
		margin-bottom: 7px;
	}
	h3 {
		font-size:110%;
		margin-bottom: 5px;
	}
	p, #content li {
		font-size: 95%;
	}
	p {
		margin-bottom: 10px;
		margin-left: 10px;
	}
	hr {
	 width: 90%;
	}
	acronym {
		text-decoration: underline
	}
	h1, h2, h3 {
		color: #9999CC;
	}
	a, a:visited {
		text-decoration: none;
		color: #0066FF;
	}
	a:hover {
		text-decoration: underline;
	}
	#bc {
		margin: 5px;
		font-size: 70%;
		text-align: right;
	}
	#content {
		/*margin: 0 10px 10px 15px;*/
		background:url("images/sky_bg2.jpg") no-repeat right bottom;
	}
	#content h1, #content h2, #content h3, #content h4 {
		margin: 10px 10px 10px 10px;
	}
	#content p {
		margin: 10px 10px 15px 20px;
	}
	#content table {
		margin-left:auto; 
		margin-right:auto;//center the table trick
	}
	#content ul {
		margin: 10px 10px 10px 60px;
	}
	#content img.feature {
		margin: 0 10px 0 0;
	}
	#content #lastpara {
		margin: 0 0 0 20px; 
		padding: 10px 0 20px 0;
	}
	#stable {
		width: 90%;
		font-size: 75%;
		border: 1px solid #000;
	}
	#stable th, #stable td {
		margin: 0;
		padding: 8px 20px;
		text-align: center;
		border-bottom: 1px solid #b5b5b5;
	}
	#stable .left, #stable2 .left {
		text-align: left;
	}
	#stable .right, #stable2 .right {
		text-align: right;
	}
	#stable2 th, #stable2 td {
		margin: 0;
		padding: 6px 5px;
		text-align: center;
		border-bottom: 1px solid #b5b5b5;
	}
	#stable2 {
		width: 50%;
		font-size: 75%;
		border: 1px solid #000;
	}
	#stable .caption, #stable2 .caption {
		font-size: 140%;
		color: white;
		text-align: center;
		font-weight: bold;
		background: #6699FF;
	}
	#map {
	border: 1px solid black;
	}
	.indent {
		margin-left: 40px;
	}
/*end of general rules*/

/*start of main navigation bar*/
    #header {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:0px;
      list-style:none;
      }
    #header li {
	  font-size: 12px;
      display:inline;
      margin:0;
      padding:0;
      }
    #header a {
      float:right;
      background:url("images/right_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      /*border-bottom:1px solid #765;*/
      text-decoration:none;
      }
    #header a span {
      float:left;
      display:block;
      background:url("images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      font-weight:bold;
      color:#fff;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
    #header a:hover span {
      color:#FF9595;
      }
    #header #current a {
      background-position:0 -162px;
      }
    #header #current a span {
      background-position:100% -162px;
      padding-bottom:4px;
      color:#000;
      }
    #header a:hover {
      background-position:0 -162px;
      }
    #header a:hover span {
      background-position:100% -162px;
      }
	 
	  #corpLinkshm {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  margin-top: 5px;
      }
    #corpLinkshm ul {
      margin:0 15 0 0;
      padding:0px;
      list-style:none;
      }
    #corpLinkshm li {
	  font-size: 12px;
	  font-weight: bold;
      display:inline;
      margin:0;
      padding:0;
      }
    #corpLinkshm a {
      float:left;
      margin:0;
      padding:0 0 0 9px;
      /*border-bottom:1px solid #765;*/
      text-decoration:none;
	  color: #DFE8F1;
      }
	 #corpLinkshm a:hover {
      color: blue;
      }
	 
	 #corpLinks {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  margin-top: 5px;
      }
    #corpLinks ul {
      margin:0 15 0 0;
      padding:0px;
      list-style:none;
      }
    #corpLinks li {
	  font-size: 12px;
	  font-weight: bold;
      display:inline;
      margin:0;
      padding:0;
      }
    #corpLinks a {
      float:right;
      margin:0;
      padding:0 0 0 9px;
      /*border-bottom:1px solid #765;*/
      text-decoration:none;
	  color: #fff;
      }
	 #corpLinks a:hover {
      color: blue;
      }
	  #status a {
	  	color: #000;
	  }
/*end of main navigation bar*/
/*start of side navigation bar*/
	#sidenav {
		background: url("images/side_bg.jpg");
		height: 370px;
		margin: 25 0;
		padding: 0px;
		font-size: 12px;
		list-style-type: none;
		*line-height: 13px; /*only ie understands "*" all other browsers ignore this rule*/
	}
	#sidenav li a {
		text-decoration: none;
		padding: 7 0 0 5;
		color: white;
		line-height: .9em;
		display: block;
		height: 25px;
	}
	#sidenav li a:hover {
		background: red;
	}
/*end of side navigation bar*/

/*start of footer navigation bar*/
	.lightonDark {
		color: white;
	}
	#botnav {
	font-size: 75%;
	padding-top: 5px;
	}
	#botnav a {
		text-decoration: none;
		font-weight: bold;
		font-weight: bold;
		color: #E0FFFF;
	}
	#botnav a:hover {
		color: black;
	}
/*end of footer navigation bar*/

/*more specific rules*/
	#mquote {
		margin: 49px 30px 20px 109px; 
		color: white; 
		font-size: 16px;
	}
	#weather {
		float: left;
		margin: 10px 20px 10px 20px;
		border: thin solid black;
		width: 130;
	}
	#project {
		float: left;
		margin: 15px 10px 10px 20px;
	}
	#ladysmith {
		float: left;
		margin: 15px 10px 10px 20px;
	}
	#banner {
		float: right;
		margin: 15px 20px 10px 20px;
	}
	#copyright {
		font-size: 75%;
		padding-top: 5px
	}
	#credits {
		margin: 20 0 10 0;
		color: blue;
		font-size: 70%;
		padding-top: 5px;
	}
	.small, .teaseLink {
		font-size: 80%;
	}
	.teaseLink {
		margin: -20px 40px 0 0;
	}
	#col1 {
		float: left;
		background: transparent;
		width: 50%; /*Width of left column in percentage*/
	}
	#col2 {
		float: right;
		width: 50%; /*Width of left column in percentage*/
		margin-left: -20px;
	}
	#col1 .smSublist, #col2 .smSublist {
		margin-left: 30px;
	}
	#portrait {
		margin: 0 20px 0 10px;
	}
	#acrobat {
		margin: 15px 0 0 15px; 
	}
	#map {
		width: 600px; 
		height: 500px; 
		margin-left: 22px; 
	}