/* primary styles */
body {
	background-image:url(/images/site/bkgrnd.gif);
	background-color:#000033;
	margin:0px;
	padding:0px;
	color:#06014b;
	font-size:88%;
	font-family:verdana, arial, sans-serif;
	position:relative;
}
div {
	margin:0px;
	padding:0px;
}

table {
	border-collapse:collapse;
	text-align:left;
}

h1, h2, h3, h4, h5 {
	font-weight:bold;
	font-family:georgia,serif;
	color:#06014b;
	margin-bottom:.2em;
}
h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:13px;}

p, td, li, blockquote, div {
	font-size:1em;
}

p,div {
	font-family:arial, sans-serif;
	margin:0 0 1.2em 0;
}

ul {
	margin-left:0em;
	padding-left:1.8em;
}

td {
	padding:2px;
}
img {
	border:none;
}

a {
	text-decoration:none;
	color:#226db3;
}
a:visited {
	color:#870790;
}
a:hover {
	color:#0f8896;
	text-decoration:underline;
}
a:active {
	color:#c91f44;
}


/* layout */
#main-container {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#main-content {
	background:#eefffd;
	padding:10px 15px 15px 15px;
	margin-top:1em;
	border:2px solid #fff;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

#top-banner {
	height:120px;
	position:relative;
	text-align:center;
}
#top-banner img {
	height: 120px;
}
#top-main-image {
	float:right;
/* 	margin-right:70px; */
}

/* page column containers */
#artist-text {
	float:left;
	width:400px;
}
/*#artist-text img {
	max-width:400px;
}*/
#artist-data {
	float:left;
	width:370px;
	padding:0 0 0 20px;
}
.sixty-wide {
	float:left;
	width:58%;
}
.forty-wide {
	float:left;
	width:38%;
	padding:0 0 0 20px;
}

/* top nav */
#top-nav {
	height:16px;
	position:relative;
	padding:2px 0px;
	margin-top:4px;
}
#top-nav a {
	display:block;
	color:#393772;
	text-decoration:none;
	font-family:verdana,arial,sans-serif;
}
#top-nav a:hover {
	text-decoration:none;
}
#top-nav ul {
	margin:0;
	padding:0;
}
#top-nav li {
	font-weight:bold;
	list-style:none;
}
#top-nav ul li {
	display:block;
	float:left;
	padding:0 1em 0 1em;
	margin-right:1em;
	width:auto;
	position:relative;
	font-size:14px;
	line-height:16px;
	border:2px solid #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#c8f2fb;
}
#top-nav ul li:hover {
	background:#96c6cb;
}
#blues li#top-blues, #home li#top-home, #jazz li#top-jazz, #latin li#top-latin, #world li#top-world,#resources li#top-resources {
	background:#96c6cb;
}

#top-nav ul ul li {
	display:block;
	float:none;
	padding:1px .2em 1px 1.1em;
	font-size:11px;
	font-family:arial,sans-serif;
	border:none;
	margin:0;
	border-bottom:1px solid #fff;
	-moz-border-radius: 0;
	border-radius: 0;
	background:#a0acc7;
}


#top-nav ul ul li a {
	color:#fff;
	font-weight:normal;
}
#top-nav ul li ul li:hover {
	background:#676f80;
}
#top-nav ul ul {
	display:none;
	border:1px solid #fff;
	width:12em;
	position:absolute;
	top:17px;
	left:.3em;
	
	z-index:10;
}

#top-nav ul li:hover ul {
	display:block;
}

/* left nav */
#left-bar {
	float:left;
	width:140px;
	clear:both;
	margin:20px 20px 20px 0;
}

#left-nav,#left-marketing {
/* 	background:#adbad7; */
	background:#9aa5bf;
	padding:8px 12px 1em 12px;
	border:1px solid #56599a;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-family:verdana,arial,sans-serif;
}
#left-nav h2,#left-marketing h2{
	margin-top:0;
}
#left-nav {
	margin-bottom:20px;
}
#left-nav ul, #left-marketing ul {
	padding:0;
	margin:0;
	border-top:1px solid #fff;
}

#left-nav li, #left-marketing li {
	list-style:none;
	padding:3px 2px 3px 0;
	border-bottom:1px solid #fff;
	font-size:11px;
	font-weight:bold;
}
#left-nav a, #left-marketing a {
	color:#fff;
}
#left-nav ul ul {
	display:none;
	border-top:none;
}
#left-nav ul ul li {
	border:none;
	padding:0 0px 1px 0px;
	list-style:circle;
	font-size:10px;
	font-weight:normal;
	color:#fff;
	font-family:arial,sans-serif;
	margin-left:17px;
}

