/************************************************************************
/ Default Styles
/************************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}

a:hover, a:active, a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

a img {
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/************************************************************************
/ Page Styles
/************************************************************************/

	#wrapper {
		margin-left: 30px;
		width: 960px;
	}
	
		#header {
			background-color: #5770b0;
			height: 83px;
			overflow: hidden;
			width: 960px;
		}

/************************************************************************
/ Navigation Styles
/************************************************************************/

#nav {
	float: left;
	height: 35px;
	padding-top: 23px;
	width: 420px;
}

#nav ul {
	margin: 0;
}

	#nav ul li {
		float: left;
		list-style-type: none;
		height: 25px;
		padding: 5px 22px;
	}
	
		#nav ul li a {
			color: #fff;
			font-size: 14px;
			text-decoration: none;
			text-transform: lowercase;
		}
		
			#nav ul li a:hover {
				color: #c7d7fe;
			}
			
#nav2 {
	height: 31px;
}

	#nav2 ul {
		float: right;
		margin: 0;
	}
	
		#nav2 ul li {
			float: left;
			list-style-type: none;
			height: 25px;
			padding: 5px 0 5px 10px;
		}
	
			#nav2 ul li a {
				font-size: 12px;
				padding: 0 0 0 21px;
				text-decoration: none;
				text-transform: lowercase;
			}
			
/************************************************************************
/ Search Box Styles
/************************************************************************/

#search {
	float: right;
	margin-top: 28px;
	width: 220px;
}

	#search input {
		color: #5770b0;
		float: left;
		padding: 2px;
		width: 185px;
	}
	
		#search input#submit {
			background-image: url(../images/btn-search.gif);
			height: 19px;
			margin: 0 0 0 5px;;
			width: 22px;
		}
		
/************************************************************************
/ Index Page Styles
/************************************************************************/
	
#index-content {
o
}

.index-box {
	overflow: hidden;
	width: 965px;
}

	.index-box #index-welcome {
		float: left;
		height: 165px;
		width: 564px;
	}
	
	.index-box .grey-box {
		background-color: #86867c;
		float: left;
		height: 152px;
		margin-left: 5px;
		padding: 5px 10px;
		width: 173px;
	}
	
	.index-box #index-contact {
		float: left;
		width: 190px;
	}
	
	.index-box #index-news {
		float: left;
		margin-left: 5px;
		width: 360px;
	}
	
	.index-box #index-quote {
		float: left;
		margin-left: 5px;
		width: 391px;
	}
	
	#shift {
		position: relative;
			top: -10px;
			left: -10px;
	}
	
	.index-box #index-quote #index-quote-box {
		background-color: #b7b6b1;
		overflow: hidden;
		padding: 15px 10px 10px;
		position: relative;
			top: -10px;
			left: 20px;
		width: 370px;
		z-index: 1;
	}
	

/************************************************************************
/ Interior Styles
/************************************************************************/

#interior-content {

}

	#sidebar {
		float: left;
		margin-top: 30px;
		padding-bottom: 20px;
		width: 260px;
	}
	
		#sidebar ul {
			margin: 0 0 0 20px;
			overflow: hidden;
			width: 240px;
		}
	
			#sidebar ul li {
				background-color: #dde3ef;
				border-top: solid 2px #86867c;
				list-style-type: none;
				padding: 0;
			}
			
				#sidebar ul li a {
					display: block;
					width: 240px;
					padding: 8px 10px 8px 20px;
					text-decoration: none;
				}
				
					#sidebar ul li.current a {
						font-weight: bold;
					}
					
					#sidebar ul li.current ul li a {
						font-weight: normal;
					}
					
						#sidebar ul li ul li.current {
							background-color: #b7b6b1;
						}
						
							#sidebar ul li ul li.current a {
								color: #fff;
								font-weight: normal;
							}
							
								#sidebar ul li ul li.current ul li a {
									padding-left: 70px;
									color: #000;
								}
				
					#sidebar ul li.on a {
						border-bottom: solid 2px #86867c;
						font-weight: bold;
					}
					
					#sidebar ul li.on ul li a {
						font-weight: normal;
					}
					
					#sidebar ul li.on ul li a {
						border-bottom: none;
						padding-left: 40px;
					}
				
				#sidebar ul li.first {
					border: none;
				}
				
				#sidebar ul li ul {
					margin-left: 0;
				}
				
				#sidebar ul li ul li {
					background-color: #f8f9fd;
					border-top: solid 1px #bfbfbd;
				}
				
					#sidebar ul li ul li a {
						color: #000;
					}
						
						#sidebar ul li ul li a:hover {
							color: #fff;
							background-color: #b7b6b1;
						}
	
	#content {
		float: left;
		padding: 30px 0 30px 30px;
		width: 670px;
	}

/************************************************************************
/ Footer Styles
/************************************************************************/

#footer {
	border-top: solid 2px #5770b0;
	padding-bottom: 20px;
	width: 960px;
}

/************************************************************************
/ FORM STYLES
/************************************************************************/

.message {
	padding: 15px 0 15px 0;	
}

form fieldset {
	border: 0;
	display: block;
	padding: 0;
	width: 350px; /* Change this width to affect element widths */
}

	form input, form select, form textarea {
		border: 0;
		display: block;
		padding: 0;
		width: 100%;
	}
	
	/* Use these wrapper classes to change padding, margin, etc. on form elements */
	
	form .input, form .textarea, form .select {
		background-color: #fff;
		border: 1px solid #999;
		margin-top: 5px;
		padding: 3px;
	}
	
	form label {
		display: block;
		width: 100%;
	}
	
	/* Wrapper for label and form field element */

	form .field {
		margin-bottom: 9px; 
		padding: 0;
	}
	
	/* Special widths */
	
	form .half {
		width: 50%;	
	}
	
	form .quarter {
		width: 25%;	
	}
	
	form #submit {
		background: #5770b0;
		cursor: pointer;
		margin: 10px 0 10px 0;
		padding: 6px;
		width: auto;	
	}
	
/************************************************************************
/ NEWS PAGE
/************************************************************************/

ul.news {
	width: 670px;
}

	ul.news li {
		border-bottom: solid 1px #5770b0
		list-style-type: none;
	}

		ul.news li a {
			display: block;
			font-size: 14px;
			padding: 7px 5px;
			text-decoration: none;
		}
		
			ul.news li a:hover {
				background-color: #dde3ef;
			}
			
				ul.news li a span {
					font-size: 11px;
					color: #000;
				}
	
#news-story {
	width: 670px;
}	
				
	#news-story img {
		padding: 0 0 20px 20px;
	}
			

/************************************************************************
/ Login Form Styles
/************************************************************************/

#zywaveUsername, #zywavePassword, #submitRemoteLogin {
	border: solid 1px #000;
	padding: 5px;
}

#submitRemoteLogin {
	width: 100px;
}

#login table tr td {
	padding: 5px;
}

#instantbenefits #password {
	border: solid 1px #000;
	padding: 5px;
	width: 150px;
}

#instantbenefits #login {
	border: solid 1px #000;
	padding: 5px;
	width: 100px;
}