/* --------------------------------------- Utility Styles ------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	font: 80% Arial, Helvetica, sans-serif;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
#container {
	width: 826px;
	margin-right: auto;
	margin-left: auto;
}

/* -------------------------------------------- Branding -----------------------------------------------*/

#branding h1.logo {
	background: url(images/logo.gif) no-repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #006699;
	text-transform: uppercase;
	font-size: 105%;
	padding-top: 40px;
	padding-left: 66px;
	letter-spacing: 1px;
	height: 31px;
	float: left;
	width: 400px;
}
#branding img.home {
	float: right;
	padding-top: 25px;
	padding-right: 25px;
}

/* -------------------------------------------- Top Navigation -------------------------------------------------*/

ul#side-nav {
	width: 194px;
	list-style: none;
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}
ul#side-nav li {
	display: inline;
}
a#sidenav-test, a#sidenav-faqs, a#sidenav-basics, a#sidenav-brokers, a#sidenav-topten, a#sidenav-gloss {
	display: block;
	height: 30px;
	width: 194px;
	background-position: 0 0;
}
a#sidenav-test:hover, a#sidenav-faqs:hover, a#sidenav-basics:hover, a#sidenav-brokers:hover, a#sidenav-topten:hover, a#sidenav-gloss:hover {
	background-position: 0 -30px;
}
a#sidenav-test {
	background-image: url(images/sidenav-test.jpg);
}
a#sidenav-faqs {
	background-image: url(images/sidenav-faqs.jpg);
}
a#sidenav-basics {
	background-image: url(images/sidenav-basics.jpg);
}
a#sidenav-brokers {
	background-image: url(images/sidenav-brokers.jpg);
}
a#sidenav-topten {
	background-image: url(images/sidenav-topten.jpg);
}
a#sidenav-gloss {
	background-image: url(images/sidenav-gloss.jpg);
}

ul#top-nav {
	width: 826px;
	list-style: none;
	float: left;
	height: 31px;
}
ul#top-nav li {
	float: left;
}
a .alt {
	display: none;
}
a#nav-long, a#nav-about, a#nav-articles, a#nav-res, a#nav-quote, a#nav-test, a#nav-glossary, a#nav-faq, a#nav-contact {
	display: block;
	height: 31px;
	background-position: 0 0;
}
a#nav-long:hover, a#nav-about:hover, a#nav-articles:hover, a#nav-res:hover, a#nav-quote:hover, a#nav-test:hover, a#nav-glossary:hover, a#nav-faq:hover, a#nav-contact:hover {
	background-position: 0 -31px;
}
a#nav-long {
	width: 136px;
	background-image: url(images/topnav-long.gif);
}
a#nav-about {
	width: 85px;
	background-image: url(images/topnav-about.gif);
}
a#nav-articles {
	width: 81px;
	background-image: url(images/topnav-articles.gif);
}
a#nav-res {
	width: 95px;
	background-image: url(images/topnav-res.gif);
}
a#nav-quote {
	width: 98px;
	background-image: url(images/topnav-quote.gif);
}
a#nav-test {
	width: 114px;
	background-image: url(images/topnav-test.gif);
}
a#nav-glossary {
	width: 85px;
	background-image: url(images/topnav-gloss.gif);
}
a#nav-faq {
	width: 47px;
	background-image: url(images/topnav-faq.gif);
}
a#nav-contact {
	width: 85px;
	background-image: url(images/topnav-contact.gif);
}

/* -------------------------------------------- Home Page Generic --------------------------------------------*/

#main-content {
	clear: left;
	background: url(images/bkgd.jpg) no-repeat bottom;
}

/* ---------------------------------------- Home Page Side Navigation -----------------------------------------*/

ul#side-nav {
	width: 194px;
	list-style: none;
	float: left;
	margin-top: 4px;
	margin-bottom: 10px;
}
ul#side-nav li {
	display: inline;
}
a#sidenav-test, a#sidenav-faqs, a#sidenav-basics, a#sidenav-brokers, a#sidenav-topten, a#sidenav-gloss {
	display: block;
	height: 30px;
	width: 194px;
	background-position: 0 0;
}
a#sidenav-test:hover, a#sidenav-faqs:hover, a#sidenav-basics:hover, a#sidenav-brokers:hover, a#sidenav-topten:hover, a#sidenav-gloss:hover {
	background-position: 0 -30px;
}
a#sidenav-test {
	background-image: url(images/sidenav-test.jpg);
}
a#sidenav-faqs {
	background-image: url(images/sidenav-faqs.jpg);
}
a#sidenav-basics {
	background-image: url(images/sidenav-basics.jpg);
}
a#sidenav-brokers {
	background-image: url(images/sidenav-brokers.jpg);
}
a#sidenav-topten {
	background-image: url(images/sidenav-topten.jpg);
}
a#sidenav-gloss {
	background-image: url(images/sidenav-gloss.jpg);
}

/* ---------------------------------------- Home Page Left Column --------------------------------------*/

