/*------------------- CONTAINER CENTERS PAGE -----------------*/

#container{
position:absolute; /* or absolute */
top: 10;
width: 760px;
left: 50%;
margin-left:-380px; /* centers a 760px _container_ */
text-align: left;   /* to prevent centered text for entire page */
z-index: 1
}

#banner {
height: 110px;
left: 0px;
position: absolute;
top: 0px;
width: 760px;
z-index: 1
}

#menu {
height: 600px;
background-color: #000099;
left: 0px;
position: absolute;
top: 113px;
width: 150px;
z-index: 5
}

#menu p {
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	line-height: 200%;
	padding-left: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px #FFFFFF solid;
}

#menu p.submenu {
	color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	line-height: 200%;
	padding-left: 10px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px #FFFFFF solid;
	background-color: #6666CC;
}


#menu a:link {
		color: #FFFFFF;
		text-decoration: none;
}

#menu a:visited {
		color: #FFFFCC;
		text-decoration: none;
}

#menu a:hover {
		background-color: #999966;
		color: #000099;
		text-decoration: none;
		font-size: 105%;

}

#menu a:active {
		background-color: #999966;
		color: #000099;
		text-decoration: none;
}

#content {
/* border-left: 150px #000099 solid; */
height: 462px;
left: 180px;        /* to make work in all browsers - was 0 */
position: absolute;
top: 113px;
width: 340px;       /* to make work in all browsers - was 760 */
z-index: 1;
}

#content h1 {
	color: #000099;
	font-family: Impact;
	font-size: 145%;
	font-weight: bold;
	line-height: 125%;
	margin-left: 0px;        /* to make work in all browsers - was 20 */
	margin-right: 0px;
	margin-top: 30px;
	margin-bottom: 15px;
}

#content p {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 130%;
	margin-left: 0px;        /* to make work in all browsers - was 20 */
	margin-right: 0px;
	margin-top: 9px;
	margin-bottom: 18px;
}

#content p.copyright {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	line-height: 130%;
	margin-left: 0px;        /* to make work in all browsers - was 20 */
	margin-right: 0px;
	margin-top: 9px;
	margin-bottom: 18px;
}

#content li {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 130%;
	margin-left: -15px;        /* to make work in all browsers - was 20 */
	margin-right: 0px;
	margin-top: 9px;
	margin-bottom: 3px;
}

#content li.footerli {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	line-height: 130%;
	margin-left: -25px;        /* to make work in all browsers - was 20 */
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#content a:link {
		color: #000099;
		text-decoration: underline;
}

#content a:visited {
		color: #000099;
		text-decoration: none;
}

#content a:hover {
		background-color: #000099;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 105%;

}

#content a:active {
		background-color: #000099;
		color: #FFFFFF;
		text-decoration: none;
}


#sidebar {
height: auto;
left: 540px;
position: absolute;
top: 145px;
width: 196px;
background-color: #CCCC99;
z-index: 6;
}

#sidebar p {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	line-height: 130%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 0px;
}

#sidebar li {
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 70%;
	line-height: 130%;
	margin-left: -5px;
	margin-right: 10px;
	margin-top: 6px;
	margin-bottom: 0px;
}