/*
	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;
		padding: 0px 0px 0px 0px;
		background-color: #929292; /* #dadada; */
		color: #000;
		font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 0.8em;
		text-align: center;
		line-height: 150%;
	}
	
	#scroll {
		position:absolute;
		top:0;
		bottom:-0.1px;
		width:1em;
		z-index:-1;
	}

	DIV#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;
		font-family: "Trebuchet MS", Arial, Sans-Serif;
		text-decoration: none;
		font-size:13px;
		color:#c50;
		/*#7AC11A;*/
	}

	A:hover, P A:hover
	{
		color: #000;/* #C0C0C0; */
	}

	DIV#content A:hover
	{
		text-decoration:underline;
	}
		
	DIV#topleft
	{
		position:absolute;
		_left:0px;
		width:266px;
		height:164px;
	}
	
	DIV#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
	{
		margin-left:10px;
		margin-top:04px;
		float:right;
		border : 0px solid #999;
		padding : 04px;
		background-color : #ddd;/* #468;*/
		border: 1px solid silver;
	}
	
	.imagecaption
	{
		text-align: center;
		padding: 1px;
		font-family: Times New Roman,Arial,Verdana;
		font-weight: normal;
		font-style: italic;
		font-size: 12px;
	}


	DIV#maincontentcontainer
	{	/* entire content container (left & right) */
		position:relative;
		width: 100%;
		margin: 0px auto;
		text-align:center;
		background-image: url(../images/body_background_wide2.gif);
		background-position:center;
		background-repeat: repeat-y;
	}

	DIV#contentcontainer
	{	/* entire content container (left & right) */
		position:relative;
		width: 800px;
		margin: 0px auto;
	}
		
	DIV#content
	{	/* entire content container (left & right) */
		_top:-40px;
	}
	DIV#content ul
	{
		padding-left:3em;
		padding-bottom:10px;
	}

	DIV#content_right table
	{	/* right (main) content container tables */
		margin: auto;
		border: 0px solid blue;
	}

	DIV#content_right li
	{
		margin-left:2em;
	}
	
	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;
	}
	
	DIV#content p 
	{
		margin: 0px 0px 10px 0px;
	}
	
	DIV#footer
	{
		position: relative;
		width:480px;
		text-align:left;
		margin-left: 275px;
		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;
	}

	DIV#copyright
	{
		color : #cccccc;
		font-size : 11px;
		line-height:125%;
	}
	
	img
	{	/* removes border from image links */
	 	border:0px;
	}
	
	.smalltitle
	{
		font-size: 11px;
		color: #B3BDCA;
	}
		
	TEXTAREA
	{
		color: #46494F;
		background-color:#fff;
	    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:#fff;
	    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 b
	{
		color:#000;
	}

	.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;
	}
	
	
/* --------------------- LAYOUT (size, position, border, etc): --------------------- */
div#header
{
	position: relative;
	border:0px solid red;
	margin:0px auto;
	text-align:center;
	height: 150px;
	background: url(../images/top_rotator/top_background_tan9_darkbg.jpg);
/*
	background: url(../images/top_rotator/green_winter.jpg);
	background: url(../images/top_rotator/brown_winter.jpg);
	background: url(../images/top_rotator/green_cs1.jpg);
	background: url(../images/top_rotator/green_cs2.jpg);
	background: url(../images/top_rotator/cloudy_sunset_2.jpg);
	background: url(../images/top_rotator/christmas.jpg);
	background: url(../images/top_rotator/blue_swirls.jpg);
	background: url(../images/top_rotator/calm_pink.jpg);
	background: url(../images/top_rotator/cloudy_grey.jpg);
	background: url(../images/top_rotator/cloudy_grey_yellow.jpg);
	background: url(../images/top_rotator/cloudy_sunset_1.jpg);
	background: url(../images/top_rotator/cyan_sky.jpg);
	background: url(../images/top_rotator/pink_sky.jpg);
	background: url(../images/top_rotator/plain_clouds.jpg);
	background: url(../images/top_rotator/plain_gray.jpg);
	background: url(../images/top_rotator/purple_lightning.jpg);
	background: url(../images/top_rotator/yellow_sun.jpg);
*/
	background-repeat: no-repeat;
	background-position: bottom center;
	_background-position-x: 50%;
	_background-position-y: -104px;
	overflow:hidden;
	z-index:3;
	border:0px solid gold;
}
div#homelink
{
	position: relative;
	height: 150px;
	width: 285px;
	margin:0px auto;
	top:0px;
	left:258px;
/*
    background-color: #880;
    opacity: 0.8;
    border:01px solid gold;
    filter:alpha(opacity=20); 
*/
}
div#menucontainer
{
	position: absolute;
	top: 119px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
/*
	border: 01px solid gold;
*/
	z-index:3;
}
div#menu
{	
	position: relative;
	width: 800px;
	margin: 0px auto;
	text-align: center;
	padding: 0px;
/*
	z-index:10;
	background-color:#999;
	padding-top:40px;
	position: relative;
	top:0px;
	margin:0px auto;
	padding: 0px;
	text-align: left;
	width: 750px;
	padding-top:39px;
	border: 0px solid blue;
*/
}
div#content
{
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
}
div#leftcontainer
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	_height:250px;
	min-height:250px;
}
div#rightcontainer
{
	position: absolute;
	margin: 0px auto;
	text-align: center;
	top: 0px;
	left:520px;
	width:280px;
	height:1px;
	right: 0px;
	padding: 0px;
	padding-top: 30px;
	z-index:1;
}
div#rightcontent
{
	position: relative;
	padding: 0px;
	text-align: left;
}

