/****************************************
|
| Cantorion Choir
| Created by: Kevin Biskaborn
| Copyright 2008 ScriptReaction
| http://www.scriptreaction.com
|
****************************************/

/****************************************
|	IMPORT STYLES
****************************************/

/****************************************
|	CLEAR ALL STYLES
****************************************/
* {
	margin:0px;
	padding:0px;
}

/****************************************
|	GLOBAL TAG STYLES
****************************************/
body { 
	background:#ed2227 url(../gfx/head_bg_grad.gif) repeat-x;
	cursor:default;
	overflow:auto;
}

body, select, input, textarea {
	font-family:tahoma, arial, verdana, sans-serif;
	font-size:12px;
	color:#000;
}

a {
	color:#ff3333;
	text-decoration:underline;
}

a:hover {
	color:#0066ff;
	text-decoration:none;
}

ul {
	list-style:none;
}

/* all headings */
h1, h2, h3, h4, h5 {
	font-size:11px;
	line-height:11px;
}

form .hidden {
	display:none;
}
img {
	border:0px;
}

/****************************************
|	GLOBAL CLASSES
****************************************/
.uc { 
	text-transform:uppercase;
}

.filterPng {}

.flash {
	display:block;
	border:0px;
	background:#000;
}

/****************************************
|	PAGE LAYOUT
****************************************/
#shl {
	position:relative;
	width:100%;
	text-align:center;
}

/****************************************
|	HEADER
****************************************/
#headarea {
	position:relative;
	text-align:center;
}
#masthead {
	position:relative;
	width:100%;
	border-bottom:2px solid #fff;
}
#masthead table {
	width:100%;
	border-collapse:collapse;
	padding:0px;
}
#masthead table th,
#masthead table th img {
	width:681px;
	border:0px;
}
#masthead table td {
	width:auto;
}
#masthead table #a {
	background:url(../gfx/head_people_bar.gif) right bottom repeat-x;
}
#masthead table #b {
	background:url(../gfx/head_people_bar.gif) left bottom repeat-x;
}

/****************************************
|	NAVIGATION
****************************************/
#navigation {
	position:relative;
	background:#cfcfcf url(../gfx/nav_grad_inactive.gif) repeat-x;
	border-bottom:1px solid #000;
}
#navigation ul {
	position:relative;
	/*****************************************/
	width:650px; /* NAV CHANGES UPDATE VALUE */
	/*****************************************/
	height:38px;
	margin:0 auto 0 auto;
	background:url(../gfx/nav_sep_bar.gif) right center no-repeat;
}
#navigation li {
	display:inline;
}
#navigation li a {
	display:block;
	float:left;
	padding:12px 12px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:url(../gfx/nav_sep_bar.gif) left center no-repeat;
}
#navigation li a:hover {
	color:#fff;
	text-decoration:underline;
	background:#666 url(../gfx/nav_grad_over.gif) repeat-x;
}
#navigation li.active a {
	color:#000;
	background:#cfcfcf url(../gfx/nav_grad_active.gif) left top no-repeat;
}
#navigation li.active a:hover {
	color:#fff;
	background:#666 url(../gfx/nav_grad_over.gif) left top no-repeat;
}

/****************************************
|	BODY
****************************************/
#bodyarea {
	position:relative;
	text-align:center;
	background:#a8a8a8 url(../gfx/body_bg_music_lines_v1.gif) 0px 4px repeat;
	padding:20px 20px 30px 20px;
}
#bodyarea #focalfeed {
	position:relative;
	width:602px;
	margin:0 auto 0 auto;
	background:#fff;
	border:1px solid #5f5f5f;
	padding:7px 6px;
	text-align:left;
}
#bodyarea #focalfeed #contentFeed {
	position:relative;
	background:url(../gfx/body_column_bar.gif) repeat-y;
}
#bodyarea #focalfeed #leftColumn {
	float:left;
	width:180px;
	background:#d5d5d5;
	padding:25px 10px 10px 10px;
	border-right:1px solid #999;
}
#leftColumn h3 {
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px solid #c2c2c2;
}
#leftColumn ul.upcomingList li {
	border-left:2px solid #ed2227;
	padding-left:4px;
	margin-bottom:10px;
}
#leftColumn ul.upcomingList li a {
	display:block;
}
#leftColumn ul.upcomingList li span {
	display:block;
	font-size:11px;
	color:#666;
}
#bodyarea #focalfeed #content {
	position:relative;
	padding:15px;
	margin-left:200px;
	line-height:18px;
}

