body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: #E8E9EB url('../images/bg_main.gif') repeat-y 0 0;
	/*background: #BAD2EC url('../images/bg_main2.gif') repeat-y 0 0;*/
	background-position: center;
	width: 100%;
	margin: 0 auto;
	line-height: 1.3em;
}

h1 { font-size: 18px; font-weight: bold; font-style:normal; color:#666666; margin-bottom:5px; padding-bottom:0; }
h2 { font-size: 16px; font-weight: bold; color: #999999; }
h3 { font-size: 14px; font-weight: bold; color: #999999; }
h4, strong, b { font-size: 12px; font-weight: bold; }

a {
	text-decoration: underline;
}

a.file { line-height: 22px; background-repeat: no-repeat; background-position: 0 0; padding: 2px 0 2px 20px; }

a.csv { background-image: url(../images/file_icons/csv.gif); }
a.msg { background-image: url(../images/file_icons/email.gif); }
a.txt { background-image: url(../images/file_icons/txt.gif); }
a.xls { background-image: url(../images/file_icons/excel.gif); }
a.html, a.htm { background-image: url(../images/file_icons/html.gif); }
a.pdf { background-image: url(../images/file_icons/pdf.gif); }
a.ppt { background-image: url(../images/file_icons/ppt.gif); }
a.mpg, a.wmv { background-image: url(../images/file_icons/wmv.gif); }
a.doc, a.dot, a.rtf { background-image: url(../images/file_icons/word.gif); }
a.swf { background-image: url(../images/file_icons/swf.gif); }
a.zip { background-image: url(../images/file_icons/zip.gif); }
a.phone { background-image: url(../images/file_icons/phone.gif); }
a.fax { background-image: url(../images/file_icons/fax.gif); }
a.print { background-image: url(../images/file_icons/print.gif); }
a.checkbox { background-image: url(../images/file_icons/checkbox.gif); }
a.bookmark { background-image: url(../images/file_icons/bookmark.gif); }
a.home { background-image: url(../images/file_icons/home.gif); }
a.contact { background-image: url(../images/file_icons/contact.gif); }

a.left { float:left; text-align:left; }
a.right { float:right; text-align:right; }

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

hr {
	border: 1px solid #CCCCCC;
}

.skip { color: #fff; background: transparent; padding:5px; }

.error { 
	border:0px solid #CC0000;
	color:#CC0000;
	margin:5px 0px;
	padding:3px;
}  

.success { 
	border:0px solid #008000;
	color:#008000;
	margin:5px 0px;
	padding:3px;
}  

#container {
	z-index:100;
	margin: 0 auto;
	width: 850px;
	text-align: left;
	background-color: #FFFFFF;
	border-right: 0px solid #bbbbbb;
	border-left: 0px solid #bbbbbb;
}

#header {
	margin: 0;
	padding: 0;
	height:auto;
	width:inherit;
}

#logo a{
	float: left;
	width: 260px;
	height: auto;
	margin-left: 0px;
	margin-bottom: 5px;
}

#subheader {
	margin: 0;
	padding: 5px 25px 5px 25px;
	height: 25px;
	background: #000000;
	color: #ffffff;
}
#subheader h2 {
	position: relative;
	color: #ffffff;
}

#flash {
	background-color:#000000;
	width:inherit;
	margin:0;
	border-bottom:1px solid #333333;
}

#banner {
	clear:both;
	position:relative;
	height:25px;
	width:100%;
	border-top: 0px solid #333;
	background: url(../images/banner.jpg) bottom left no-repeat;
}

#markets {
	position:relative;
	width:100%; 
	height:54px;
	margin:0 auto; 
	padding:5px 0 2px 0; 
	background: #E8E9EB url('../images/bg_markets.gif') repeat 0 0;
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #999999;
}

#markets-inner {
	width:650px; 
	margin:12px auto;
}

#markets #btn-orange a {
	float:left; color:#333333; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_orange.gif') repeat-x top left; border:1px solid #999999;
}
#markets #btn-orange a:hover{
	float:left; color:#FFFFFF; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_orange_over.gif') repeat-x bottom left;
	border-width: 1px;
	border-style: solid;
	border-color: #999999 #aaaaaa #aaaaaa #999999;

}

