html {
/*background: #251912 url('images/bg-main.jpg') 50% 0 no-repeat; */
}

body {
	font: normal 62.8%/1.3 Arial, Helvetica, sans-serif;
	background: #251912 url('images/Waterpl.jpg');
	color: #E9EDEF;
	padding: 40px 0;
}

*>body {
	background: url('images/Waterpl.jpg');
}

.mission-statement {
	background-color: #fff;
}

/* -- Icons list -- */
.ico {
	padding-left: 0px;
}

.ico-date {
	background: url('images/ico/ico-date.gif') 0 50% no-repeat;
}

/* -- User friendly features -- */
.hidden {
	display: none;
}

/* -- Form Styles -- */
label.field-label {
	display: block;
	font-weight: bold;
}

/* -- Basics layout -- */
#view {
	position: relative;
}

#head {
	font-size: 1.2em;
}

#content {
	font-size: 1.2em;
}

#foot {
	font-size: 1.2em;
	clear: both;
}

/* -- Logo constructs -- */
#head a {
	color: #fff;
}

#logo .block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none !important;
}

#logo h1 {
	font-size: 3.8em;
	font-weight: normal;
	margin-top: 40px;
	color: #fff;
	text-align: right;
	margin-right: 20px;
}

#logo h2 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.7em;
	text-align: right;
	margin-right: 20px;
}

#logo * {
	font-family: Georgia, "New York CE", utopia, serif;
	cursor: pointer;
}

/* -- Main classes -- */
.fr {
	float: right !important;
}

.fl {
	float: left !important;
}

.clear {
	clear: both !important;
}

.right {
	text-align: right !important;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
}

.small {
	font-size: .90em;
}

.big {
	font-size: 1.5em;
}

.item {
	margin-bottom: 1.5em;
	clear: both;
}

.entry {
	background: url('images/bg-foot.png');
	padding: 10px 15px 10px 15px;
}

.info {
	margin: 2px 0 6px !important;
}

.col1 {
	width: 49%;
	float: left;
}

.col2 {
	width: 49%;
	float: right;
}

/* -- Layout constructs -- */
#view {
	width: 898px;
	margin: 0 auto;
	padding: 0 20px 20px;
	background: url('images/bg-view.png');
}

#logo {
	position: relative;
	height: 293px;
	overflow: hidden;
	background: url('images/bg-logo.jpg') no-repeat;
	text-align: center;
	clear: both;
	border: 1px #CCCCCC solid;
}

#content {
	padding: 35px 10px;
}

#foot {
	clear: both;
	height: 53px;
	background: url('images/bg-foot.png');
	/*background-color: #19110c;*/
}

#meta {
	clear: both;
	height: 20px;
	padding-top: 3px;
	padding-left: 5px;
	background: url('images/bg-foot.png');
	margin-top: 20px;
	/*background-color: #19110c;*/
}

/* -- Main Menu -- */
#mainMenu li {
	position: relative;
	float: left;
	margin: 0 10px;
	top: -1px;
}

#mainMenu li a {
	display: block;
	float: left;
	color: #dbebf2;
	padding: 22px 8px 15px;
	height: 20px;
	text-decoration: none;
}

#mainMenu li a:hover {
	border-top: 1px #fff solid;
	color: #fff;
	padding-top: 18px;
	text-decoration: none;
}

#mainMenu li.active a {
	border-top: 1px #fff solid;
	color: #B4DAF7;
	padding-top: 20px;
}

/* -- Right (submenu) block -- */
#menuBlock {
	width: 200px;
	float: right;
}

#menuBlock img {
	max-width: 150px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#menuBlock .box {
	margin-bottom: 20px;
}

#menuBlock .box h3 {
	margin-bottom: 10px;
	color: #cfb6aa;
}

#menuBlock .subMenu ul {
	margin-left: 5px;
}

#menuBlock .subMenu li {
	margin-left: -1px;
	background: url('images/bg-foot.png');
	margin-bottom: 5px;
}

#menuBlock .subMenu li small {
	display: block;
	padding: 0 0 10px 20px;
}

#menuBlock .subMenu li a {
	display: block;
	padding: 6px 20px;
	color: #dbebf2;
	text-decoration: none !important;
}

#menuBlock .subMenu li.active a {
	display: block;
	padding: 6px 20px;
	color: #dbebf2;
	text-decoration: none !important;
}

#menuBlock .subMenu li a:hover {
	color: #71bffc;
}

#menuBlock .boxText h3 {
	padding-left: 0 !important;
}

/* -- Left (content) block -- */
#contentBlock {
	float: left;
	width: 660px;
}

#contentBlock .item {
	position: relative;
	padding: 0 15px;
	width: 600px;
	margin-bottom: 4em;
}

#contentBlock .item1 {
	position: relative;
	padding: 10px 15px 10px 15px;
	margin-bottom: 4em;
	background: url('images/bg-foot.png');
}

.biopic {
	float: left;
}

#contentBlock .item  h2 a {
	text-transform: capitalize;
}

#contentBlock .item p {
	margin-top: 15px;
}

#contentBlock .item .info {
	position: absolute;
	top: 2px;
	left: -135px;
	width: 100px;
}

#contentBlock .item > .info {
	left: -120px;
}

#contentBlock .item .info,
#contentBlock .item .info * {
	padding: 0 !important;
	margin: 0 0 10px !important;
	text-align: right;
	color: #FFFFF;
	list-style: none;
	background: none;
}

#contentBlock .item .tag,
#contentBlock .item .tag * {
	color: #AAD6F8;
}

