/* Not ideal but used relative and absolute positioning to 
work around IE anomolies rather than IE specific attributes. 
This solution produced the most consistent results across 
the different browser types and versions.
Appropriate given that the content is not dynamic.
*/

/* --- General styles -----------------------------------------  */
body {
	background-color: #FFFFF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	color: #000000;
	/* text-align: center; IE6 Fix */
}

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

/* --- Header styles -----------------------------------------  */
#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #444444;
	text-align: left;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 3px;
	width: 600px;
	float: left;
	border: 0px solid #003399;
}
.header_details {
	float: right;
	font-size: 13px;
	color: #0055BB;
	padding-right: 40px;
	padding-top: 10px;
}

#header a:link {
	color: #0055BB;
	text-decoration: none;
}
#header a:visited {
	color: #0055BB;
	text-decoration: none;
}
#header a:hover {
	color: #000000;
	text-decoration: none;
}
#header a:active {
	color: #FFFF00;
	text-decoration: none;
}


/* --- Left Column styles ------------------------------------  */
.graphic_quote {
	/* float: left; NRW */
	width: 336px;
	margin-bottom: 15px;
	border: 1px solid #EEDDBB;
	padding: 15px;
	position: relative;
	top: 600px;
	left: 22px;
}

/* --- Menu styles -------------------------------------------  */
.menu {
	font-size: 14px;
	border: 0px solid #FFFFFF;
	padding-left: 430px;
}
.menu li {
	display: inline;
	padding-left: 10px;
}

/* Menu Link styles */
.menu a:link {
	color: #0055BB;
	text-decoration: none;
}
.menu a:visited {
	color: #0055BB;
	text-decoration: none;
}
.menu a:hover {
	color: #000000;
	text-decoration: none;
}
.menu a:active {
	color: #990000;
	text-decoration: none;
}
/* ------------------ */


/* --- Content styles -----------------------------------------  */
.content_text {
	border: 0px solid #EEEEEE;
	overflow: hidden;
	position: absolute;
	height: 95px;
	width: 320px;
	left: 50px;
	top: 20px;
	font-size: 11px;
	background-color: #C8C2A3;
	padding: 0px;
}
.content_text h1 {
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
	font-weight: normal;
	border: 0px solid #FF0000;
	margin: 0px;
	padding: 10px 0px 10px 15px;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0066CC;
	border: 0px solid #FF0000;
}

.small_h2 {font-size: 13px}

.content_text p {
	line-height: 15px;
	border: 0px dashed #FF0000;
	margin: 0px;
	padding: 0px 0px 10px 15px;
}


/*  Quote styles ---------------------------------------------  */
.quote_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	padding: 0px;
	border: 0px solid #009999;
}
.quote_txt p {
	padding: 10px;
	border: 0px dashed #FF0000;
}
.quote_name {
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
}

/*  Client styles ----------------------------------------------  */
.client_groups {													/* Titles */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	color: #0066CC;
}

.client_txt {													/* Main text */
	font-size: 12px;
	font-weight: 700;
}

.client_band {				 /* Associated band. program, film etc. */
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

/*  Book Status styles -----------------------------------------  */
.book_status_txt {
	font-size: 10px;
	padding: 5px 35px 15px;
}


/*  Charisma styles --------------------------------------------  */
.charisma_txt {
	padding-left: 150px;
}

.lab_text {
	color: #003399;
	font-weight: 700;
}

.orange_text {
	color: #FF9D01;
	font-weight: 700;
}

/*  Footer styles ----------------------------------------------  */
#footer {
	clear: both;
	font-size: 9px;
	text-align: center;
	padding-bottom: 15px;
	color: #0066CC;
}
 
/*  Workshop Page ----------------------------------------------  */
.workshop-question {
	font-size: 120%;
	font-style: italic;
	text-align: center;
}

.workshop-line2 {
	font-size: 200%;
	text-align: center;
}

.workshop-small-italic {
	font-size: 80%;
	font-style: italic;
}

.workshop-title {
	font-size: 140%;
	font-weight: bold;
	color: #0055BB;
}

.workshop-details {
	color: #666666;
	font-size: 80%;
}