/* bottom nav */
#bottom-nav {
	color:#fff;
	font-family:arial,sans-serif;
	font-size:11px;
	margin: 14px 0 10px 0;
}
#bottom-nav ul {
	margin:0;
	padding:0;
	text-align:center;
}
#bottom-nav ul li {
	display:inline;
	padding:0;
	list-style:none;
}
#bottom-nav a {
	color:#fff;
}

/* login form */
#login-form {
	width:auto;
	float:right;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	font-family:arial,sans-serif;
}
#login-form a {
	color:#fff;
}
#login-form a:hover {
	text-decoration:underline;
}
fieldset {
	border:none;
	padding:0;
	margin:0;
}
#login-form input {/* line up the submit */
	display: inline;
	width: 3em;
	font-size:10px;
	border:none;
}
#login-form label input {/* replace width and margin */
	display: inline;
	width: 3.6em;
	color:#000;
	background:#fff;
}
#login-form #name {
	color:#fff;
	background:#5c7b98;
	font-weight:bold;
}
#login-form #name:active {
	color:#ccc;
	background:#42586c;
	font-weight:bold;
}
#login-error {
	position:absolute;
	top:-16ex;
	right:0px;
	color:yellow;
	background:black;
	padding:6px;
	width:33em;
	border:3px double yellow;
}
#login-error a {
	display:inline;
	font-size:10px
}

/* table stuff */
#itinerary-container {
	height:300px;
	overflow-y:scroll;
}
.itinerary-table {
	border:1px solid #d8e7e5;
	font-size:11px;
	font-style:arial,sans-serif;
}
.row-alt-1 {
	background:#f3fffd;
}
.row-alt-2 {
	background:#d8e7e5;
}
.itinerary-table td {
	border:1px solid #d8e7e5;
}
.date-col-1 {
	width:20%;
}
.date-col-2 {
	width:28%;
}
.itinerary-table a {
	color:#1b5992;
}

/* utility classes */
.artist-info {
	margin-bottom:1.5em;
}
ul.artist-info {
	margin-left:0;
	padding-left:15px;
}
.roster-item {
	clear:both;
	border-bottom:1px dashed #226db3;
	margin-bottom:1.2em;
	padding-bottom:.6em;
}

.roster-item img {
	height:120px;
	width:120px;
	float:right;
	margin:0.3em 0 0.3em 0.5em;
}

.clear-both {
	clear:both;
}
.clear-right {
	clear:right;
}
.clear-left {
	clear:left;
}

.red {
	color:red;
}
.blue {
	color:blue;
}
.green {
	color:green;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.middle {
	margin-left:auto;
	margin-right:auto;
}
.small {
	font-size:11px;
}
.smaller {
	font-size:10px;
}
.smallest {
	font-size:9px;
}
.large {
	font-size:14px;
}
.larger {
	font-size:16px;
}
.largest {
	font-size:20px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.float-img-left {
	float:left;
	margin:0.3em 0.5em 0.3em 0;
}
.float-img-right {
	float:right;
	margin:0.3em 0 0.3em 0.5em;
}
.margin-left {
	margin:0.3em 0.5em 0.3em 0;
}
.margin-right {
	margin:0.3em 0 0.3em 0.5em;
}
.quote {
/* 	margin:1.5em; */
	background:#f9fffe;
	padding:1em;
}
.slideshow {
	width:400px;
	text-align:center;
}
.quote span, .slideshow span {
	font-size:11px;
	text-align:right;
	display:block;
	padding-top:.4em;
	font-style:italic;
}
.slideshow span {
	font-size:8px;
}
.slideshow-copyright {
	width:400px;
	margin-top:-20px;
	text-align:right;
	font-style:italic;
	font-size:10px;
}

.marketing-images img {
	display:block;
	width:auto;
	float:left;
	margin:0 20px 20px 0;
}
#built-by a, #built-by a:visited {
	color:#749498;
}

#built-by {
	color:#8b8898;
	font-size:9px;
	text-align:center;
	margin-top:20px;
}

#news-items {
	border-bottom:1px dashed #226db3;
}
#news-items p {
	border-top:1px dashed #226db3;
	margin:0;
	padding:.5em 0;
	font-size:11px;
	font-family:arial,sans-serif;
	line-height:12px;
}

.spacer50 {
	height:50px;
}
.spacer100 {
	height:100px;
}
.spacer150 {
	height:150px;
}
.spacer200 {
	height:200px;
}
.spacer300 {
	height:300px;
}