/*======================================

======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|

- light_grey 	#ddd
- purple		#7F00AA
- orange		#FF7700
- dark orange 	#D87121

\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/

body {
	background-color:#9A7BE0;
	color: lightgrey;
}

.container {
	background: #7F00AA;
	border-left: 2px solid #D87121;
	border-right: 2px solid #D87121;
	border-top: 2px solid #AAA;
	border-bottom: 2px solid #aaa;
}

a[href$=".pdf"]   { background-image: none; padding:0; }  
a[href$=".doc"]   { background-image: none; padding:0; }    
a[href$=".xls"]   { background-image: none; padding:0; }  


/**************************************/
/*              HEADER                */
/**************************************/

#header {
	background-color: #ddd;
	background-image: URL("../img/gradient-ccc-eee.jpg");
	background-repeat: repeat-x;
	border-bottom: 2px solid #AAA;
	color: #7F00AA;
	padding: 10px;
	text-align: center;
	width: 700px;
}

#header h1 {
	font-size: 200%;
	margin-top: 6px;
	margin-bottom: 0;	
}

#header h2 {
	font-size: 180%;
	margin-top: 8px;
	margin-bottom: 0;
}

#imagebar {
	width: 720px;
	height: 174px;
	border-bottom: 2px solid #63199F;
	
}
/**************************************/
/*                LEFT                */
/**************************************/

#column-left {
	background: #FF7700;
	margin-right: 0px;
	border-right: 2px solid #D87121;
	border-bottom: 2px solid #D87121;
}

#logo {
	font-size: 140%;
	color: #7F00AA;
	margin-top: 20px;
	text-align:center;
	margin-bottom:47px;
}

#logo a, #logo a:visited {
	color: #7F00AA;
	display: block;
	margin: 0 auto;	
}

#button {
	font-size:140%;
	width: 190px;
	padding: 1em 0 1em 0;
	margin-bottom: 1em;
	background-color: #F4B13E;
	color: #ddd;	
}

#button p  {
	margin: 0px;
	padding: 4px;
	padding-left: 10px;
}

#button .sep {
	height: 10px;
}

#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
#button li {
	border-bottom: 1px solid #aaa;
	margin: 0;
}


#button li a {
	display: block;
	padding: 4px 5px 4px 0.5em;
	border-left: 10px solid #DD5F20;
	border-right: 10px solid #ECBD69;
	background-color: #FF7700;
	color: #ddd;
	text-decoration: none;
	width: 100%;
}

html>body #button li a {
	width: auto;
}

#button li a:hover {
	border-left: 10px solid #FF7700;
	border-right: 10px solid #ECBD69;
	background-color: #F4B13E;
}


#button li a.active {
	border-left: 10px solid #7F00AA;
	border-right: 10px solid #9A7BE0;
	background-color: #8520C5;
}



/**************************************/
/*            MAIN CONTENT            */
/**************************************/



#column-middle {
	background: #7F00AA;
	margin-right: 0px;	
}

#main_content {
	background: #7F00AA;
	font-size:130%;
	padding: 20px 20px 0 20px;	
}

#main_content .longtext {
	font-size: 95%;
}

#main_content .tiny {
	margin-left:70px;
	font-size: 85%;
}

#main_content .longtext li {
	padding-bottom:4px;
}

#main_content #player {
/*	margin-top: 50px;
	margin-left: 180px;*/
	float:right;
/*	border: 2px solid #63199F;
	border-bottom: 4px solid #7F00AA;*/
}

#main_content #player-background {
	background-color: #63199F;
	float:right;
	margin-left: 25px;
	margin-right: 5px;
	width:320px;
	height:260px;	
	padding:3px;
}


#main_content .disc{
	list-style-type: disc;
}

#main_content .noindent{
	margin-left: -10px;
}


#main_content li {
	padding-bottom: 10px;
}

#main_content .comment {
	float:right;
	margin-top:15px;
	
}

#main_content h1 {
	font-size: 125%;
	margin-bottom: 20px;
	margin-top:10px;
}

#main_content h2 {
	font-size: 110%;
	margin-bottom: 20px;
}



#main_content table#instruments .left{
/*	border-right: 2px solid #63199F;*/
}

#main_content #instruments tr.odd {
	background: #8520C5;
}

#main_content #instruments td, #main_content #instruments th {
	padding-bottom: 6px;
	padding-top: 6px;
	text-align: left;
/*	border-bottom: 2px solid #63199F;*/
}


#main_content td {
	border: 0;
	padding-top:3px;
	padding-bottom:0;
}

#main_content table, #main_content th {
	border: 0;
}

#main_content a {
	color: #FF7700;
	text-decoration: none;
}

#main_content a:hover {
	text-decoration: underline;
}

#main_content a:visited {
	color: #ECBD69;
}

#main_content a[href^="http:"]:visited, #main_content a[href^="http:"]  {
	background-image: none;
	margin: 0;
	padding: 0;
}

#main_content #promote td {
	vertical-align:top;
	text-align:left;
}

#main_content .coloured {
	color:#9A7BE0;
}

#main_content #player-background .small-indent {
	padding: 30px;
	font-size:80%;
}

#main_content #license {
	float:right; 
	font-size:0.8em;
	text-align:right;
}

#main_content #license-left {
	float:left; 
	font-size:0.8em;
	text-align:left;
}

.s-height {
	height: 700px;
}

.m-height {
	height: 1000px;
}

.l-height {
	height: 1320px;
}

.xl-height {
	height: 1750px;
}

.xxl-height {
	height: 2200px;
}

#column-right {
	border-left: 2px solid #D87121;
	border-bottom: 2px solid #D87121;
	background: #FF7700;
/*	background-image: URL("../img/gradient-orange-vertical.jpg");
	background-repeat: repeat-y;*/
	margin-right: 0px;
	margin-left: 10px;
	width: 36px;
	
}


/**************************************/
/*               FOOTER               */
/**************************************/

#footer {
/*	background: #ddd;*/
	background-image: URL("../img/gradient-ccc-eee-small.jpg");
	background-repeat: repeat-x;
	border-top: 2px solid #aaa;
/*	color: #7F00AA;*/
	color: #ddd;
	font-size:110%;
	
}


#ie6-message {
	background-color:red;
	border: 2px solid darkred;
	font-size:0.9em;
	margin-bottom:15px;
	padding: 10px;
}