/* Nav */

#nav {
	width: 950px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding-top: 0px;
}

.nav_clear {
	clear: both;
	height: 1px;
	font-size: 1%;
	overflow: hidden;
	margin-bottom: -1px;
}


#mainnav {
	color: #000000;
	text-align: left;
	font-size: 70%;
	z-index: 900;
	padding: 98px 10px 0 15px;
}

#mainnav li {
	display: inline;
	list-style-type: none;
}
#mainnav ul {
	margin: 0;
	padding: 0;
}
#mainnav a {
	text-decoration: none;
	background-image: url(../images/generic/nav_up.png);
	background-repeat: repeat-x;
	background-position: center top;
	color: #FFFFFF;
	float: left;
	font-size: 88%;
	font-weight: bold;
	padding: 6px 10px 7px 10px;
	margin: 0 3px 0 0;
	text-transform: uppercase;
}
#mainnav ul li.home a {
	background-position: left top;
}
#mainnav ul li.contact a {
	background-position: right top;
}

#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
	background-color: #FFFFFF;
	background-image: url(../images/generic/nav_ov.png);
	background-repeat: repeat-x;
	background-position: center top;
	float: left;
	color: #124094;
	font-weight: bold;
	padding: 6px 10px 7px 10px;
}

/* Nav page marker */

body.home #mainnav ul li.home a,
body.home #mainnav ul li.home a:hover,

body.switchover #mainnav ul li.switchover a,
body.switchover #mainnav ul li.switchover a:hover,

body.solutions #mainnav ul li.solutions a,
body.solutions #mainnav ul li.solutions a:hover,

body.successes #mainnav ul li.successes a,
body.successes #mainnav ul li.successes a:hover,

body.avonline #mainnav ul li.avonline a,
body.avonline #mainnav ul li.avonline a:hover,

body.contact #mainnav ul li.contact a,
body.contact #mainnav ul li.contact a:hover {
	background-image: url(../images/generic/nav_ov.png);
	color: #124094;
}


/* SubNav */

#subnav {
	width: 950px;
	color: #000000;
	text-align: left;
	font-size: 70%;
	z-index: 900;
	background-image: url(../images/generic/subnav.jpg);
	background-position: bottom center;
	background-repeat: repeat-x;
}
#subnav li {
	display: inline;
	list-style-type: none;
}
#subnav ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
#subnav a {
	text-transform: uppercase;
	text-decoration: none;
	color: #919597;
	padding: 8px 12px 13px 15px;
	float: left;
	font-size: 88%;
	font-weight: bold;
}
#subnav a:hover, #subnav a:active, #subnav a:focus {
	text-decoration: underline;
	float: left;
	font-weight: bold;
}
.ov {
	color: #124094 !important;
	text-decoration: underline !important;
}

/* Page Navigation */

#pagenav {
	font-size: 70%;
	text-align: left;
	margin: 0px 24px 0 24px;
	z-index: 900;
	border-top: 1px solid #CCCCCC;
	padding: 0;
}
#pagenav li {
	display: inline;
	list-style-type: none;
	background-image: none;
}
#pagenav ul {
	margin: 0;
	padding: 0;
}
#pagenav a {
	text-decoration: none;
	color: #124094;
	padding: 8px 20px 10px 20px;
	line-height: 12px;
	font-weight: bold;
	background-image: url(../images/generic/button.gif);
	background-repeat: no-repeat;
	background-position: center left;
	float: left;
}
#pagenav a:hover {
	color: #003E93;
	font-weight: bold;
	text-decoration: underline;
}