@charset "utf-8";
*
{margin:0;padding:0;}

body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: url(bgmap.jpg) fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColFixHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #f6e9db;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.thrColFixHdr p.point {
	font-size:11px;
	font-weight:bold;
}

.thrColFixHdr p.ch {
	font-size:12px;
}

ul#topnav {
width:776px;
list-style:none;
height:77px;
}

ul#topnav li {
display:inline;
}

ul#topnav li a {
height:77px;
float:left;
text-indent:-9999px;
}

ul#topnav li#topnav1 a {
width:182px;
background:url(images/finalnav.gif) no-repeat 0 0; /* X and Y position at 0 */
}

ul#topnav  li#topnav1 a:hover {
background-position:0 -81px; /* Y position -40px for Over instance image */
}

ul#topnav li#topnav2 a {
width:76px;
background:url(images/finalnav.gif) no-repeat -182px 0;
}

ul#topnav  li#topnav2 a:hover {
background-position:-182px -81px;
}

ul#topnav li#topnav3 a {
width:88px;
background:url(images/finalnav.gif) no-repeat -258px 0;
}

ul#topnav  li#topnav3 a:hover {
background-position:-258px -81px;
}


ul#topnav li#topnav4 a {
width:86px;
background:url(images/finalnav.gif) no-repeat -346px 0;
}

ul#topnav  li#topnav4 a:hover {
background-position:-346px -81px;
}

ul#topnav li#topnav5 a {
width:86px;
background:url(images/finalnav.gif) no-repeat -432px 0;
}

ul#topnav  li#topnav5 a:hover {
background-position:-432px -81px;
}


ul#topnav li#topnav6 a {
width:86px;
background:url(images/finalnav.gif) no-repeat -518px 0;
}

ul#topnav  li#topnav6 a:hover {
background-position:-518px -81px;
}


ul#topnav li#topnav7 a {
width:172px;
background:url(images/finalnav.gif) no-repeat -604px 0;
}

ul#topnav li#topnav7 a:hover {
background-position:-604px -81px;
}


ul#sidenav {
	width:75px;
	list-style:none;
	height:912px;
}

ul#sidenav li{
	display: inline;
}

ul#sidenav li a {
	height:912px;
	float:left;
	text-indent:-9999px;
}

ul#sidenav li#sidenav1 a {
	width:75px;
	height:100px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 0;
}

ul#sidenav li#sidenav1 a:hover {
	background-position:-75px 0;
}

ul#sidenav li#sidenav2 a {
	width:75px;
	height:80px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -100px;
}

ul#sidenav li#sidenav2 a:hover {
	background-position:-75px -100px;
}

ul#sidenav li#sidenav3 a {
	width:75px;
	height:77px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -180px;
}

ul#sidenav li#sidenav3 a:hover {
	background-position:-75px -180px;
}


ul#sidenav li#sidenav4 a {
	width:75px;
	height:81px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -257px;
}

ul#sidenav li#sidenav4 a:hover {
	background-position:-75px -257px;
}


ul#sidenav li#sidenav5 a {
	width:75px;
	height:80px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -338px;
}

ul#sidenav li#sidenav5 a:hover {
	background-position:-75px -338px;
}

ul#sidenav li#sidenav6 a {
	width:75px;
	height:80px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -418px;
}

ul#sidenav li#sidenav6 a:hover {
	background-position:-75px -418px;
}

ul#sidenav li#sidenav7 a {
	width:75px;
	height:82px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -498px;
}

ul#sidenav li#sidenav7 a:hover {
	background-position:-75px -498px;
}

ul#sidenav li#sidenav8 a {
	width:75px;
	height:82px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -580px;
}

ul#sidenav li#sidenav8 a:hover {
	background-position:-75px -580px;
}

ul#sidenav li#sidenav9 a {
	width:75px;
	height:82px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -662px;
}

ul#sidenav li#sidenav9 a:hover {
	background-position:-75px -662px;
}

ul#sidenav li#sidenav10 a {
	width:75px;
	height:82px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -744px;
}

ul#sidenav li#sidenav10 a:hover {
	background-position:-75px -744px;
}

ul#sidenav li#sidenav11 a {
	width:75px;
	height:87px;
	background:url(images/topicsfinal_ch4.gif) no-repeat 0 -826px;
}

ul#sidenav li#sidenav11 a:hover {
	background-position:-75px -826px;
}

.thrColFixHdr #mainContent {
	margin: 0 20px 0 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px 20px 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*background: url(overlay.png);	*/
	font: 90% Verdana, Arial, Helvetica, sans-serif;
  	color:#000000;
	text-align:left;
}

.thrColFixHdr #mainContent p {
	padding-bottom:10px;
	padding-top:5px;
}

.thrColFixHdr #mainContent a.pagenumber {
	padding-bottom:10px;
	padding-top:5px;
	color:#909;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}

.thrColFixHdr #mainContent a:hover {
	text-decoration:none;
}

.thrColFixHdr #mainContent a:visited {
	text-decoration:none;
}


td {
	vertical-align:top;
}

ul#links {
	margin:0 20px 0 0px;
	padding:10px 20px 10px 20px;S
	list-style:outside;
}

ul#links li{
	display:list-item;
	padding-bottom:5px;
}

ul#links li a {
	color:#900;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-decoration:none;
}


ul#links li ul li{
	text-indent:8px;
	list-style:inside;
	list-style-type:circle;
	padding-top:2px;
	padding-bottom:0px;
	text-decoration:none;
	
}

ul#links li ul li a{
	color:#006;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	
}

ul#links li ul li ul li{
	text-indent:30px;
	list-style:inside;
	list-style-type:square;
	padding-top:2px;
	padding-bottom:0px;
	text-decoration:none;
	
}

ul#links li ul li ul li a{
	color:#060;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;	
}

ul#links li ul li ul li ul li{
	text-indent:45px;
	list-style:inside;
	list-style-type:disc;
	padding-top:2px;
	padding-bottom:0px;
	text-decoration:none;
	
}

ul#links li ul li ul li ul li a{
	color:#36F;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;	
}

ul#links li ul li ul li ul li ul li{
	text-indent:60px;
	list-style:inside;
	list-style-type:circle;
	padding-top:2px;
	padding-bottom:0px;
	text-decoration:none;
	
}

ul#links li ul li ul li ul li ul li a{
	color:#60C;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	text-decoration:none;	
}
