@charset "utf-8";
@font-face{
font-family:'Myriad Pro';
src: url('./fonts/MyriadPro-Cond.otf') format('opentype');
}
body {
	font-family: Tahoma, 'Myriad Pro', Verdana;
	font-size:13px;
	color: #c1715e;
	background-color: #311008;
	background-image: url(bodybg.jpg);
	margin: 0px;
	padding: 0px;
}
#coastlogo {
	position:absolute;
	top:0;
	left:58%;
	z-index:777;
}
a {
	color: #c1715e;
}
a:hover {
	color: #ffffff;
}
.ad-gallery, .ad-gallery .ad-image-wrapper {
	background-color:rgb(43, 16, 5);
}

.container {
	width:1000px;
	margin:0 auto;
}
#head {
	background:url(headbg.jpg) repeat-x left top;
	height:184px;
}
#menuground {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	z-index:11;
}
#headbar {
	top:0;
	left:0;
	position:absolute;
	width:100%;
	z-index:19;
}
#flashhead {
	top:0;
	margin-left:3%;
	width:950px;
	height:184px;
	position:absolute;
	z-index:12;
}
#menubg {
	top:0;
	left:0;
	position:relative;
	width:200px;
	height:184px;
	padding:0;
	z-index:11;
	background-color: #1e0700;
}
#menu {
	top:0;
	left:0;
	width:200px;
	position:relative;
	height:184px;
	padding:0;
	font-size: 11px;
/*	font-weight:bold;*/
	z-index:20;
	text-transform:uppercase;
	background: url(brown50.png);
}
#menu ul {
	display:block;
	height:143px;
	width:200px;
	margin:0;
	padding:20px 0 20px 0;
	list-style:none;
}
#menu li {
	display:inline;
	padding:0;
	margin:0;
}
#menu a {
	display:block;
	padding:4px 5px 4px 20px;
	text-decoration:none;
}
#menu a:hover {
	background: url(brown50.png);
}
#langs {
	color:#452115;
	font-size:13px;
	float:right;
	display:inline-block;
	margin-top:-20px;
}
#langs a {
	color:#452115;
	text-decoration:none;
}
#langs a:hover {
	color: #c1715e;
}
#content {
	height:400px;
	background-color:#311008;
}

#submenu {
	float:left;
	width:200px;
	height:400px;	
	font-weight:normal;
	background-color:#2b1005;
	padding:0;
	margin:0;
}
#column {
	border:0;
	float:left;
	width:220px;
	margin:0;
	padding:0;
	text-align:justify;
	height:400px;
	display:inline-block;
}
#column h2 {
	padding:10px 15px;
	margin:0 0 10px 0;
	background:url(titlebg.jpg) repeat-y left top;
}
#agemenu {
	margin:0;
	padding:0;
	min-height:35px;
	width:580px;
	display:inline-block;
	background:url(titlebg.jpg) repeat-y left top;
}
#agemenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#agemenu li {
	padding:0;
	margin:0;
	display:inline;
}
#agemenu .active a {
	font-size:14px;
	background-color:#3e140a;
}
#agemenu a {
	padding:9px 10px;
	display:inline-block;
	font-size:14px;
	text-decoration:none;
}
#agemenu a:hover {
	background-color:#3e140a;
}
#HatFlashContent {
	height:100px;
}
.textpad {
	padding:5px 10px 15px 10px;
}
.textpad a img{
	border:1px solid #c1715e;
}
.textpad a:hover img{
	border:1px solid #FFFFFF;	
}
.textpad h3 {
	color:#5a2c20;
	background:#1e0700;
	padding:7px;
	margin:0;
}
.textpad h4 {
	font-weight:normal;
	padding:0;
	margin:0;
}
.textpad p {
	padding:0;
	margin:0;
}
.menudesc p {
	font-size:11px;
}
.menudesc table {
	padding:0;
	margin:0;
}
.menudesc td {
	height:30px;
	padding:0 3px;
	margin:0 1px 0 0;
	vertical-align:middle;
}
.menudesc .even {
	background-color:#3e140a;	
}
.textpad span {
	color:#5a2c20;
}

