@charset "utf-8";

body {margin:0px auto; text-align:center; background:#fff url(images/site-bg.jpg) no-repeat center top fixed;}

div#container {
	margin:20px auto;
	width: 920px;
	text-align: left;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
}
table, img  {margin:0; padding:0; border:0;}
p {text-align:justify; line-height:17px;}
a {color:#335080;text-decoration:none;}
a:hover {color:#ffc033;}

#header {width:920px;}

.clear {clear:both;}

#head {width:920px; height:240px; font:12px Arial,helvetica, sans-serif;}
#banner {float:left; width:700px;}
#quotes {float:left; padding-left:15px; color:#333333;}
.price-up {	color:#669900;}
.price-down {color:#990000;}
.price-none {color:#333333;}
.symbol {font-size:16px;}
.quote-data {font-size:16px; font-weight:normal;}

#main {float:left; width:920px; background: url(images/right-col-bg.png) top right no-repeat;}

#main-left-home {float:left; width:700px; min-height:300px; background: url(images/content-bg.png);}
#main-left {float:left; width:700px; min-height:390px; background: url(images/content-bg.png);}
#main-right {float:left; width:220px; margin-top:-5px;}
.page-title {
	font:16px arial, verdana, sans-serif;
	color: #0073AF;
	font-weight: bold;	
}
.page-title-inner {
	font:14px arial, verdana, sans-serif;
	color: #0073AF;
	font-weight: bold;
}
.payables-focus {font:14px arial, georgia, sans-serif;}


h2 {font:bold 16px arial, helvetica, sans-serif;}
.small {font-size:11px;}

#right-col-head {width:220px; height:75px; background:url(images/right-col-head-bg.png) no-repeat;}
.right-col-head {text-align:center; color:#EAF2F5; padding-top:27px;}
.right-col-head-right {text-align:center; color:#ffc033; padding-top:27px;}
#right-col {width:190px; padding:20px 15px;}
a.news-title {color:#ffc033; font:12px arial, helvetica; text-decoration:none;}
a.news-title:hover {color:#ffc033; font:12px arial, helvetica; text-decoration:underline;}
.news-intro {color:#fff; font:10px arial, helvetica;}
.news-date {color:#ffffff; font:10px arial, helvetica;}
.hr {width:190px; height:2px; margin:7px 0; background:url(images/div-line-bg.png) repeat-x;}
.contactinfo {color:#222222; font:12px arial, helvetica;line-height:170%;}

#footer {width:920px;}
#foot-buttons {width:920px; height:175px;}
#buttons {float:left; width:675px;}
#button-gallery {float:left; width:245px; margin-top:-25px; position:relative; z-index:100;}

/*old footer
/*#footer-bar {width:880px; height:60px; background: url(images/bg-footer-bar.png) no-repeat; font:10px arial; color:#666666; padding:5px 20px 0 30px;}*/
#footer-bar {width:880px; height:60px; background: url(images/bg-footer-bar-new.png) no-repeat; font:10px arial; color:#666666; padding:0px 20px 0 30px;}
#footer-nav {float:left;}
#footer-credit {float:right;}
#footer-nav a {color:#666; text-decoration:none;}
#footer-nav a:hover {color:#ffc033; text-decoration:none;}

#buttons a.rollover-1 {
	display: block;
	width: 168px;
	height: 150px;
	text-decoration: none;
	background: url(images/btn-foot-4-1.jpg);
	}

#buttons a.rollover-1:hover {
	background-position: 0 -150px;
	}
	
#buttons a.rollover-2 {
	display: block;
	width: 169px;
	height: 150px;
	text-decoration: none;
	background: url(images/btn-foot-4-2.jpg);
	}

#buttons a.rollover-2:hover {
	background-position: 0 -150px;
	}

#buttons a.rollover-3 {
	display: block;
	width: 169px;
	height: 150px;
	text-decoration: none;
	background: url(images/btn-foot-4-3.jpg);
	}

#buttons a.rollover-3:hover {
	background-position: 0 -150px;
	}

#buttons a.rollover-4 {
	display: block;
	width: 169px;
	height: 150px;
	text-decoration: none;
	background: url(images/btn-foot-4-4.jpg);
	}

#buttons a.rollover-4:hover {
	background-position: 0 -150px;
	}