/*
div#bottomleftcontainer
{
	position: absolute;
	left: 0px; 
	bottom: 0px;
	_bottom: 74px;
	margin: 0px;
	margin-top: 140px;
	_margin-top: 220px;
	width: 262px;
}
*/
/*
div#rightcontentcontainer
{
	position: absolute;
	margin: 0px auto;
	width: 800px;
	top:0px;
	border:1px solid blue;
	padding: 0px;
}
*/
/*
div#bottomlinkscontainer
{
	width:535px;
}
*/
div#phone
{
	position: absolute;
	right: 0px;
	padding: 15px 2px 0px 0px;
	width: 399px;
	text-align: right;
	font: normal 11px verdana;
	color:#7fa3ce;
}
/*
div#address
{
	margin-left: 0px;
	padding: 15px 0px 0px 2px;
	margin-right: 399px;
	text-align: left;
	font: normal 11px verdana;
	color: #7fa3ce;
	border: 1px solid red;
}
*/
div#developer
{
	padding: 10px;
	padding-top:70px;
	text-align: center;
	color: #44517D;
	line-height:150%;
	font: normal 11px verdana;
}
div#bottomcontainer
{
	background-image:url(../images/bottom_background_wide2.jpg);
	background-position:top center;
	background-repeat: no-repeat;
	height:115px;
	line-height:150%;
	z-index:3;
}
/* --------------------- STYLE (font, p, colors, text size, etc): --------------------- */
div#leftcontent
{
	padding: 15px;
	margin: 0px 280px 0px 20px;
	text-align: left;
	font: normal 13px Arial, Sans-Serif;
	line-height:140%;
}
div#leftcontent p
{
	margin-bottom: 10px;
}
div#bottomleft
{
	padding: 20px; /* 20px 0px 20px; */
	text-align: left;
	font: normal 11px Verdana, Sans-Serif;
	line-height:130%;
	color:#5b5b5b;
}
div#rightcontent
{
	padding:0px 15px 15px 15px;
	line-height:140%;
	font-family:verdana;
	font-size: 11px;
}
div#bottomlinks
{
	padding: 15px 15px 10px 15px;
}
h1
{
	font-family: Georgia, "Times New Roman", sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	padding: 25px 0px 07px 0px;
	line-height: 100%;
	text-decoration: none;
	color: #2189DE; /*#2189DE; #008000; #175F99;  #0184B6; #418200; #4B8116;  #175F99; */
	text-transform:capitalize;
	border-bottom: solid 01px #ccc;
	margin-bottom:12px;
}
h2
{
	font-family: "Trebuchet MS", Georgia, "Times New Roman", sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding: 15px 0px 10px 0px;
/*
	_padding:3px;
*/
	text-decoration: none;
	color: #000; /* #175F99; */
	text-transform:capitalize;
	line-height: 100%;
}
h3
{
	font-family: Arial, "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	padding: 15px 0px 05px 0px;
	text-decoration: none;
	color: #222; /* #569ADE; #175F99; */
	text-transform:capitalize;
	width:100%;
}
div#bottomleftcontainer h3
{
	font: normal 21px "Arial Narrow", Arial, Verdana, Sans-Serif;
	color:#000;
	padding-bottom:5px;
}
div#developer a, div#developer a:visited
{
	font-weight: normal;
	color:#246;
	font-size:11px;
    text-decoration: none;
}
div#developer a:hover
{
	color: #000;
    text-decoration: underline;
}
.faqquestion a
{
	font-size:11px;
}
.default
{
	font: normal 20px Arial;
}