body { 
margin: 0;
padding: 0;
font: normal 11px arial, helvetica, verdana, geneva, sans-serif;
text-align: center;
background: #918C82;
}

a {
color: #605A4F;
text-decoration: none;
}

div#container {
text-align: left;
background: #E6DBCF;
background: #F7EDE1;
width: 735px;
margin: 0 auto;
margin-top: 10px;
}

div#content {
width: 735px;
margin-top: 20px;
}

/*\*/
div#container {
overflow: hidden;
}

div#content {
overflow: auto;
}
/**/

div#masthead {
background: #F7EDE1;
height: 68px;
width: 100%;
background: #F7EDE1 url(../images/mastheadsp.gif) no-repeat;
border-top: 14px solid #BCB5A7;
}

div#topnav {
width: 735px;
background: #BCB5A7;
border: 1px solid #AEA699;
border-style: solid none solid none;
float: right;
margin-top: -14px;
}

/*\*/
div#topnav{
margin: 0;
}
/**/

div#topnav ul {
margin: 0 20px 0 0;
padding: 0;
float: right;
}

div#topnav li {
color: #fff;
padding: 2px 5px;
float: left;
list-style-type: none;
display: block;
letter-spacing: .03em;
}

div#topnav li a, div#topnav li a:visited {
color: #fff;
text-decoration: none;
}

div#topnav li a:hover {
color: #630;
}

div#leftcontainer {
background: #F7EDE1;
float: left;
width: 50%;
padding: 20px 0 20px 30px;
}

#leftcontainer p {
margin-top: 20px;
}

#leftcontainer a {
text-decoration: underline;
}

#leftcontainer a:hover {
color: #413D35;
color: #069;
}

div#sections { /* */
 width: 234px;
 height: 251px;
 background: url(../images/onmap.gif) no-repeat;
 margin: 30px 20px 20px 0;
 /*position: relative;
left: 450px;*/
margin-left: 375px;
}

#sections li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#sections a {display: block;}

#section1 {left: 0px; top: 0px; width: 110px; height: 150px;}
#section2 {left: 110px; top: 0px; width: 79px; height: 86px;}
#section3 {left: 118px; top: 182px; width: 50px; height: 55px;}
#section4 {left: 160px; top: 182px; width: 34px; height: 55px;}
#section5 {left: 194px; top: 182px; width: 40px; height: 40px;}

#section1 a {height: 150px;}
#section2 a {height: 182px;}
#section3 a {height: 68px;}
#section4 a {height: 55px;}
#section5 a {height: 40px;}

#section1 a:hover {background: url(../images/onmap.gif) 0px -253px no-repeat;}
#section2 a:hover {background: url(../images/onmap.gif) -110px -253px no-repeat;}
#section3 a:hover {background: url(../images/onmap.gif) -118px -685px no-repeat;}
#section4 a:hover {background: url(../images/onmap.gif) -160px -936px no-repeat;}
#section5 a:hover {background: url(../images/onmap.gif) -194px -685px no-repeat;}


.clearleft {
clear: left;
}

h2 {
background: #BCB5A7;
margin: 0;
font-size: 13px;
padding: 3px 0 3px 20px;
color: #605A4F;
border: 1px solid #AEA699;
border-style: solid none solid none;
}

#botnav ul {
margin: 0 0 0 30px; /* Gecko all sides */
padding: 7px 0 0 0; /* Gecko all sides */
list-style-type:none;
}
#botnav li {
float:left; 
margin-right:6px;
text-align: center; /* SF */
}

#botnav li.list1 {background:transparent url(../images/bc.jpg) no-repeat;}
#botnav li.list2 {background:transparent url(../images/alberta.jpg) no-repeat;}
#botnav li.list3 {background:transparent url(../images/sask.jpg) no-repeat;}
#botnav li.list4 {background:transparent url(../images/nwt.jpg) no-repeat;}
#botnav li.list5 {background:transparent url(../images/cordova.jpg) no-repeat;}
#botnav li.list6 {background:transparent url(../images/lostvil.jpg) no-repeat;}
#botnav li.list7 {background:transparent url(../images/chat.jpg) no-repeat;}

