* {
	position: relative;
} 

body {
	position: static;
	margin: 0;
	padding: 0;
	background-image: url(../IMAGES/bigbg.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
	background-attachment: fixed;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
}

h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

h2 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	text-decoration:underline;
	text-align: center;
}

/***********************************************/
/* Login Divs                                 */
/***********************************************/

#loginShadowBottom {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	#loginShadowRight {
		width: 810px;
		padding: 0 10px 0 0;
		}
		* html #loginShadowRight {
			width: 820px;
			w\idth: 810px;
		}
		#loginShadowLeft {
			width: 800px;
			padding: 0 0 0 10px;
			}
			* html #loginShadowLeft {
				width: 810px;
				w\idth: 800px;
			}
			#loginShadowTop {
				width: 820px;
				margin: 0 auto;
				padding: 20px 0 0 0;
				}

/***********************************************/
/* Masthead Divs                                 */
/***********************************************/

#mastheadShadowBottom {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	#mastheadShadowRight {
		width: 810px;
		padding: 0 10px 0 0;
		}
		* html #mastheadShadowRight {
			width: 820px;
			w\idth: 810px;
		}
		#mastheadShadowLeft {
			width: 800px;
			padding: 0 0 0 10px;
			}
			* html #mastheadShadowLeft {
				width: 810px;
				w\idth: 800px;
			}
			#mastheadShadowTop {
				width: 820px;
				margin: 0 auto;
				padding: 20px 0 0 0;
				}

/***********************************************/
/* Navigation Divs                                 */
/***********************************************/

#navigationShadowBottom {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	#navigationShadowRight {
		width: 810px;
		padding: 0 10px 0 0;
		}
		* html #navigationShadowRight {
			width: 820px;
			w\idth: 810px;
		}
		#navigationShadowLeft {
			width: 800px;
			padding: 0 0 0 10px;
			}
			* html #navigationShadowLeft {
				width: 810px;
				w\idth: 800px;
			}
			#navigationShadowTop {
				width: 820px;
				margin: 0 auto;
				padding: 20px 0 0 0;
				}
				
/***********************************************/
/* Page Divs                                 */
/***********************************************/

#pageShadowBottom {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	#pageShadowRight {
		width: 810px;
		padding: 0 10px 0 0;
		}
		* html #pageShadowRight {
			width: 820px;
			w\idth: 810px;
		}
		#pageShadowLeft {
			width: 800px;
			padding: 0 0 0 10px;
			}
			* html #pageShadowLeft {
				width: 810px;
				w\idth: 800px;
			}
			#pageShadowTop {
				width: 820px;
				margin: 0 auto;
				padding: 20px 0 0 0;
				}
				#page {
					width: 100%;
					margin: 0;
					padding: 0;
					text-align: center;
}

/***********************************************/
/* Footer Divs                                 */
/***********************************************/

#footerShadowBottom {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	}
	#footerShadowRight {
		width: 810px;
		padding: 0 10px 0 0;
		}
		* html #footerShadowRight {
			width: 820px;
			w\idth: 810px;
		}
		#footerShadowLeft {
			width: 800px;
			padding: 0 0 0 10px;
			}
			* html #footerShadowLeft {
				width: 810px;
				w\idth: 800px;
			}
			#footerShadowTop {
				width: 820px;
				margin: 0 auto;
				padding: 20px 0 0 0;
				}

/***********************************************/
/* Banner                                      */
/***********************************************/

#banner {
	width: 800px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	background-color: transparent;
	}

/***********************************************/
/* Navigation                                  */
/***********************************************/

#navigation {
	width: 800px;
	margin: 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	}
	
	/**** Navigation Links ****/
	
	#navigation ul {
		height: auto;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#navigation ul li {
			height: auto;
			margin: 0 0 0 0;
			padding: 0;
			color: #FFFFFF;
			font-size: 10px;
			font-weight: 600;
			line-height: 40px;
			}
			/* Apply font-size hack to get IE to use vertical-align properly. */
			* html #navigation ul li {
				font-size: 10px; /* I don't know why vertical-align is working without this */
			}
			#navigation ul li a {
				display: inline;
				padding: 0 10px;
				border-left: 2px solid #FFFFFF;
				font-size: 10px;
				font-weight: 600;
				color: #FFFFFF;
				text-decoration: none;
				vertical-align: middle;
				}
				#navigation ul li a:hover {
					color: #FFFFFF;
					text-decoration: underline;
				}
				#navigation ul li a.firstLink {
					padding: 0 10px 0 20px;
					border-left: none;
	}
	
/***********************************************/
/* leftBar                                     */
/***********************************************/

#leftBar {
	float: left; /* floating both the content div and the leftbar div eliminates the IE 3px jog bug. */
	width: 150px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	}
	#leftBar a {
		color: #FFFFFF;
		text-decoration:none;
	}
		#leftBar a:hover {
			text-decoration:underline;
			
		}
/***********************************************/
/* rightBar                                     */
/***********************************************/

#rightBar {
	float: left; /* floating both the content div and the leftbar div eliminates the IE 3px jog bug. */
	width: 150px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	}
	#rightBar a {
		color: #FFFFFF;
		text-decoration:none;
	}
		#rightBar a:hover {
			text-decoration:underline;
			
		}
		
			#rightBar img {
				border:none;
			}

/***********************************************/
/* Main Content                                */
/***********************************************/

#content {
	float: left;
	width: 420px; /* 530px = 770px #page width - 200px leftBar - 20px right and 20px left padding. */
	margin: 0;
	padding: 0 40px 0 40px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	}
	#content a {
		color: #FFFFFF;
		text-decoration: none;
	}
		#content a:hover {
			text-decoration:underline;
		}
			#content a img {
				border: none;
			}
	
/***********************************************/
/* Footer                                */
/***********************************************/
	
	#footer {
	width: 800px;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: 600;
	text-align: center;
	}
	
	/**** Navigation Links ****/
	
	#footer ul {
		height: auto;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#footer ul li {
			height: auto;
			margin: 0 0 0 0;
			padding: 0;
			color: #FFFFFF;
			font-size: 10px;
			font-weight: 600;
			line-height: 40px;
			}
			/* Apply font-size hack to get IE to use vertical-align properly. */
			* html #footer ul li {
				font-size: 10px; /* I don't know why vertical-align is working without this */
			}
			#footer ul li a {
				display: inline;
				padding: 0 10px;
				border-left: 2px solid #FFFFFF;
				font-size: 10px;
				font-weight: 600;
				color: #FFFFFF;
				text-decoration: none;
				vertical-align: middle;
				}
				#footer ul li a:hover {
					color: #FFFFFF;
					text-decoration: underline;
				}
				#footer ul li a.firstLink {
					padding: 0 10px 0 20px;
					border-left: none;
	}