/****************************************
|	FOCAL FEED APEX
****************************************/
#focalfeed #apex,
#focalfeed #apex h2,
#focalfeed #apex h1,
#focalfeed #apex #banner {
	position:relative;
}
#focalfeed #apex h2 {
	font-weight:normal;
	background:#d5d5d5;
	padding:10px;
	border-bottom:1px solid #999;
}
#focalfeed #apex h2,
#focalfeed #apex h2 a {
	color:#666;
	text-decoration:none;
}
#focalfeed #apex h2 a:hover {
	color:#333;
	text-decoration:underline;
}
#focalfeed #apex #banner {
	background:#000;
}
#focalfeed #apex #banner,
#focalfeed #apex #banner #frame,
#focalfeed #apex #banner #payload {
	width:602px;
	height:130px;
}
#focalfeed #apex #banner #frame,
#focalfeed #apex #banner #payload {
	position:absolute;
	left:0px;
	top:0px;
}
#focalfeed #apex #banner #frame {
	z-index:2;
	background:url(../gfx/body_banner_frame.gif) left top repeat-y;
}
#focalfeed #apex #banner #payload {
	z-index:1;
	background:#000;
}
#focalfeed #apex h1 {
	background:#e62025 url(../gfx/body_bg_heading.gif) right top no-repeat;
	padding:15px 10px;
	font-size:24px;
	border-top:1px solid #fff;
	border-bottom:1px solid #000;
}
#focalfeed #apex h1,
#focalfeed #apex h1 a {
	color:#fff;
	text-decoration:none;
}

/****************************************
|	FOOTER
****************************************/
#footarea {
	position:relative;
	background:#ed2227 url(../gfx/foot_people_bar.gif) repeat-x;
	border-top:1px solid #fff;
	height:136px;
}
#footarea #footer {
	position:relative;
	width:760px;
	height:100%;
	margin:0 auto 0 auto;
	text-align:left;
	background:url(../gfx/foot_base_curves.gif) 0px 37px no-repeat;
}
#footarea #footer h6 {
	position:relative;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	line-height:35px;	
	margin-left:138px;
}
#footarea #footer h6 a {
	color:#fff;
	text-decoration:none;
}
#footarea #footer h6 a:hover {
	color:#ff3333;
	text-decoration:underline;
}
#footarea #footer img {
	position:absolute;
	border:0px;
}
#footarea #footer #cantorion {
	left:20px;
	top:6px;
}
#footarea #footer #scriptreaction {
	right:6px;
	top:14px;
}
#footarea #footer #baselinks {
	position:absolute;
	width:100%;	
	left:0px;
	top:55px;
}
#footarea #footer #baselinks h6 {
	width:100%;
	font-size:11px;
	font-weight:bold;
	text-align:center;	
	line-height:16px;
	margin:0px;
}
#footarea #footer #baselinks h6,
#footarea #footer #baselinks h6 a {
	color:#fff;
}

/****************************************
|	CONTENT CLASSES
****************************************/
#content p {
	margin:0px 0px 15px 0px;
}
#content .leadChar {
	margin:0px;
}
#content .leadCharNoGap {
	float:left;
}
#content .unleadChar {
	display:none;
}
#content .emphasis {
	font-weight:bold;
}
#content h3 {
	color:#666;
	font-size:17px;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
	background:url(../gfx/bullet_people.gif) left bottom no-repeat;
	padding:7px 0px 6px 30px;
	margin:20px 0px 10px 0px;
}
#content h3.firstHeading {
	margin-top:0px;
}
#content ul.infoList li,
#content ul.eventList li {
	background:url(../gfx/list_arrow_icon.gif) 0px 4px no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px 0px 8px 0px;
}
#content ul.eventList li {
	margin-bottom:2px;
}
#content ul.eventList {
	margin:-10px 0px 15px 0px;
}

#choirMembersTable {
	width:100%;
	border-collapse:collapse;
}
#choirMembersTable td {
	vertical-align:top;
}

#content .imageFloatRight {
	float:right;
	padding:3px;
	background:#eaeaea;
	border:1px solid #ccc;
	margin:0px 0px 10px 15px;
}