#menuimage {
	position:relative;
}
#coastmusic {
	float:left;
	width:420px;
	height:400px;
}
#lastevents {
	padding:10px 10px 20px 10px;
}
#lastevents ul, #lastevents li {
	margin:0;
	padding:0;
	list-style:none;
}
#lastevents .date {
	text-align:center;
	font-size:13px;
}
#lastevents .title {
	text-align:center;
	font-size:15px;
}
#lastevents .annotation {
	font-family:Verdana, Geneva, sans-serif;
	text-align:justify;
	font-size:11px;
	padding-bottom:20px;
}
#lastevents a {
	text-decoration:none;
}

#coastmenu {
	margin-top:20px;
}
#coastmenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#coastmenu li {
	margin:0 3px;
	padding:0;
}
#coastmenu a {
	display:block;
	font-size:13px;
/*	font-weight:bold;*/
	padding:10px 10px 10px 60px;
	text-decoration:none;	
}
#coastmenu a.active {
	display:block;
	padding:0;
	text-decoration:none;	
}
#coastmenu a:hover {
	background-color:#3e140a;
}

#guestcontent {
	border:0;
	float:left;
	width:500px;
	margin:0;
	padding:0;
	text-align:justify;
	height:400px;
	display:inline-block;
}

#guestform {
	border:0;
	float:left;
	width:300px;
	margin:0;
	padding:0;
	text-align:justify;
	height:400px;
	display:block;
	background-color:#2B1005;
}
#guestMoreToogle {
	padding-top:10px;
	font-size:11px;
	}
#guestMoreToogle a {
	text-decoration:none;
	border-bottom:1px dashed #C1715E; 
}
#guestMoreAbout {
	padding:5px 0;
	display:none;
}
#guestthanks {
	font-weight:bold;
}
.guesterror {
	font-size:11px;
	font-weight:bold;
	padding-bottom:10px;
	color:#FFF;
}
.guestHead {
	padding:10px 5px;
	font-weight:bold;
	background-color:#2B1005;
}
.guestContacts {
	font-size:9px;
	text-align:right;
}
.guestMessage {
	margin:0 0 20px 10px;
	padding:0 5px;
	border-left:1px solid #C1715E;
}
#matter {
	float:left;
	width:800px;
}
#footer {
	background:url(contentshadow.jpg) repeat-x left top;
	min-height:100px;
	padding-bottom:20px;
}
#contacts {
	color:#5a2c20;
	font-family:Verdana, Geneva, sans-serif;
	display:inline-block;
	background:url(glowline.png) no-repeat left top #1e0700;
	padding:10px;
}
#contacts span{
	font-size:11px;
	padding-right:15px;
}
#contacts a {
	font-family:Verdana, Geneva, sans-serif;
	color:#5a2c20;
}
#contacts a:hover {
	color: #c1715e;
}
#mailus {
	padding-left:20px;
}
#phone {
/*	font-weight:bold;*/
	padding-left:25px;
	margin-left:20px;
	background:url(circle.gif) no-repeat 0 80%;
}
#development {
	margin-top:30px;
	float:left;
}
#development img {
	padding-right:20px;
}
#cplink {
	margin-right:40px;
	display:inline-block;
}
#cplink a {
	top:-100px;
	right:-135px;
	position:relative;
	z-index:10000;
}
#coastplayer {
	margin-top:-25px;
	display:inline;
	float:right;
}
#copyright {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#5a2c20;
	margin-top:15px;
	display:inline-block;
}
#loading {
	padding-top:150px;
	text-align:center;
}
#loading img {
	border:0;
}
.inputfield {
	color:#FFFFFF;
	background-color:#5a2c20;
	border:1px solid #2b1005;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:5px;
	width:95%;
}
#menuColumn {
	float:left;
	width:580px;
	height:400px;
	padding:0;
	margin:0;
	border:0;
}
