﻿		body
		{
			margin: 0 auto;  /* NEEDS TO BE CENTERED */
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt;
			color: #000000;
			background-color: #FFFFFF;
		}
		
        #twitter
		{
			margin: 0;
			padding: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt;
			color: #000000;
			background-color: #ddd;
				}

		#container		
		{
			margin: 0 auto;  /* AGAIN NEEDS TO BE CENTERED */
			background-color: #FFF;
			background-image:  url(images/background.jpg);
			width: 875px;
			height: 100%;
			background-repeat: repeat-y;
			border: 6px solid #FFFFFF;
			background-position: right;
		}
		
		#banner
		{
			background-color: #D3D3D3;
			border-bottom: 1px solid #D3D3D3;
		}
		
		#banner h1
		{
			margin: 0;
		}
		
		#nav
		{
			background-color: #D3D3D3;
			border-bottom: 1px solid #D3D3D3;
		}
		
		#right
		{
			float: right;
			width: 160px;
			margin-right: 102px;
			margin-top: -45px;
			padding-top: 1em;
		}
		
		#right p { 
		    margin-top: 0;
		    margin-right: 10px; }
		
		#content
		{

			background-color: #D3D3D3;
		}
		
		#content h2 { margin-top: 0; }
		
		#footer
		{
			clear: both;
			background-color: #FFFFFF;
			padding: 1em;
			text-align: center;
		}
		
		#flash
		{ 
		    position: relative;  /* THIS NEEDS TO BE RELATIVE, NOT ABSOLUTE */
            margin-left: 223px;  /* POSITION THE FLASH OBJECT INSIDE THE WHITE SPACE */
            margin-top: 18px;    /* "" */
            width: 629px; 
                    } 
         
         table
         {
         table-layout:fixed;   /* WHEN USING TABLES, ENSURE WE ARE SETTING IT TO FIXED FROM NOT CHANGING SIZE WHEN BROWSER RESIZES */
         }

	.showcasesTab {
		background-image: url('images/blockheader.gif');
		background-repeat: no-repeat;  /* ALWAYS MAKE SURE YOU DO A NO-REPEAT ON BACKGROUNDS UNLESS YOU WANT IT TO REPEAT */
		width: 597px;
		height: 22px;
	}
	.twitterfeed {
		background-color: #FFFFFF;
		height: 806px;   /* CHANGE THIS HEIGHT IF YOU CHANGE THE OTHER CONTENT, IT'S NOT DONE AUTOMATICALLY */
		width: 250px;
	}
	
	.longTab {
		background-image: url('images/blockheader.gif');
		background-repeat:no-repeat;   /* ALWAYS MAKE SURE YOU DO A NO-REPEAT ON BACKGROUNDS UNLESS YOU WANT IT TO REPEAT */
		height: 22px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}

	.smallTab {
		background-color: #FFFFFF;
		background-image: url('images/blockheader_sm.gif');
		background-repeat: no-repeat;   /* ALWAYS MAKE SURE YOU DO A NO-REPEAT ON BACKGROUNDS UNLESS YOU WANT IT TO REPEAT */
		width: 188px;
		height: 24px;
	}
	.twitterTab {
		background-image: url('images/blockheader_TW.gif');
		height: 22px;
		color: white;
		background-repeat: no-repeat;    /* ALWAYS MAKE SURE YOU DO A NO-REPEAT ON BACKGROUNDS UNLESS YOU WANT IT TO REPEAT */
		font-family: Arial, Helvetica, sans-serif;
	}
	.headerBG {
		background-image: url('images/header_bg.jpg');
		text-align: center;
		height: 248px;
		background-repeat:no-repeat;     /* ALWAYS MAKE SURE YOU DO A NO-REPEAT ON BACKGROUNDS UNLESS YOU WANT IT TO REPEAT */
	}
	
	.featureArtistName {
		font-size: 17.5pt;
		padding: 5px;
	}
	
	.featureArtistBio {
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size: 10px;
		padding: 5px;
	}
	
	.twittericon {
	position: absolute;  /* WE ARE MAKING THIS ABSOLUTE, HOWEVER IT IS INSIDE A RELATIVE DIV, MEANING IT WILL STAY INSIDE THIS DIV, NOT THE PAGE */
	background-image: url('images/twitter_logo.gif');
	margin-left: 189px;
	margin-top: -32px;
	height: 74px;
	width: 73px;
	z-index: 999;  /* MAKE A HIGH Z-INDEX SO IT STANDS OVER TOP ANY OTHER DIV */
	}
	

A:link{color:#000000; text-decoration: underline; font-weight:none}
A:hover{color:#000000; text-decoration: underline; font-weight:none}
A:active{color:#000000; text-decoration: underline; font-weight:none}
A:visited{color:#000000; text-decoration: underline; font-weight:none}
}