/**
 * Designed by Crimson River
 */

/**
 * Font formatting
 */
body {
	font-family: Arial, sans-serif;
}

h1 {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: #cccccc;
	border-style: none none solid none;
	border-bottom-width: 1px;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #cccccc;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #cccccc;
}

p#remark {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #cccccc;
}

div.rights {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #555555;
}

ul.repetoir li {
	font-style: italic;
}

a:link, a:visited, a:active {
	font-family: Arial, sans-serif;
	color: #ababab;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.button:link, a.button:active, a.button:visited, a.button:hover {
	text-decoration: none;
}

a.imagelink:link, a.imagelink:active, a.imagelink:visited, a.imagelink:hover {
	text-decoration: none;
}

div#container {
	font-family: Arial, sans-serif;
}

div.content {
	color: #dc143c;
}

div.gig {
	font-family: Courier, monospace;
	font-size: 12pt;
	font-weight: bold;
	color: #ababab;
}

p.contact {
	font-family: Courier, monospace;
}

div.news {
	font-style: italic;
}

div.newsheader {
	font-size: 9pt;
	font-style: italic;
	color: #666666;
}

#buttons a:hover {
	text-decoration: none;
}

/**
 * Overall formatting
 */
body#intro {
	margin: 0px;
	text-align: center;
	background-color: #000000;
}

body#main {
	margin: 0px;
	text-align: center;
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	background-position: center 50px;
	background-color: #707070;
}

body#image {
	margin: 0px;
	text-align: center;
	background-color: #000000;
}

a:link, a:visited, a:active {
	outline: none;
	cursor: default;
}

a:hover {
	outline: none;
	cursor: pointer;
}

a:link img, a:visited img, a:active img {
	text-decoration: none;
	border: 0px;
}

a:hover img {
	border: 0px;
	text-decoration: none;
}

div#container {
	width: 802px;
	min-height: 600px;
	margin-top: 80px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div.content {
	width: 750px;
	height: 451px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 0px;
	overflow: auto;
}

div.banner {
	width: 800px;
	height: 85px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('images/crlogo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}

div.menu {
	width: 786px;
	height: 35px;
	margin-left: 10px;
	margin-right: 4px;
	padding-left: 0px;
	padding-right: 0px;
}

#buttons {
	width: 784px;
	height: 33px;
	background-image: url('images/buttons.jpg');
	margin: 0px;
	padding: 0px;
	position: relative;
}

#buttons li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}

#buttons li, #buttons a {
	height: 33px;
	display: block;
}

#home { left: 0px; width: 105px; }
#home a:hover { background: transparent url('images/buttons.jpg') 0 -33px no-repeat; }

#news { left: 105px; width: 90px; }
#news a:hover { background: transparent url('images/buttons.jpg') -105px -33px no-repeat; }

#band { left: 195px; width: 100px; }
#band a:hover { background: transparent url('images/buttons.jpg') -195px -33px no-repeat; }

#pics { left: 295px; width: 80px; }
#pics a:hover { background: transparent url('images/buttons.jpg') -295px -33px no-repeat; }

#gigs { left: 375px; width: 85px; }
#gigs a:hover { background: transparent url('images/buttons.jpg') -375px -33px no-repeat; }

#media { left: 460px; width: 110px; }
#media a:hover { background: transparent url('images/buttons.jpg') -460px -33px no-repeat; }

#links { left: 570px; width: 85px; }
#links a:hover { background: transparent url('images/buttons.jpg') -570px -33px no-repeat; }

#contact { left: 655px; width: 129px; }
#contact a:hover { background: transparent url('images/buttons.jpg') -655px -33px no-repeat; }

a.imagelink {
	text-decoration: none;
}

div.footer {
	width: 800px;
	height: 17px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #444444;
	overflow: hidden;
}

div.rights {
	float: center;
	width: 800;
	height: 15px;
	text-align: center;
	overflow: hidden;
}

div.news {
	width: 690px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border: 2px solid #666666;
}

div.newsheader {
	width: 690px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #444444;
}

div.gig {
	width: 500px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border: 1px dashed #444444;
}

div.intropicture {
	margin-top: 80px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
}

img#frontpic {
	margin-left: 15px;
	margin-right: 10px;
}