#home-left-column {
	float: left;
	width: 194px;
}
#quote-form {
	clear: left;
	border: 1px solid #FFFFFF;
	padding: 10px 10px 5px;
	width: 161px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	background: url(images/home-quote-bkgd.gif) repeat-x;
}
#quote-form input {
	width: 80px;
}
#quote-form td {
	font-size: 80%;
	color: #FFFFFF;
	padding: 2px;
}
#quote-form p {
	font-size: 75%;
	color: #FFFFFF;
	text-align: center;
	line-height: 1em;
	margin-top: 5px;
	margin-bottom: 5px;
}
a#button-continue {
	display: block;
	height: 25px;
	width: 162px;
	background-position: 0 0;
	clear: left;
}
a#button-continue:hover {
	background-position: 0 -25px;
}
a#button-continue {
	background-image: url(images/button-continue.jpg);
	margin-right: auto;
	margin-left: auto;
}
a#button-how {
	display: block;
	height: 150px;
	width: 181px;
	background-position: 0 0;
	clear: left;
}
a#button-how:hover {
	background-position: 0 -150px;
}
a#button-how {
	background-image: url(images/button-how.jpg);
	margin-right: auto;
	margin-left: auto;
}

/* -------------------------------------- Home Page Center Column ------------------------------------------*/

#home-center-column {
	float: left;
	width: 277px;
	border-top: 2px solid #098BC7;
	border-left: 6px solid #098BC7;
	border-right: 2px solid #098BC7;
	background: url(images/home-center-column-bkgd.gif) repeat-x;
	padding: 10px 10px 120px;
	overflow: visible;
}
#home-center-column h2 {
	color: #006C9C;
	font-size: 100%;
}
#home-center-column h3 {
	color: #0093CB;
	font-size: 92%;
	margin-top: 10px;
	margin-bottom: 5px;
}
#home-center-column h3 a {
	color: #0093CB;
	text-decoration: none;
}
#home-center-column .orange a {
	color: #FB9B00;
	text-decoration: none;
}
#home-center-column a:hover {
	text-decoration: underline;
}
.orange {
	color: #FB9B00;
}
.outline {
	border: 1px solid #FFFFFF;
	padding: 5px;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
}
.outline p {
	font-style: oblique;
	font-weight: 700;
	color: #FFFFFF;
	margin-top: 8px;
}
a#button-long, a#button-plan, a#button-ages {
	display: block;
	height: 31px;
	width: 169px;
	background-position: 0 0;
}
a#button-long:hover, a#button-plan:hover, a#button-ages:hover {
	background-position: 0 -31px;
}
a#button-long {
	background-image: url(images/button-long.gif);
}
a#button-plan {
	background-image: url(images/button-plan.gif);
}
a#button-ages {
	background-image: url(images/button-ages.gif);
}

/* --------------------------------------- Home Page Right Column ------------------------------------------*/

#home-right-column {
	float: left;
	width: 327px;
}
#home-right-column-news {
	padding: 5px 15px 15px;
}
#home-right-column h4 {
	margin-top: 7px;
	font-size: 100%;
}
#home-right-column h4 a {
	color: #92E4F7;
	font-size: 85%;
	font-weight: 700;
	text-transform: none;
	text-decoration: underline;
}
#home-right-column a {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
#home-right-column a:hover {
	text-decoration: underline;
}
#home-right-column p {
	font-size: 75%;
	color: #FFFFFF;
	line-height: 1.3em;
}

/* -------------------------------------- Sub Page Left Column ------------------------------------------*/

#sub-content {
	clear: left;
	background: url(images/bkgd-sub.gif) repeat-y;
}
#sub-left-column {
	float: left;
	width: 195px;
	background: #1CA4D4;
}
.box-orange {
	background: #F89800;
	margin: 20px 10px;
	padding: 5px;
}
.box-orange h3 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 100%;
}
.box-orange ol {
	color: #006C9C;
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	padding-left: 10px;
}
.box-orange ol li {
	margin-bottom: 10px;
}

/* ----------------------------------------- Sub Page Right Column -------------------------------------------*/

#sub-right-column {
	float: left;
	width: 611px;
	background: #098BC7;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 30px;
}
#sub-right-column-text {
	padding-right: 100px;
}
#sub-right-column h2 {
	background: #F89800;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 120%;
	padding: 4px 3px 3px 6px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#sub-right-column h3 {
	color: #FFFFFF;
	font-size: 110%;
	margin-bottom: 3px;
}
#sub-right-column p {
	font-size: 85%;
	color: #FFFFFF;
	line-height: 1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}
#sub-right-column a {
	color: #FFFFFF;
	text-decoration: none;
}
#sub-right-column a:hover {
	text-decoration: underline;
}

/* -------------------------------------- Footer ----------------------------------------------*/

#footer {
	clear: left;
	text-align: center;
	line-height: 1em;
	padding: 5px;
}
#footer p {
	font-size: 80%;
	color: #0093CB;
	line-height: 1.5em;
	margin-top: 8px;
	margin-bottom: 8px;
}
#footer a {
	color: #0093CB;
}
#footer a:hover {
	text-decoration: none;
}