#markets #btn-red a {
	float:left; color:#333333; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_red.gif') repeat-x top left; 
	border-width: 1px;
	border-style: solid;
	border-color: #aaaaaa #999999 #999999 #aaaaaa;
}
#markets #btn-red a:hover{
	float:left; color:#FFFFFF; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_red_over.gif') repeat-x bottom left;
}

#markets #btn-green a {
	float:left; color:#333333; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_green.gif') repeat-x top left; border:1px solid #999999;
}
#markets #btn-green a:hover{
	float:left; color:#FFFFFF; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_green_over.gif') repeat-x bottom left;
}

#markets #btn-blue a {
	float:left; color:#333333; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_blue.gif') repeat-x top left; border:1px solid #999999;
}
#markets #btn-blue a:hover{
	float:left; color:#FFFFFF; width:150px; height:20px; line-height:20px; margin:0 5px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_blue_over.gif') repeat-x bottom left;
}

#btn-gray {
	clear:both;
	position:relative;
	width:100%;
	margin:0 auto; 
	text-align:center; 
	vertical-align:middle;
	overflow:visible;
}

#btn-gray a {
	color:#333333; height:40px; line-height:40px; padding:5px 25px; text-align:center; text-decoration:none; vertical-align:middle; background: url('../images/tab_over.gif') repeat-x top left; border:1px solid #000000; 
}
#btn-gray a:hover {
	color:#FFFFFF; width:100%; height:40px; line-height:40px; padding:5px 25px; background: url('../images/tab.gif') repeat-x bottom left;
}

#nav-head {
	color:#666;
	/*background: #eee;*/
	width: 450px;
	float:right;
	text-align:right;
	margin:0;
	padding:0 5px;
}

#nav-head a {
	color:#666;
	text-decoration: none;
}

#nav-head a:hover {
	text-decoration: underline;
}

#nav-main { 
	clear:both;
	position:relative;
	margin:0 auto;
	padding:0;
	z-index:0;
	border:0px solid green;
	text-align:center;
}


#content-container {
	z-index:200;
	margin: 0 auto;
	padding: 0;
	background-color:#FFFFFF;
	width: 820px;
}

#content {
	z-index:300;
	margin:0;
	padding:0;
	width:inherit;
}
	#content li {
		list-style-type:square;
	}
	
	/*.box { 
		margin:0;
		padding:5px;
		border:1px solid #999999;
		background-color:#eeeeee;
		width:auto;
	}*/
	
	.legal {
		font-size: 9px;
		color: #999999;
		text-align:left;
	}

/*#col-left { border: 1px solid #999999; position:relative; float:left; width:220px; height:100%; margin:0 8px 0 0; padding:10px; background: url(../images/bg_div.gif) repeat-x top left; }*/

#col-left { position:relative; float:left; width:225px; height:100%; margin:0 8px 0 0; padding:0; }

	#col-left li {
		list-style-type:none;
	}

#col-right { border: 0px solid #999999; background-color:#ffffff; position:relative; float:left; width:550px; height:100%; margin:0 0 0 8px; padding:3px 5px; }

#col-main { clear:both; border: 1px solid #999999; background-color:#ffffff; position:relative; float:left; width:96%; height:100%; margin:5px; padding:10px; }

#col-bottom {
	padding: 10px;
	font-size: 9px;
	color: #333333;
	text-align: right;
	border: 0px solid #999999;
}

#callout {
	width: 400px;
	padding: 10px;
	margin: 0 auto;
	font-size: 14px; 
	font-weight: bold; 
	color: #666;
}

#footer {
	width: 850px;
	margin: 10px auto;
	font-size: 10px;
	color: #999999;
	border-top: 0px solid #dddddd;
	overflow: hidden;
}

#footer-logo a {
	position: relative;
	clear: both;
	float: right;
	background: url('../images/centillalogo_sm.jpg') bottom right no-repeat;
	height: 36px;
	width: 126px;
	margin: 5px 5px;
	padding: 0;
	text-indent: -1099px;
}

