@charset "utf-8";
/* CSS Document */
/* the bit that does the work */

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
	padding:120px 0 60px 0;
  }

#container {
	font-family:"book Antiqua";
	font-size: 1.2em;
	position:fixed;
	top:120px;
	left:0;
	bottom:60px;
	right:0;
	overflow:auto;
	background:#fff;
	text-align:center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 240px;
  }

* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:125px; 
  overflow:auto; 
  background-image: url(header_background.jpg);
  background-repeat: repeat-x;
  font-weight:bold;
  
  }
  #header_left {
	background-image: url(left_header.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 125px;
	width: 125px;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
}
* html #header {height:125px;}


#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	overflow:auto;
	background-image: url(footer_background.jpg);
	background-repeat: repeat-x;
	font-family: "book Antiqua";
  }
  
 #footer_left {
	background-image: url(left_footer.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 60px;
	width: 60px;
	left: 0px;
	top: auto;
	right: auto;
	bottom: 0px;
}
* html #footer {
	height:60px;
}
#sidebar{
	position:absolute;
	width:24px;
	left:0px;
	top:125px;
	bottom:60px;
	right:auto;
	background-color:#FFFFFF;
	z-index: 25;
}
* html #sidebar{
	width:24px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: -60px;
	padding-left: 0px;
	}

#nav{
	background-image:url(nav_background.jpg);
	background-repeat:repeat-y;
	position:absolute;
	width:210px;
	left:24px;
	top:125px;
	right:auto;
	bottom:60px;
	z-index:5;
	list-style-type: none;
	font-family: "book Antiqua";
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}


* html #nav{
	width:210px;
	height:auto;
	left: 24px;
	top: 125px;
	right: 0px;
	bottom: 60px;
	background-color: #FFFFFF;
}
#topnav {
	background-image: url(topnav.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 115px;
	width: 200px;
	left: 24px;
	top: 10px;
	z-index: 30;
	padding: 0px;
}
#bottomnav {
	
	background-repeat: no-repeat;
	position: absolute;
	height: 35px;
	width: 200px;
	left: 24px;
	top: 0px;
	right: auto;
	bottom: auto;
	z-index: 30;
}

.navlink{
	height:25px;
	width:198px;
	float:left;
	clear: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

a.navlink{text-decoration:none; size:1.1ems; font:"book Antiqua"; color:#000000;}

a.navlink:hover {
background-color:#b0232b; 
  text-decoration:none;
  }


#header p
{
	font-size:18px;
	background-position: center center;
	float: left;
	padding-top: 25px;
	padding-left: 260px;
	font-family: "book Antiqua";
	color: #FFFFFF;
	font-size: 1.8em;
}
#footer p {
	color:white;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	text-align: center;
	padding-left: 260px;
  }

/* end of bit that does the work */

h1 {font-size:4em; margin:0; padding:0;}


#header img {
  margin:10px 10px 0 10px;
  }
#container img {margin:5px;}

.currentpage{
	background-color:#b0232b;
	height:25px;
	width:198px;
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	text-decoration: none;
}

.title{
	font-family: "book Antiqua";
	font-weight:bold;
	font-size: 1.8em;
	color: #b0232b;
}
.subtitle{
	font-size: 1.2em;
	color: #b0232b;
	font-weight: bold;
}