@charset "utf-8";
/* CSS Document */

body	 			{padding: 0px;	border: 0;	background-color: #000000;	color: #CCCCCC;	text-align: left;	font-family: Arial, Helvetica, sans-serif;	font-size: 100.01%;	margin: 0px;	width: 100%;	min-width: 770px;}

a 					{ /* Sets default Links style*/	color: #CCCCCC;  /*sets the text to lt grey*/	text-decoration: underline;  /*keeps the underline*/}
a:hover, a:focus 	{color: #FFFFFF;  /*sets the hover color to white*/}

.artist 			{font-size: 80%;margin: 10px;float: left;width: 200px;height: 400px;}
.sponsor 			{font-size: 80%;margin: 10px;float: left;width: 200px;height: 200px;}
#topbar 			{float: left;	margin-left: 0px;	margin-top: 10px;	width: 100%;}

#titlebox 			{float: left;	padding-left: 15px;	padding-top: 25px;}

#titlebox h1 		{font-size: 100%;color: #FF9900;font-weight: normal;letter-spacing: 0.1em;}
#titleimage 		{color: #CCCCCC;float: right;text-align: right;}
#titleimage ul 		{margin-right: 10px;}
#titleimage li 		{display: inline;padding-left: 50px;}
#titleimage a 		{color: #FF9900;	text-decoration: underline;	font-size: 90%;}
#titleimage a:hover, #footer a:focus {color: #FF3300;  /*sets the hover color to white*/}
#titleimagetext 	{margin-top: 0px;margin-right: 10px;margin-bottom: 0px;	margin-left: 0px;	font-size: 65%;}
#transbar-top 		{background-image: url(../media/bkgd-transbar-top.gif);background-repeat: repeat-x;width: 100%;float: left;height: 34px;}

/* Artist photo placement --------------------- */
.thumbnail 			{text-align: center;}
#midbar 			{background-repeat: repeat;	float: left;width: 100%;padding-bottom: 5px;padding-top: 5px;background-image: url(../media/bkgd-midbar.gif);}

#midleftcol 		{text-align: right;	float: left;margin-left: 30px;	margin-right: 20px;	width: 300px;}
#midleftcol h2 		{font-weight: normal;color: #FF9900;font-size: 130%;}
#midleftcol h3 		{font-size: 110%;}

#midrightcol 		{text-align: left;	float: left;margin-left: 30px;	margin-right: 0px;	padding-top: 10px;width:500px}
#midrightcol h2 	{font-weight: normal;color: #FF9900;font-size: 130%;}
#midrightcol h3 	{font-size: 100%;color: #FF9900;}
#midrightcol h4 	{font-size: 90%;}

#midrightcol p 		{font-size: 80%;	margin-right: 20px;}

#transbar-bot 		{background: url(../media/bkgd-transbar-bot.gif)repeat-x; width: 100%;	float: left;height: 34px;}
#botbar 			{width: 100%;	float: left;}
#content 			{float: left;	padding: 0 15px;	font-size: 90%;	width: 95%;}

/* WEST logo colours ---------------------*/
.redtext 			{color: #FF3300}
.yellowtext 		{color: #FF9900}
.blacktext 			{color: #000000}
.hidden 			{color: #4F4F45}

/* Contact form ------------------------ */
.contactleft		{width:20%;text-align:left;clear:both;float:left;display:inline;padding:4px;margin:5px 0;font-weight:700}
.contactright		{width:70%;text-align:left;float:left;display:inline;padding:4px;margin:5px 0}
#footer 			{float: right;	padding-right: 10px;	padding-top: 15px;	font-size: 70%;}

#footer ul			{margin: 0;/*zeroes off the margins*/padding: 5px;/*add some air around the links*/}

#footer li			{display: inline;/*set the list to display inline*/}

#footer a 			{  /* Styles the links within the footer */color: #CCCCCC;  /*sets the text to white*/text-decoration: underline;  /*keeps the underline*/}

#footer a:hover,
#footer a:focus 	{text-decoration: underline;color: #FFFFFF;}