/* tangent-project.css */

body {
	background-image: url(images/graphback-blue2.gif);
}

.blueback1 {background: #3D6F8E;}

.bkback {background: #000000;}

.grayback {background: #444444;}

.hidden{display:none;}

.style1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:36px;
	background-color:#3D6F8E;
}

.style2 {
	color: #000000;
	font-weight: bold;
	font-size: 18px;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2b {
	color: #000000;
	font-weight: bold;
	font-size: 24px;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2bm {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2g {
	color: #00FFFF;
	font-weight: bold;
	font-size: 18px;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2gm {
	color: #00FFFF;
	font-weight: bold;
	font-size: 14px;	
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2gs {
	color: #00FFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2gsb {
	color: #00FFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}

.style2gmb {
	color:#00FFFF;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}

.style2glb {
	color:#00FFFF;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}

.style2gst {
	color: #00FFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

/*
p.2gst {color: #00FFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #3D6F8E;}
*/

p.gst2 {color: #00FFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #3D6F8E;}

.style3 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
	font-size: large;
}

.style4 {
	color: #85ADC4;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	font-size: medium;
}

.style4l {
	color: #85ADC4;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	font-size: medium;
	line-height: 130%;
}

.style4ls {
	color:#85ADC4;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#444444;
	font-size:medium;
	line-height:130%;
}

.style4lt {
	color:#85ADC4;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#444444;
	font-size:medium;
	line-height:130%;
}

.style4s {
	color:#85ADC4;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size:12px;
}

/* same colour as bg colour? so this duplicates other styles? */
.style5 {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;
}

.style6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:36px;
	background-color:#9DA5B1;
	border-color:#85ADC4;
	border-width:4px;
}

.style1w {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
	background-color: #3D6F8E;
}

.style2w {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
}

.style2ws {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3D6F8E;
	font-size: 12px;
}

a img {
   border: 0;
}

a {text-decoration:none}

a:link {color: #ffffff; text-decoration: none;}

a:visited {color: #ffffff; text-decoration: none;}

a:hover {font-weight: bold; color:#00ffff; text-decoration:none; background:black;} 


.class2 A:link {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	background-color: #3D6F8E;
}

.class2 A:visited {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	background-color: #3D6F8E;
}

.class2 A:active {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	background-color: #3D6F8E;
}

.class2 A:hover {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background:black;
}

.style2wsb {

	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size:12px;
}

/* style for tables on listen/purchase pages */
/*
width="208" align="center" bordercolor="#000000" bgcolor="#3D6F8E"
*/
.itemtable
{
height:300px;
width:208px;
border:1px solid black;
background-color:#3D6F8E;
text-align:center;
}

.airplaytable
{
height:300px;
width:208px;
border:1px solid black;
background-color:#3D6F8E;
text-align:center;
}

.styletablegray {
	color:#85ADC4;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#444444;
	font-size:11px;
	line-height:130%;
}

.styletableblack {

	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#000000;
	font-size:11px;
}