html { overflow-y : scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	background: #242424 url(images/bg-body.gif) repeat-y center top;
	color: #fff;
	font-family:  arial, verdana, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body { font-size: medium; }

#skiptomain { display: none; }

a:hover, a:active { color: #c00; }
.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 10px 0 0 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

img.floatright { float: right; margin: 0 0 10px 10px; }

h2 {
    font-size: 1.4em;   
}

h3 {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    font-size: 1.3em; 
	color: #e66a24;  
}

#wrapper {
	width: 960px;
	background: #000;
	color: #fff;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 960px;
	height: 125px;
}

	#header-lft {
		width: 300px;
		height: 125px;
		float: left;
	}

	#header-rgt {
		width: 220px;
		height: 125px;
		float: right;
	}

		#head-cont-top {
			color: #e66a24;
			font-size: 0.7em;
			margin: 60px 0 5px 0;
		}

		#head-cont-bot {
			font-size: 1.2em;
			font-weight: bold;
			letter-spacing: 0.05em;
		}

#page-content {
	width: 960px;
	margin: 10px 0;
}

	#topnav {
		width: 900px;
		height: 30px;
		margin: 12px 30px 0 30px;
	}

		#topnav ul {
			list-style: none;
			margin: 0;
			height: 25px;
			padding: 5px 0 0 0;
		}

			#topnav ul li {
				height: 25px;
				display: inline;
				float: left;
				font-size: 1.4em;
				font-weight: bold;
				line-height: 25px;
				margin: 0;
				padding: 0;
				text-align: center;
			}

				#topnav ul li#toplink1 { width: 70px; text-align: left; }
				#topnav ul li#toplink2 { width: 70px; }
				#topnav ul li#toplink3 { width: 120px; }
				#topnav ul li#toplink4 { width: 140px; }
				#topnav ul li#toplink5 { width: 95px; }
				#topnav ul li#toplink6 { width: 85px; }
				#topnav ul li#toplink7 { width: 115px; }
				#topnav ul li#toplink8 { width: 65px; }
				#topnav ul li#toplink9 { width: 40px; }
				#topnav ul li#toplink10 { width: 90px; text-align: right; }

				#topnav ul li a:link, #topnav ul li a:visited {
					color: #e66a24;
					text-decoration: none;
				}

				#topnav ul li a:hover, #topnav ul li a:active {
					color: #fff;
					text-decoration: underline;
				}

				#topnav ul li.active a:link, #topnav ul li.active a:visited {
					color: #fff;
					text-decoration: none;
				}

				#topnav ul li.active a:hover, #topnav ul li.active a:active {
					color: #fff;
					text-decoration: underline;
				}

	#homecontent {
		width: 600px;
		height: 550px;
		background: #000 url(/images/bg-homecontent.jpg) no-repeat left top;
		color: #ffffff;
		font-size: 0.8em;
		margin: 0 30px 0 30px;
		padding: 45px 20px 0 280px;
		position: relative;
	}

		#hp-text {
			width: 560px;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.7em;
			margin: 10px 0;
		}
		
		#hp-text a {
		    color: #FFF;   
		}

		ul#homelink {
			list-style: none;
			margin: 10px 0 20px 0;
			padding: 0;
			font-size: 0.8em;
		}

			ul#homelink li {
				background: transparent url(/images/bg-homelink-li.gif) no-repeat left center;
				padding: 0 0 0 21px;
				line-height: 18px;
			}

				ul#homelink li a:link, ul#homelink li a:visited { color: #fff; text-decoration: none; }
				ul#homelink li a:active, ul#homelink li a:hover { color: #000; text-decoration: underline; }

		#personal-quote-home {
			font-size: 1.2em;
			font-style: oblique;
			font-weight: bold;
			line-height: 1.5em;
			color: #ffffff;
			margin: 40px 0 0 0px;
		}
		
		#newsticker {
		    position: absolute;   
		    left: 278px;
		    bottom: 146px;
		    color: #FFF;
		    width: 600px;
		    height: 20px;
		    padding: 5px;
		    line-height: 20px;
		}
		
		    #newsticker-title {
    		    font-weight: bold;
    		    border-right: 1px solid #FFF;
    		    float: left;
    		    padding: 0px 5px 0px 0px;
    		    font-size: 0.9em;
		    }
		    
		    #newsticker-anim {
		        background: #000;
		        color: #FFF;   
		        left: 5px;
		        width: 490px;
		        height: 20px;
		        padding: 0px;
    		    font-size: 0.9em;
    		    overflow: hidden;
		    }
		    
		    #newsticker-anim a {
		        color: #FFF; 
		        text-decoration: none;  
		    }
		    
		    #newsticker-anim a:hover {
		        color: #FFF; 
		        text-decoration: underline;  
		    }

		#hpscroller {
			width: 620px;
			height: 50px;
			margin: 0;
			padding: 0;
			position: absolute;
				bottom: 45px;
				left: 280px;
		}

			#hpscrollinner {
				width: 610px;
				height: 50px;
				margin: 0 10px 0 0;
				overflow: hidden;
				position: relative;
			}

				#brandcarousel {
					margin: 0;
					padding: 0;
					list-style: none;
				}

					.jcarousel-container {
						position: relative;
					}

					.jcarousel-clip {
						z-index: 2;
						padding: 0;
						margin: 0;
						overflow: hidden;
						position: relative;
					}

					.jcarousel-list {
						z-index: 1;
						overflow: hidden;
						position: relative;
						top: 0;
						left: 0;
						margin: 0;
						padding: 0;
					}

					.jcarousel-item {
						float: left;
						list-style: none;
						/* We set the width/height explicitly. No width/height causes infinite loops. */
						width: 165px;
						height: 50px;
					}

					.jcarousel-clip-horizontal {
						width: 100%;
					}

					.jcarousel-item {
						height: 100%;
					}

	#mainnav {
		width: 150px;
		float: left;
		margin: 0 0 0 30px;
	}

		* html #mainnav { margin-left: 15px; } /* IE 6 likes to double left-margin on floated blocks for no reason */

		#mainnav ul {
			width: 150px;
			list-style: none;
			margin: 0;
			padding: 0;
		}

			#mainnav ul li {
				font-size: 1.4em;
				font-weight: bold;
				margin: 0;
				padding: 8px 0;
			}

				#mainnav ul li a:link, #mainnav ul li a:visited {
					color: #e66a24;
					text-decoration: none;
				}

				#mainnav ul li a:hover, #mainnav ul li a:active {
					color: #fff;
					text-decoration: underline;
				}

				#mainnav ul li.active a:link, #mainnav ul li.active a:visited {
					color: #fff;
					text-decoration: none;
				}

				#mainnav ul li.active a:hover, #mainnav ul li.active a:active {
					color: #fff;
					text-decoration: underline;
				}
				
			    #mainnav ul li ul {
			        font-size: 0.4em;
			        margin: 0px 0px 0px 15px;
			       
			    }

	#maincontent {
		width: 720px;
		float: right;
		font-size: 0.8em;
		line-height: 1.8em;
		margin: 0 30px;
	}

		* html #maincontent { margin: 0 10px; } /* IE 6 likes to double left-margin on floated blocks for no reason */

		#maincontent h1 {
			border-bottom: 1px solid #434343;
			color: #fff;
			font-size: 1.7em;
			font-weight: bold;
			padding: 2px 0;
		}

		#maincontent a:link, #maincontent a:visited { color: #e66a24; }
		#maincontent a:active, #maincontent a:hover { color: #fff; }

		#half-and-half {
			width: 720px;
		}
		
		#half-and-half .quarter-lft {
		    width: 170px;
		    margin: 15px 10px 0px 0px;
		    float: left;
		}
		
		#half-and-half .quarter-lft a {
		    text-decoration: none;
		}
		
		#half-and-half .quarter-rgt {
		    margin: 15px 0px 0px 0px;
		    width: 170px;
		    float: left;
		}
		
		#half-and-half .quarter-rgt a {
		    text-decoration: none;
		}

			#half-lft {
				width: 350px;
				float: left;
				padding: 13px 10px 0 0;
				margin: 0;
			}

				* html #half-lft { padding-right: 5px; }

			#half-rgt {
				width: 350px;
				float: right;
				padding: 13px 0 0 10px;
				margin: 0;
			    text-align: right;   
			}
			
			#half-rgt p, #half-rgt h2, #half-rgt h3 {
			    text-align: left;  
			}

				* html #half-rgt { padding-left: 5px; }

				#personal-quote {
					color: #8b8b8b;
					font-size: 1.3em;
					font-style: oblique;
					font-weight: bold;
					line-height: 1.5em;
					margin: 20px 0;
				}
				
		.quarter {
		    float: left;
		    width: 170px;
		    margin: 13px 13px 10px 0px;
		}
		
		.endquarter {
		    float: left;
		    width: 170px;
		    margin: 13px 0px 10px 1px;
		}

	ul#faq-questions {
		list-style: none;
		margin: 20px 0;
		padding: 0;
	}

		ul#faq-questions li {
			font-size: 1.3em;
			font-weight: bold;
			list-style-type: none;
			margin: 0;
			padding: 2px 0;
		}

			ul#faq-questions li a:link, ul#faq-questions li a:visited { color: #e66a24; text-decoration: none; }
			ul#faq-questions li a:active, ul#faq-questions li a:hover { text-decoration: underline; }

	#faq-answers {
		padding: 30px 0;
	}
	
	.link-popup {
	    display: none;
	    width: 510px;
	    
	}
		
	.link-popup-inner {
	    position: relative;
	    padding: 10px 10px 0px 10px;
	    color: #FFF;
	    text-align: left;
	    line-height: 1.6em;
	    font-size: 0.8em;
	}
	
	.link-popup-inner h2 {
	    margin: 0px 0px 0px 0px;
	}
	
	.link-popup-inner img {
	    float: left;
	    margin: 2px 10px 10px 0px;
	}
	
	.link-popup-inner a {
	    color: #e66a24;
	}
	
	.link-popup-inner img.nofloat {
	    float: none;
	    margin: 0px;
	}
	
	.link-popup-close {
	    position: absolute;
	    right: 5px;
	    top: 8px;
	    color: #FFF; 
	}
	
	.quarter-title {
		color: #e66a24;
		font-size: 1.4em;
		cursor: pointer;
	}
	
	.quarter-img {
	    cursor: pointer;
	}

	.quarter-date {
	    font-style: italic;
	    color: #999;
	    font-weight: bold;
	    font-size: 0.9em;
		margin: -5px 0px -10px 0px;
	}
		
	.contact-form label {
	    display: block;
	    float: left;
	    width: 100px;
	    margin: 5px 0px 0px 0px;
	}
	
	.contact-form input {
	    margin: 7px 0px 0px 0px;    
	    width: 200px;
	    font-family: Arial, Sans-Serif;
	}
	
	.contact-form .btn {
	    width: 80px;
	    background: transparent;
	    border: 0px;
	    color: #FFF;
	    cursor: pointer;
	    border: 1px solid #e66a24;
	    padding: 4px 0px;
	    font-weight: bold;
	}
	
	.contact-form textarea {
	    margin: 7px 0px 0px 0px;    
	    width: 200px;
	    overflow: auto;
	    height: 80px;
	    font-family: Arial, Sans-Serif;
	}
	
	#lblRequired {
	    display: none;   
	    background: #600;
	    padding: 3px 5px;
	    width: 295px;
	    border: 1px solid #933;
	    margin: 10px 0px 3px 0px;
	}
	
	.form-required {
	    background: url(/images/required.gif) no-repeat 312px 10px;
	    padding-right: 20px;
	}
	
#site-footer {
	width: 900px;
	border-top: 1px solid #fff;
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 5px 30px 0 30px;
	padding: 5px 0;
}

	#site-footer-left {
		width: 500px;
		float: left;
	}

	#site-footer-right {
		width: 200px;
		float: right;
	}
	
	    #site-footer-right img {
	        vertical-align: middle;
	    }
	
		#site-footer-right a:link, #site-footer-right a:visited { color: #e66a24; }
		#site-footer-right a:active, #site-footer-right a:hover { color: #fff; }