/* CSS Document */
/* 
The Following code defines what the text will look like. I am using CSS for fonts and sizes
because it is relatively straightforward. I didn't want to show you more complex CSS. 
*/

/* These three lines determine how all h1, h2 and h3 headers will look */
/* If you want to change all of the Headers from Arial to Georgia, simply
change which lines are commented out, and which ones aren't.  */
h1{
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: Georgia, "Times New Roman", Times, serif;  */
	font-size: 36px;
	text-align: center;
	color: #CC0000;
}

h2{
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: Georgia, "Times New Roman", Times, serif;  */
	font-size: 24px;
	text-align: center;
	color: #000000;
}

h3{
	font-family: Arial, Helvetica, sans-serif; 
	/* font-family: Georgia, "Times New Roman", Times, serif;  */
	font-size: 18px;
	color: #CC0000;
	text-align: center;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: cc0000;
	background-position: center;

}

/* This is the P tag definition, and determines how most of the text will look. */
p {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px;
	/* text-align: left; */
	font-style: normal;
	font-weight: normal;
	color: #000000;
	/* text-indent: 20px; */

}

/* LI tags surround the List Items -- the bulleted stuff. */
li {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

/* This is what color links will be. */
a {
	color: #0000FF;
	/* text-decoration: none; */
}


.listenBottom {
background-image:url("images/listen_2.gif");
background-repeat:repeat-x;
}

.listenTop {
background-image:url("images/listen_0.gif");
background-repeat:repeat-x;
}

.listenLeft  {
background-image:url("images/listen_3.gif");
background-repeat:repeat-y;
}

.listenRight {
background-image:url("images/listen_1.gif");
background-repeat:repeat-y;
}



table.response-table{
	width:600px;
	border:0;
}
table.response-table td{
	padding:0;
}
table.response-table td.rt-td-top{
	height:110px;
	background:url(images/bg-rt-t.jpg) no-repeat;
}
table.response-table td.rt-td-bottom{
	height:30px;
	background:url(images/bg-rt-b.jpg) no-repeat;
}
table.response-table td.rt-td-content{
	background:url(images/bg-rt-td.gif) repeat-y;
}
table.rt-inside-table{
	width:100%;
	border:0;
	table-layout:fixed;
}
table.rt-inside-table td.rti-td-sep{
	width:40px;
}
table.rt-inside-table td.rti-td-about{
	width:200px;
	padding:10px;
	vertical-align:top;
	text-align:center;
}
table.rt-inside-table td.rti-td-text{
	width:280px;
	padding:10px;
	vertical-align:top;
}