#contentBlock .noBorder {
	border: none;
	overflow: hidden;
}

#contentBlock img {
	margin: 0 8px 8px 8px;
}

#contentBlock a.left img {
	margin-left: 0;
}

#contentBlock a.right img {
	margin-right: 0;
}

#contentBlock ul,
#contentBlock ol,
#contentBlock table {
	margin-top: 2em;
}

#contentBlock table td,
#contentBlock table th {
	padding: 10px 15px;
}

#contentBlock table .first td,
#contentBlock table .first th,
#contentBlock table .last td,
#contentBlock table .last th {
	border: none;
}

#contentBlock table .even td,
#contentBlock table .even th {
	background: url('images/bg-foot.png');
}

.cats {
	background: url('images/r5.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

/* -- Lists -- */
#contentBlock ul,
#contentBlock ol {
	padding-left: 20px;
	margin-top: 3em !important;
}

#contentBlock ul li {
	padding-left: 20px;
	margin: 10px 0;
}

#contentBlock .item h2 a {
	color: #FFFFFF;
}

#contentBlock .item h2 a:hover {
	color: #D4EBFC;
}

#contentBlock .item .info li {
	text-decoration: none;
}

#contentBlock .item .info li a {
	text-decoration: none;
}

#contentBlock ol li,
#menuBlock .boxText ol li {
	margin: 3px 0 3px 10px;
	padding: 0;
	list-style: decimal;
}

#menuBlock .boxText ul
#menuBlock .boxText ol {
	padding-left: 10px;
}

#menuBlock .boxText ul li {
	margin: 3px 0;
	list-style: none;
}

/* -- Footer part -- */
#foot p {
	padding: 18px 15px 0;
}

#foot * {
	color: #dbebf2;
}

#foot a:hover {
	color: #fff;
}

blockquote {
	border: double 1px #CCCCCC;
	padding: 10px;
	margin: 1em;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
}

.postmetadata {
	clear: left;
	border: solid 1px #CCCCCC;
	margin-bottom: 10px;
	font-size: 12px;
}

h2.pagetitle {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 15px;
}

.alignright {
	float: right;
	margin-right: 15px;
}

.alignleft {
	float: left;
}

/* -- Login/Account styles -- */
#facebook-connect-message {
	width: 100%;
	border: 1px solid #888;
	background: url('images/bg-foot.png');
	font-size: 18px;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#fb_login_image {
	position: relative;
	top: 10px;
}

#registration-form-area {
	margin-top: 25px;
}

#form-item-registration_submit,
#form-item-login_submit {
	position: relative;
	left: 150px;
	margin: 10px 10px 0 0;
}

label.profile-detail {
	font-weight: bold;
	display: block;
}

#profile-pic{
	float: right;
}

/* -- Calendar styles -- */
#contentBlock .upcoming-events,
#contentBlock .prior-events {
	position: relative;
	margin-bottom: 4em;
}

.upcoming-events h2 {
	margin-bottom: 20px;
}

.upcoming-event-listing {
	margin-bottom: 25px;
	padding: 10px 15px 10px 15px;
	clear: both;
	min-height: 310px;
}

.upcoming-event-listing img {
	float: left;
	height: 290px;
}

.upcoming-event-listing .name {
	font-size: 18px;
}

.upcoming-event-listing p {
	line-height: 120%;
}

.prior-event-listing {
	margin-bottom: 15px;
}

.prior-event-listing .date {
	float: left;
	width: 25%;
}
.prior-event-listing .name {
	float: left;
	width: 75%;
}

/* -- Video styles -- */
#contentBlock .video {
	position: relative;
	margin-bottom: 4em;
}

.video h2 {
	margin-bottom: 20px;
}

.video .entry img {
	float: left;
}

.video .entry {
	margin-bottom: 25px;
	min-height: 112px;
}

.video .entry .name {
	font-size: 18px;
}

.video .entry p {
	line-height: 120%;
}

/* -- Album styles -- */
.performance-list,
.rehearsal-list,
.multitrack-list {
	display: none;
}

#type-list {
	margin-bottom: 15px;
}

#type-list a:after,
#type-list a:after:hover {
	color: #fff;
}

#type-list a:after {
	content: ' | ';
}

#type-list a:last-child:after {
	content: '';
}

#type-list a.active {
	color: #cfb6aa;
}

.FBConnectButton_Simple {
	float: right;
}

#contentBlock .music-player {
	margin-bottom: 4em;
}

.music-player .entry,
.available-albums .entry {
	margin-bottom: 25px;
	min-height: 300px;
}

.available-albums .name {
	font-size: 18px;
}

/* -- Bio styles -- */
#contentBlock .biography {
	position: relative;
	margin-bottom: 4em;
}

.biography .entry {
	clear: both;
	margin-bottom: 20px;
}

.biography .entry.principal {
	min-height: 270px;
}

.bio-image.left {
	float: left;
}

.bio-image.right {
	float: right;
}

#contentBlock .biography .guest {
	margin-bottom: 10px;
}

.biography .guest h2 {
	clear: both;
	padding-bottom: 10px;
}

.biography .guest h3 {
	font-size: 14px;
	display: inline;
}

#contentBlock .biography .guest .description {
	margin-top: 0px;
}

#news-banner {
	margin-left: 15px;
	height: 160px;
	width: 600px;
	overflow: hidden;
	background: url('/images/seaflux-news-banner.png') no-repeat;
	clear: both;
}

.news .entry {
	margin-top: 15px;
}

.news .description {
	margin-top: 5px;
}

.news .read-more {
	margin-top: 5px;
}