@charset "utf-8";


body {
	margin:0; 
	padding:0;
	padding-top:0px;
	text-align:center;
	background-color:#FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Image links have borders by default; turn this off */
a img { border:none; }


#centered
{
	padding: 0;  
 	margin: 0 auto;
	width:968px;
	/*background-color:#FFFFFF;*/
	/* DEBUG CODE */
	/*border: 3px; 
	border-style:solid;
	border-color:#F90;*/

}
/*********************************************/
/* DIV: Header                               */
/*********************************************/
#centered .header{
	width: 100%;
	/*background-color:#F2F2F2;*/
	background-color:#FFF;
	padding:0px;
	border:none;
	/* DEBUG CODE */
	/*
	border-style: solid;
	border-color: #F93;
	*/
}
/*********************************************/





/*********************************************/
/* DIV: Footer                               */
/*********************************************/
#centered .footer {
	/*width:968px;*/
	width:100%;
	
	float: left;
	
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-top:40px;
	
	background-color:#FFFFFF;
	font-size: 12px;
	color:#ccc;

	/* Border for Debugging */
	/*border: 3px; 
	border-style:solid;
	border-color:#0CF;*/
}
#centered .footer font.copyright {
	font-size: 10px;
	color:#ccc;
}
#centered .footer table {
	margin-left:auto;
	margin-right:auto;
	color:#999;	
}
#centered .footer table.image_bar {
	text-align:center;
	border-spacing:25px;
}
#centered .footer table.image_bar a {
	text-decoration:none;
	color:#999;
}
#centered .footer table.image_bar td {
	width:190px;
	height:115px;
	padding: 10px;
	padding-top:5px;
	padding-bottom:5px;
	
	border-style:double;
	border-color:#CCC;
	border-width:thin;
	background-color: #F8F8F8;
}


#centered .footer table.image_bar td:hover{
	background-color: #FFFFFF;
}
#centered .footer table.image_bar img {
	width: 100%;
	height: 75px;
}
#centered .footer table.image_bar font.title {
	font-size:14px;
	font-weight:bold;
}

#centered .footer table.divider {
	border:thin;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color:#CCC;
	width:100%;
}
#centered .footer table.divider a {
	color:#999;
}
#centered .footer table.divider td.strong {
	color:#900;
}

/*********************************************/


/*********************************************/
/* DIV: Container for the body of the page   */
/*********************************************/
#container {
	width:968px;
	text-align:left;
	background-color: #FFF;
	overflow: hidden;
	float:left;
	color: #000;
	font-size:12px;
	/* DEBUG CODE */
	/*border: 2px; 
	border-style:solid;
	border-color:#F0C;*/
		
}

/* Positions the "qARTA Bio" text header off of the viewable page */
#container h1 {
	position: absolute;
	top: -500px;
}

#container table.container
{
	/*color:#333;*/
	font-weight:bold;
	font-size:12px;
	border-collapse:collapse; /* Table cellspacing */
}
#container table.container td.divider
{
	width:968px;
	border-bottom:medium;
	border-bottom-style:solid;
	border-bottom-color:#900;
}

#container table.container tr.header
{
	color:#fff;
	background-color: #696;
}
#container table.container tr.color1
{
	color:#333;
	background-color: #CCC;
}
#container table.container tr.date {
	color: #369;
	font-size:14px;
}
#container table.container td.title {
	color: #333;
	font-size:12px;
	border-bottom-width:10px;
	border-bottom-style:solid;
	border-bottom-color:#fff;
}

/* Positions the menu items relative to the menu div */
div.menu {
	position: relative;
	/*right: 0px;*/
	/*bottom: 0px;*/
	/* [disabled]top: 50px; */
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	color: #000;
	background-color: #FFF;
	padding:0px;
}


/***********************************************/
/* DIV for layout of left_column,              */
/* center_column, and right_colum              */
/***********************************************/

#left_column {
	position: relative;
	float:left;
	width: 150px;
	font-size: 12px;
	border-bottom-color: #FFF;
	background-color: #FFF;
	padding: 0px;
	padding-left: 3px;
	padding-right: 2px;
	margin-left: 0px;
}
#center_column {
	position: relative;
	float:left;
	width: 670px;
	margin: 0px;
	padding:2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFF;
	border-style:solid;
	border-color:#EFEFEF;
	border-width:thin;
	border-top-width:0px;
	
	/* DEBUG */
	/*
	border-style:solid;
	border-width:thick;
	*/

}
#right_column {
	position: relative;
	float: left;
	width: 100px;
	font-size: 12px;
	text-align: left;
	padding:10px;
	padding-top:10px;
	/* DEBUG */
	/*
	border-bottom-style:solid;
	border-width:thick;
	*/
	
	
}


/***********************************************/
/* DIV left_column                             */
/***********************************************/
#left_column h3 {
	color: #900;
}

