@charset "utf-8";

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

#container {
	margin:0px auto 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:19px;}
a {color:#335080;text-decoration:none;}
a:hover {color:#ffc033;}

#head {width:920px; margin-top:0;}
#logo {position:absolute; z-index:100; margin-left:55px; margin-top:-14px;}
#topbar {width:920px; height:62px; margin-top:14px; background:url(images/topbar-bg.png) no-repeat;}
	#newsletter {float:left; width:200px; padding-left:450px; padding-top:12px;}
	#quotes {float:left; margin-left:45px; color:#fff; padding-top:12px; font:11px Arial,helvetica, sans-serif;}
		#quotes-tsx {float:left;}
		#quotes-amex {float:left; margin-left:45px;}
		.price-up {	color:#99cc00;}
		.price-down {color:#cc3333;}
		.price-none {color:#fff;}
		.symbol {font-size:16px;}
		.quote-data {font-size:16px;}
#banner {width:920px; height:260px;}

.clear {clear:both;}

#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:410px; background-color:#fff;}
#main-left-home-graph {float:left; width:700px; background:#fff url(images/home-graph-bg.png) no-repeat right bottom;}
/* #main-left-home {float:left; width:700px; min-height:410px; 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; position:relative; z-index:100;}
#main-wide {width:920px; min-height:390px; background: url(images/content-bg.png);}
.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;
}
.home-highlight-center {
	font:14px arial, verdana, sans-serif;
	color: #0073AF;
	font-weight: bold;
	text-align:center;
}
.payables-focus {font:14px arial, georgia, sans-serif;
color:#000; text-align:center;}


h2 {font:bold 16px arial, helvetica, sans-serif;}
.small {font-size:11px;}
.dim {font-size:12px;color:#999999;}
.arial-black {font-family: "arial black";}
.dark-blue {color:#003050;}

#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;
	}
	
	/*-------------------------------------------------------------------------*/
/*	8. Accordions
/*-------------------------------------------------------------------------*/

.accordion dd.current {
display:block;
}

.accordion {
font-size:12px;
margin-left:0;
}

.accordion dt {
/*width:92%;*/
border:1px solid #e9e9e9;
border-radius:5px;
margin-bottom:4px;
font-weight:500;
background-image:url(../images/accordion-BG.png);
background-position:bottom left;
background-repeat:repeat-x;
position:relative;
cursor:pointer;
padding:10px 20px 10px 50px;
}



.accordion dd {
display:none;
padding:0 11px;
margin-bottom:0;
}

.accordion dd p:first-child {
margin-top:8px;
}

.accordion dt:before {
content:url(../images/accordion-plus-sign.png);
position:absolute;
left:15px;
top:50%;
margin-top:-12px;
}

.accordion dt.current:before {
content:url(../images/accordion-minus-sign.png);
}




#contactform 						{ width:auto; font:normal 11px/18px Verdana,Tahoma, Sans-serif; }
#contactform form 					{ width:auto; margin:0; padding:20px; margin-top:20px; }

#contactform fieldset 				{ padding:10px 0; margin:15px 0; background:#fff; border:1px solid #ddd; -moz-border-radius:5px }
#contactform fieldset legend 		{ font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma; padding:3px 25px; margin-left:30px; text-transform:uppercase; border:0px solid #ddd;}
#contactform fieldset legend span 	{ font:normal 10px/18px Arial,Verdana,Tahoma; text-transform:uppercase; display:block; }

#contactform form label 			{ display:block; float:left; width:150px; padding:6px 10px 0 0; margin:0px; text-align:right;}

#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ margin-bottom: 9px !important; border:1px solid; background-color: #f5f5f5; border-color: #ccc #ddd #ddd #ccc; width: 65%; padding: 4px;}

#contactform input.inpt, 
#contactform textarea, 
#contactform select 				{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;	} /* This is css3 border radius, remove it if you want to use valid xhtml*/

#contactform input.inpt:focus,
#contactform select:focus,
#contactform textarea:focus 		{ background:#fff; }

#contactform br 					{ clear:left;}
#contactform input.required 		{ background:#f5f5f5 url('images/required.gif') 99% 50% no-repeat;}

#contactform input.btn				{ background:none; border:none;}

#contactform #note {width:90%;margin:0 auto; }

/* Error / Success / Notice ----------------------------------------------------------- */

#contactform .notes					{ background:#f0f0f0; border:1px solid #b8b8b8; }
#contactform .success				{ background:#ccfcd1; border:1px solid #60a400; }
#contactform .error					{ background:#f9e3e3; border:1px solid #e79e9e; }
#contactform .notice				{ background:#fcf0cc; border:1px solid #ecc735; }

#contactform .notes,
#contactform .notice,
#contactform .success,
#contactform .error					{ padding:10px; font-size:10px; color:#000;}

#contactform .notes span,
#contactform .notice span,
#contactform .success span,
#contactform .error span			{ font-weight:bold; font-size:1.2em;}

#contactform .notes p,
#contactform .success p,
#contactform .error p,
#contactform .notice p				{ margin:0px; padding:0px;}