/*
	This file holds the CSS for the consistent design elements of the site.
	Image paths are relative to the css directory; ie: correct paths start with ../images/
*/



	*HTML {	min-width: 750px; }
	
	html { height: 100%; margin-bottom: 1px; } /* Sole purpose of this line is to add scroll-bar in mozilla - may not work in ie5 mac*/
	
	* { margin: 0px; }

	BODY
	{
		margin: 0px auto;
/*
		min-height: 800px;
*/
		padding: 0px 0px 0px 0px;
		background: url(../images/white_bg.jpg) repeat-y center top;
		background-color: #5A7FA4;
		color: #435161;
		font-family: Georgia, Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		text-align: center;
		line-height: 150%;
	}
	
	#scroll {
		position:absolute;
		top:0;
		bottom:-0.1px;
		width:1em;
		z-index:-1;
	}

	h1
	{
		font-family: Arial Narrow, Helvetica, sans-serif;
		font-size: 22px;
		font-weight: normal;
		padding: 20px 0px 10px 0px;
		line-height: 150%;
		text-decoration: none;
		color: #175F99;
		text-transform:capitalize;
		border: solid 0px silver;
	}

	h2
	{
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		padding-top: 20px;
		line-height: 150%;
		color: #FFFFFF;
	}
	
	#content_left h1
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		padding: 03px 03px 3px 0px;
		border: solid 0px silver;
		margin-bottom: 10px;
		line-height: 150%;
		color: #000;
		text-transform:capitalize;
	}
	
	#preload
	{	/* preloaded images should be placed in this div */
		position: absolute;
		z-index: -1;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}

	A, A:visited, P A, P A:visited
	{
		font-weight:bold;
		text-decoration: none;
		color:#1A70FF;
	}

	A:hover, P A:hover
	{
		color: #C0C0C0;
	}

	#content A:hover
	{
		text-decoration:underline;
	}
	
	A:active
	{
		color: #719CC7;
	}
	
	#topbg
	{
		position: absolute;
		width: 100%;
		height: 164px;
		_left: 0px;
		z-index:1;
	}

	#toppic
	{
		position: absolute;
		width: 100%;
		height: 164px;
		_left: 0px;
		z-index:5;
	}
	
	#topbg
	{
		position: relative;
		background: url(../images/top_background.gif) repeat-x center top;
		background-repeat: repeat-x;
		background-position: top;
		border:0px solid gold;
		z-index:10;
	}
	
	#headerbg
	{
		margin: 0px auto;
		width: 860px;
		height: 205px;
		background: url(../images/main_image_3.gif) no-repeat center top;
		background-repeat: no-repeat;
		background-position: top;
		border:0px solid gold;
		z-index:9;
	}
	
	#header
	{
		margin: 0px auto;
		width: 800px;
		height: 205px;
		background: url(../images/main_image_3.jpg) no-repeat center top;
		background-repeat: no-repeat;
		background-position: top;
		border:0px solid gold;
		z-index:10;
	}
	
	#topleft
	{
		position:absolute;
		_left:0px;
		width:266px;
		height:164px;
	}
	
	#topright
	{
		position:relative;
		padding-left: 0px;
		height:164px;
		border: solid 0px silver;
	}
	
	.thumbnail, img.border 
	{
		border : 01px solid gold;
		padding : 01px;
		margin-right:10px;
		background-color : #222;
		float:left;
		position:relative;
	}
	.image
	{
		border : 01px solid #D7CCBD;/*#999;*/
		padding : 04px;
		background-color : #FAF2E4;/*#468;*/
		text-align:center;
	}
	#content_left .image
	{
		border : 0px;
		padding : 0px;
		background-color : inherit;
	}
	.image a:hover
	{
		color:#000;
	}
	
	.imagecaption
	{
		text-align: center;
		padding: 1px;
		font-family: Times New Roman,Arial,Verdana;
		font-weight: normal;
		font-style: italic;
		font-size: 12px;
	}

	#content
	{	/* entire content container (left & right) */
		position:relative;
		width: 800px;
		margin: 0px auto;
		_top:-40px;
	}
	#content_left
	{	/* left content container */
		position: absolute;
		font:  normal 11px Verdana;
		line-height: 150%;
		left: 0px;
		top: 20px;
		margin: 20px;
		width: 210px;
		color: #000;
		text-align: left;
	}
	
	#content_left ul
	{	/* left unordered list */
		list-style-type: none;
		margin: 0px 0px 0px 0px; /* top right bottom left */
		padding: 01px 0px 0px 0px; /* top right bottom left */
		text-indent:0px;
	}
	#content_left ul li
	{	/* left unordered list */
		margin: 0px 0px 10px 10px; /* top right bottom left */
	}	
	#content_right
	{	/* right (main) content container */
		position: relative;
		margin: 0px 0px 0px 275px;
		_margin-left:255px;
		padding: 0px;
		padding-top: 15px;
		width: 500px;
		z-index:1;
		text-align: justify;
		border: 0px solid red;
	}
	

	#content_right table
	{	/* right (main) content container tables */
		margin: auto;
		border: 0px solid blue;
	}

	#content_right ol,
	#content_right ul,
	{
		margin:0px 0px 0px 20px;
		padding:0px;
		text-indent:0px;
	}
	
	#content_right li
	{
		margin:0px 0px 05px 0px;
		padding:0px;
		text-indent:0px;
	}
	
	TD
	{
		font-size: 13px;
		font-family: Arial, Franklin Gothic Medium, "Trebuchet MS", Verdana, Trebuchet MS;
		line-height: 130%;
		text-align: left; /* justify; */
		vertical-align:top;
	}
	
	TABLE
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	
	#content p 
	{
		margin: 0px 0px 20px 0px;
	}
	
	#footer
	{
		position: relative;
		width:480px;
		text-align:left;
		margin-left: 275px;
		_margin-left: 255px;
		padding-bottom: 20px;
		padding-top: 100px;
		padding-left: 0px;
		font-size:11px;
		font-family:Verdana;
		color:#70869E;
	}

	
	.centered
	{	/* centers the artist list index */
		text-align:center;
	}

	#copyright
	{
		color : #cccccc;
		font-size : 11px;
		line-height:125%;
	}
	
	img
	{	/* removes border from image links */
	 	border:0px;
	 	margin:0px;
	}
	
	.smalltitle
	{
		font-size: 11px;
		color: #B3BDCA;
	}
		
	TEXTAREA
	{
		color: #46494F;
		background-color:#F7F7F7;
	    font-family: MS sans-serif,arial,sans-serif; 
	    font-size  : 13px; 
	    font-style : normal; 
	    font-weight: normal; 
	    border: 1px solid #aaaaaa;
	    padding: 3px;
	    width:100%; 
	}

	.inputtext 
	{
		color: #46494F;
		background-color:#F7F7F7;
	    font-family: arial,verdana,sans-serif; 
	    font-size  : 13px;
	    font-style : normal; 
	    font-weight: normal; 
	    padding: 3px;
	    border: 1px solid #aaaaaa;
	    width:100%; 
	}

	.button
	{
		color: #404020;
		font: normal 11px Verdana,Arial,sans-serif;
		line-height: 100%;
		padding-top: 3px;
		padding-bottom: 4px;
	}
	
	.form TD
	{
		font-family:Trebuchet MS, Sans-serif;
		font-size:13px;
		text-align:right;
		padding-right:5px;
	}

	.form TD B
	{
		color:#F29D00;
	}

	.caption
	{
		font-family: Franklin Gothic Book,Arial,Sans-serif;
		font-size:13px;
		font-style:italic;
		text-align:center;
		margin-top:03px;
		margin-bottom:15px;
		color:#204584;
	}