#footer a {
	color:#cccccc;
	text-decoration: none;
	margin: inherit; 
}

.privacy { float:left; margin: inherit; padding-left: 20px; width:33em; text-align:left; border: 0px solid red;}
.copyright { float:right; margin: inherit; padding-right: 20px; width:33em; text-align:right; border: 0px solid yellow;}

#hiddentext {
	clear: both;
	position: relative;
	float: left;
	width: 850px;
	color: #fff;
	background: transparent;
}

.box {
	position: relative;
	padding: 0.25em;
	margin: 0.50em;
	width: auto;
	height: auto;
	border: 0px solid #000;
	vertical-align: top;
}

.horizontal {
	float: left;
}

.vertical {
	float: none;
}

#resource { border: 1px solid #ccc; float: right; height: auto; margin: 0 0 10px 10px; padding: 0 5px 5px 5px; text-align:center; }
#resource h3 { background-color:#eaeaea; border-bottom: 1px solid #ddd; color: #666; margin: 0 -5px; padding: 5px 0px; }
#resource p { margin-bottom: 20px; }

.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eeeeee}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.spiffy4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.spiffy5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.spiffyfg{
	padding: 1px 10px;
  background:#eeeeee}
.spiffyfg a{
	color:#000;}


/* CSS Document */

#nav-left { 
	clear:both;
	position:relative;
	padding: 0;
	margin: 0 -10px 10px -10px;
	width: 18.75em;
	height: auto;
	border-top: 1px solid #eee;
}

#nav-left ul {
	border-bottom: 1px solid #eee; list-style: none;
}

#nav-left ul, #nav-left ul li { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 18.75em;
}

#nav-left a {
	display: block;
	margin-left: 0px;
	color: #000;
	overflow: hidden;
}

#nav-left a.parent {
	background: url('../images/arrow_down.gif') center right no-repeat;
	/*background-color: #008000;*/
}

#nav-left li, #nav-left li ul { /* all list items */
	/*position : relative;*/
	float : left;
	line-height : 2em;
	margin-bottom : -1px;
	background: #eee;
}

#nav-left li li { /* second-level lists */
	text-indent: 20px; 
	/*visibility: hidden;
	display: none;*/
}

#nav-left li ul ul { /* second-level lists */
	/*position : absolute;
	left: -999em;*/
	/*margin-top : -1.35em;
	margin-left : 24.25em;*/
}

#nav-left li ul ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav-left li a {
	width: 17.75em;
	/*width: 18em;
	w\idth : 17em;
	display : block;
	color : black;*/
	font-weight : normal;
	text-decoration : none;
	/*background-color : #008000;
	border-bottom: 1px solid #008000;*/
	border-bottom: 1px solid #fff;
	/*border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #008000 #C0C0C0 #FFFFFF;*/
	padding : 0 0.5em;
}

#nav-left li a:hover {
	color: #000;
	/*background: #ddd;*/
}

#nav-left li a.parent:hover {
	background: #fff url('../images/arrow_down.gif') center right no-repeat;
	/*background-color: #008000;*/
}

#nav-left li a.active {
	color: #000;
	/*background: #ddd;*/
}


/*#nav-left li.sfhoverOut ul ul, #nav-left li.sfhoverOut ul ul ul {
	visibility: hidden;
	display: none;
}*/

#nav-left li:hover ul ul, #nav-left li:hover ul ul ul, #nav-left li.sfhover ul ul, #nav-left li.sfhover ul ul ul {
	/*left: -999em;*/
	left: auto;
}

/*
#nav-left li:hover ul ul, #nav-left li.sfhover ul ul {
	left: -999em;
	display:block;
	visibility:visible;
}

#nav-left li:hover ul ul ul, #nav-left li.sfhover ul ul ul {
	left: -999em;
}
*/

#nav-left li:hover ul, #nav-left li li:hover ul, #nav-left li li li:hover ul, #nav-left li.sfhover ul, #nav-left li li.sfhover ul, #nav-left li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav-left li:hover, #nav-left li.sfhover {
	background: #ddd;
}