/* CSS Document */

/* ---------- TOP NAVIGATION ---------- */

#top-nav {
	float: right;
	width: 365px;
	margin-top: 30px;
}

#top-nav li {
	display: inline;
}

#top-nav a {
	float: right;
	width: 95px;
	height: 58px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	list-style-type: none;
	font-family: "Arial Rounded MT Bold", Helvetica, Arial, "Lucida Grande";
	font-size: 19px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#top-nav a:hover {
	background:
		url(../graphics/csslayout/nav-button.gif)
		no-repeat
		center;
}

#top-nav li a label {
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: #99D6E3;
	padding-top: 5px;
	cursor: pointer;
	border-top: 1px dashed #3693A3;
	margin-top: 3px;
}

/* ---------- BODY LINKS ---------- */

.body-links {
	float: left;
}

.body-links ul {
	list-style-type: none;
}

.body-links li {
	list-style-type: none;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 13px;
	color: #C1F0FA;
	background:
		url(../graphics/csslayout/bullet.gif)
		no-repeat
		top left;
	text-align: left;
	margin: 0px 0px 5px 25px;
	padding-left: 25px;
}

.body-links a {
	list-style-type: none;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 13px;
	color: #C1F0FA;
	border-bottom: 1px dashed #33a4ba;
	text-decoration: none;
}

.body-links a:hover {
	color: #5BDCF5;
}

/* ---------- FOOTER NAVIGATION ---------- */

.footer-links a {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	color: #2899B0;
	text-decoration: none;
}

.footer-links a:hover {
	color: #5BDCF5;
}

/* ---------- OTHER LINKS ---------- */

#more-info li {
	display: inline;
}

#more-info a {
	float: left;
	width: 300px;
	height: 26px;
	margin: 10px 0px 0px 0px;
	padding: 21px 0px 0px 0px;
	list-style-type: none;
	font-family: "Arial Rounded MT Bold", Helvetica, Arial, "Lucida Grande";
	color: #fff;
	font-size: 13px;
	background:
		url(../graphics/csslayout/more-infoA01.gif)
		no-repeat
		center;
	text-decoration: none;
	border-bottom: none;
	text-align: center;
}

#more-info a:hover {
	color: #B0E8F4;
	background:
		url(../graphics/csslayout/more-infoA02.gif)
		no-repeat
		center;
}