#left_column table.vertical_bar {
	width: 150px;
	background-color: #FFF;
	border-collapse:collapse;
	border-spacing:0px;
	text-align:left;
}

#left_column table.vertical_bar th {
	padding:1px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:5px;
	color: #333;
	font-size:14px;
	/*color:#FFF;*/
	/*background-color: #999;*/
	text-align:left;
	/*DEBUG CODE */
	border-style:solid;
	border-width:0px;
	border-top-width:thin;
	border-bottom-width:thin;
	border-color:#333;
}

#left_column table.vertical_bar tr td {
	padding:1px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:1px;
	/*DEBUG CODE */
	/*border-style:solid;
	border-width:thin;
	border-color:#06F;*/
	background-color: #EFEFEF;
	color:#333;
	
}

#left_column table.vertical_bar tr td a:link, #left_column table.vertical_bar tr td a:visited {
	display:block;
	width:100%;
	text-decoration:none;
	color: #333;
}

#left_column table.vertical_bar tr td:hover a:link, 
#left_column table.vertical_bar tr td:hover a:visited,
#left_column table.vertical_bar tr td:hover a:focus  {
	background-color: #EFEFEF;
	background-color: #FFF;
	color:#900;
}


/***********************************************/
/* DIV center_column                           */
/***********************************************/
#center_column ul a 
{
	color: #063;
	font-size: 14px;
	font-weight: bold;
}
#center_column ul a.detail
{
	color: #999;
	font-size:12px;
}
#center_column table {
	margin-left:auto;
	margin-right:auto;
	border-spacing:20px;
}
#centered table.button td {
	width:190px;
	height:50px;
	padding: 3px;
	padding-top:0px;
	padding-bottom:2px;
	text-align:center;
	
	border-style:double;
	border-color:#CCC;
	border-width:thin;
	background-color: #093; /*#F8F8F8;*/
}
#centered table.button a {
	text-decoration:none;
	color: #FFF; /*#999;*/
}
#centered table.button td:hover{
	background-color: #999;
}
#centered table.button font.title {
	font-size:14px;
	font-weight:bold;
}

#center_column table.faq {
	border-spacing:0px;
	font-size: 14px;
	vertical-align:center;
}

#center_column table.faq tr.q{
	background-color:#669966;
	color:#fff;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	vertical-align:top;
}
#center_column table.faq tr.title{
	background-color:#69C;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:5px;
}
#center_column table.faq td.sub {
	background-color:#9CF;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
#center_column table.faq td {
	padding:5px;
	border-bottom-color:#999;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

#center_column table.resources {
	text-align:center;
	border-collapse:separate;
	border-spacing:40px;
}
#center_column table.resources td {
	border-style:solid;
	border-color:#EFEFEF;
	border-width:0px;
	border-bottom-width:thick;
	border-right-width:thick;
	font-size: 16px;
	font-weight:bolder;
	text-transform:uppercase;
	width:105px;
	height:85px;
}
#center_column table.resources td.blue {
	background: url(../images/resources/logo_Tool_BlueLight.jpg);	
}
#center_column table.resources td.blue:hover{
	background: url(../images/resources/logo_Tool_Blue.jpg);
}
#center_column table.resources td.green {
	background: url(../images/resources/logo_Tool_GreenLight.jpg);	
}
#center_column table.resources td.green:hover{
	background: url(../images/resources/logo_Tool_Green.jpg);
}
#center_column table.resources td.orange {
	background: url(../images/resources/logo_Tool_OrangeLight.jpg);	
}
#center_column table.resources td.orange:hover{
	background: url(../images/resources/logo_Tool_Orange.jpg);				
}
#center_column table.resources td.gray {
	background: url(../images/resources/logo_Tool_GrayLight.jpg);	
}
#center_column table.resources td.gray:hover{
	background: url(../images/resources/logo_Tool.jpg);
}
#center_column table.resources a:link, 
#center_column table.resources a:visited {
	text-decoration:none;
	color:#666;
}

#center_column table.docs {
	border-collapse:collapse;
	border-spacing:0px;
	width: 80%;
}
#center_column table.docs td,
#center_column table.docs th {
	padding:1px;
}
#center_column table.docs tr.header {
	text-align:center;
	background-color:#333;
	color:#fff;
}

#center_column table.docs tr.color1 {
	background-color:#99CCCC;
}




/***********************************************/
/* DIV right_column                            */
/***********************************************/
#right_column h3 {
	margin: 0 auto 10px 0;
	text-transform:uppercase;
	color: #900;
}
#right_column ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
#right_column li {
	margin-bottom:0.7em;
}
#right_column a {
	text-decoration:none;
}
#right_column a:link, #right_column a:visited {
	color: #666;
}
#right_column a:hover, #right_column a:active, #right_column a:focus {
    color:#999;
    text-decoration:underline;
}