#botnav a {
display:block; 
width:75px; 
height:0; 
padding-top:120px; 
color:#000;
}

#botnav a#item1:hover {background:transparent url(../images/bc_over.jpg) no-repeat -120px -90px; text-align: center;}
#botnav a#item2:hover {background:transparent url(../images/alberta_over.jpg) -120px -90px no-repeat; text-align: center;}
#botnav a#item3:hover {background:transparent url(../images/sask_over.jpg) -120px -90px no-repeat; text-align: center;}
#botnav a#item4:hover {background:transparent url(../images/nwt_over.jpg) -120px -90px no-repeat; text-align: center;}
#botnav a#item5:hover {background:transparent url(../images/cordova_over.jpg) -120px -90px no-repeat; text-align: center;}
#botnav a#item6:hover {background:transparent url(../images/lostvil_over.jpg) -120px -90px no-repeat; text-align: center;}
#botnav a#item7:hover {background:transparent url(../images/chat_over.jpg) -120px -90px no-repeat; text-align: center;}

#botnav a#item1:hover {background-position:0 0;}
#botnav a#item2:hover {background-position:0 0;}
#botnav a#item3:hover {background-position:0 0;}
#botnav a#item4:hover {background-position:0 0;}
#botnav a#item5:hover {background-position:0 0;}
#botnav a#item6:hover {background-position:0 0;}
#botnav a#item7:hover {background-position:0 0;}

#botnav {
/*display:block; 
width: 735px; */
height: 152px; 
background: #CCC1B4;
background: #DCD0C2;
/*background: #D5CABD; 
margin-bottom: 4px;*/
}

/*\*/
#botnav {
margin: 0;
}

/**/

#botnav span {
color: #000;
background: #BCB5A7;
width: 75px;
display: block;
padding: 0 0;
font-size: 9px;
}

/*\*/
#botnav span {

padding: 2px 0;
}
/**/


#botnav span a:hover {
color: #000;
}

div#footer {
background: #BCB5A7;
margin: 0;
height: 50px;
text-align: center;
padding-top: 14px;
border-top: 1px solid #AEA699;
border-bottom: 14px solid #AEA699;
}

div#footer ul {
margin: 0;
padding: 0;
}

div#footer li {
color: #605A4F;
text-align: center;
list-style-type: none;
display: inline;
padding: 5px;
margin-top: 20px;
}

div#footer li a, div#footer li a:visited {
color: #605A4F;
text-decoration: underline;
}

div#footer li a:hover{
color: #069;
}

div#update {
margin: 6px 0 0 0;
text-align: center;
}

/*\*/
div#update {
margin: 6px 0;
text-align: center;
}
/**/

div#bottom {
background: #918C82;
}

div#bottom img {
margin: 10px 0 0 10px;
}

#searchcontainer { /* */
position: absolute;
top: 57px;
left: 600px;
height: 20px;
}

/*\*/
#searchcontainer {
position: relative;
top: 47px;
left: 600px;
height: 20px;
}

/**/

label, input.search { /* */
display: block;
float: left;
margin-right: 5px;
position: relative;
top: 0;
}

label {
text-align: center;
width: 100px;
border: 3px double #AEA699;
height: 14px;
padding: 0;
color: #605A4F;
}

input.search {
width: 75px;
height: 12px;
background: #F4E9DC;
}

br {
clear: left;
}

input.button { /* */
padding: 1px 2px 3px 2px;
background-color: #AEA699;
text-align: center;
color: #fff;
font-size: 10px;
font-family: arial, geneva, helvetica, verdana, sans-serif;
height: 10px;
position: relative;
top: 0px;
margin-right: 7px;
}

/*\*/
input.button {
height: 20px;
}
/**/