/****************************************
|
| Catholic Central High School
| Created by: Kevin Biskaborn
| Copyright 2010 ScriptReaction
| http://www.scriptreaction.com
|
| Last Modified by:
| K. Biskaborn, Jul-13-2010 @ 2:18 PM
|
****************************************/

/****************************************
|	IMPORT STYLES
****************************************/
@import url( "cch-v2_page-components.css" );

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

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

body, td, select, input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000066;
}

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

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

ul {
	list-style:none;
}

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

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

.filterPng {}

.flash {
	display:block;
	border:1px solid #ccc;
}

.devInProgress {
	position:relative;
	display:block;
	padding:8px 15px 9px 5px;
	border:2px solid #000;
	margin:20px 0px 15px 0px;
	background:#cc0000 url(../gfx/dev_in_progress.gif) no-repeat;
	color:#fff;
	font-weight:normal;
	text-align:right;
}
.devInProgress span {
	display:block;
}

/****************************************
|	PAGE LAYOUT
****************************************/
#skn, #shl {
	position:relative;
}

#skn {
	width:100%;
}

#shl {
	width:778px;
	text-align:left;
}

/****************************************
|	HEADER NAVIGATION
****************************************/
#header {
	position:relative;
	text-align:center;
	height:290px;
}

#header #ribbon {
	width:74px;
	height:16px;
}

/****************************************
|	BODY AREA
****************************************/
#body_area {
	position:relative;
	width:688px;
	margin-left:45px;
	background:url(../gfx/body_area.png) repeat-y;
}

#breadcrumb h1 {
	position:relative;
	width:688px;
	height:34px;
	background:url(../gfx/breadcrumb_bar.png) center top no-repeat;
	font-weight:bold;
	text-align:center;
	font-size:10px;
	line-height:29px;
}

#breadcrumb a {
	color:#000066;
}
#breadcrumb a:hover {
	color:#0066cc;
}

/****************************************
|	CONTENT FEED
****************************************/
#content_feed {
	position:relative;
}

#content_feed #holder {
	position:relative;
	margin-left:40px;
	width:610px;
	padding:0px 0px 10px 0px;
}

/****************************************
|	FOOTER
****************************************/
#footer {
	position:relative;
	width:688px;
	height:121px;
	clear:both;
}

#footer #info_bar {
	position:absolute;
	width:688px;
	height:65px;
	margin-left:45px;
	font-size:10px;
	font-weight:bold;
	background:url(../gfx/footer_comp.png) no-repeat;
	z-index:9;
}

#footer #info_bar a {
	color:#000066;
	text-decoration:none;
}
#footer #info_bar a:hover {
	color:#0066cc;
	text-decoration:underline;
}

#footer #info_bar div {
	position:absolute;
	top:41px;
}
#footer #info_bar #port {
	left:40px;
}
#footer #info_bar #starboard {
	text-align:right;
	right:40px;
}
#footer #info_bar #masttop {
	left:334px;
	top:42px;
}
#footer #info_bar #masttop a {
	display:block;
	width:21px;
	height:13px;
	background:url(../gfx/top.gif) no-repeat;
	text-decoration:none;
}
#footer #info_bar #masttop a:hover {
	background-position:0 -13px;
}
#footer #info_bar #masttop a span {
	visibility:hidden;
}

#footer img {
	position:absolute;
	top:61px;
	border:0px;
	z-index:2;
}

#footer #scriptrx {
	left:122px;
	width:182px;
	height:55px;
}

#footer .ribbon {
	left:352px;
	width:74px;
	height:60px;
}

/****************************************
|	GLOBAL BASE
****************************************/
#global_base {
	display:none;
}

/****************************************
|	CONTENT FEED CLASSES
****************************************/
#content_feed h2 {
	position:relative;
	color:#8082b0;
	font-size:17px;
	padding:26px 0px 7px 40px;
	background:url(../gfx/icon_crusader.gif) left bottom no-repeat;
	border-bottom:1px solid #9999cc;
}

#content_feed h4 {
	padding:0px 0px 4px 0px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
#content_feed h4.offBlueHeadline {
	padding-top:15px;
	color:#8282bb;
	line-height:normal;
}

#content_feed p, #content_feed .pBlock {
	padding:20px 0px 0px 0px;
}
#content_feed .mastheadBlock,
#content_feed .pBlock_smallGap {
	padding:5px 0px 0px 0px;
}
#content_feed span.emphasis {
	font-weight:bold;
}

#content_feed .blockFeed {
	position:relative;
	background:#e1e1e1;
	border-bottom:2px solid #ccc;
	padding:0px 15px 15px 15px;
	margin-bottom:10px;
}

#content_feed .blockFeed .floatRelease {
	display:block;
	clear:both;
}

#content_feed .blockFeed table {
	padding:0px;
	border-collapse:collapse;
}
#content_feed .indexBlock {
	background:#e1e1e1 url(../gfx/wmark_crest.gif) top right no-repeat;
}

#content_feed .toggleArea {
	display:none;
}

#content_feed .toggleSwitch {
	margin-top:10px;
}
#content_feed .toggleSwitch a {
	font-weight:bold;
}

#content_feed .infoList li {
	background:url(../gfx/icon_block.gif) left 2px no-repeat;
	padding:0px 0px 0px 18px;
	margin-bottom:10px;
}
#content_feed .infoList span,
#content_feed span.heading,
#content_feed .infoList span.inlineHeading {
	color:#8282bb;
	font-weight:bold;
	display:block;
}
#content_feed .infoList span.inlineHeading {
	display:inline;
}
#content_feed .indexList li {
	font-weight:bold;
	background-position:0 6px;
	margin-bottom:0px;
}
#content_feed .indexList li a {
	display:block;
	padding:4px 0px 4px 4px;
}
#content_feed .indexList li a:hover {
	background-color:#666699;
	color:#fff;
}

#content_feed table {
	width:100%;
	border:0px;
}
#content_feed table td {
	vertical-align:top;
}

#content_feed table .tabSplit_left {
	width:50%;
	padding-right:10px;
}
#content_feed table .tabSplit_right {
	width:50%;
	padding-left:10px;
}

#content_feed table .tabSplitTriple_left {
	width:33%;
	padding-right:10px;
}
#content_feed table .tabSplitTriple_center {
	width:33%;
	padding:0px 5px 0px 5px;
}
#content_feed table .tabSplitTriple_right {
	width:33%;
	padding-right:10px;
}

#content_feed .ico_download {
	border:0px;
	vertical-align:middle;
}

#content_feed .framePhoto {
	position:relative;
	padding:15px;
	border:1px solid #ccc;
	background:#fff;
}

#content_feed a:hover .framePhoto {
	border-color:#9999cc;
}

#content_feed span.phoneExtBox {
	display:inline;
	float:left;
	width:220px;
	background:url(../gfx/elipsis.gif) left bottom repeat-x;
}

#content_feed span.phoneExtBox b {
	width:auto;
	float:none;
	background:#e1e1e1;
	padding-right:4px;
}

#content_feed .crestIconBtn {
	float:left;
	margin:20px 10px 0px 0px;
}
#content_feed .crestIconBtn a {
	display:block;
	width:183px;
	height:59px;
	color:#333366;
	font-family:tahoma, arial, verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background:url(../gfx/crest_icon_btn.gif) no-repeat;
	overflow:hidden;
}
#content_feed .crestIconBtn a:hover {
	color:#fff;
	background-position:0 -59px;
}
#content_feed .crestIconBtn a:hover img {
	border-color:#666699;
}
#content_feed .crestIconBtn a span {
	display:block;
	font-size:24px;
	margin:15px 0px 0px 15px;
}
#content_feed .crestIconBtn img {
	float:left;
	border:1px solid #999;
	margin-right:10px;
}

#content_feed .floatLeft {
	float:left;
}
#content_feed .floatRight {
	float:right;
	margin:0px 0px 20px 20px;
}
#content_feed .floatRightHolder {
	float:right;
}
#content_feed .floatRightHolder img {
	margin:0px 0px 20px 20px;
}

/****************************************
|	INDEX/HOME ONLY
****************************************/
#content_feed .indexCrusader {
	float:right;
	margin:15px 0px 10px 10px;
}

#content_feed #indexCategories {
	margin-bottom:10px;
}
#content_feed #indexCategories ul {
	margin-left:5px;
	height:15px;
}
#content_feed #indexCategories li {
	float:left;
	padding-right:5px;
	margin-right:5px;
	border-right:1px solid #0066cc;
}
#content_feed #indexCategories li.lastChild {
	margin-right:0px;
	border-right:0px;
}

#content_feed #indexFeatureLogos {
	font-size:0px;
	clear:left;
}
#content_feed #indexFeatureLogos img {
	border:0px;
	margin-left:25px;
}
#content_feed #indexFeatureLogos #ldcsb {
	margin-left:40px;
}

#content_feed #indexIconLinks {
	position:relative;
	margin:0px 0px 0px 7px;
	height:170px;
}
#content_feed #indexIconLinks .wrapChild {
	margin-right:0px;
}

/****************************************
|	GALLERY MENU
****************************************/
#content_feed #galleryIconLinks {
	position:relative;
	padding:10px 0;
}
#content_feed #galleryIconLinks .elementRow {
	display:block;
	clear:left;
}
#content_feed .galleryIconBtn {
	float:left;
	margin:10px 0 0 15px;
}
#content_feed .galleryIconBtn.rowFirstChild {
	margin-left:5px;
}

#content_feed .galleryIconBtn a {
	display:block;
	width:275px;
	
	border:1px solid #ccc;
	background:#fff url(../gfx/gallery-crest-btn.gif) no-repeat;
	overflow:hidden;
	
	color:#333366;
	font-family:tahoma, arial, verdana, sans-serif;
	text-decoration:none;
}
#content_feed .galleryIconBtn a:hover {
	color:#fff;
	border-color:#666699;
	background-color:#333366;
	background-position:-275px 0;
}

#content_feed .galleryIconBtn a img {
	float:left;
	width:50px;
	height:auto;
	
	border:0px;
	padding:4px;
}
#content_feed .galleryIconBtn a:hover img {
	background-color:#FF9;
}
#content_feed .galleryIconBtn a span.albumDetails {
	display:block;
	float:left;
	
	width:204px;
	padding:5px 5px 5px 8px;
}
#content_feed .galleryIconBtn a span.title {
	display:block;
	
	font-size:13px;
	font-weight:bold;
}
#content_feed .galleryIconBtn a span.imageTotal {
	font-size:11px;
	white-space:nowrap;
}
#content_feed .galleryIconBtn a span.date {
	color:#666;
	font-size:11px;
	white-space:nowrap;
}
#content_feed .galleryIconBtn a:hover span.imageTotal,
#content_feed .galleryIconBtn a:hover span.date {
	color:#9999cc;
}

/****************************************
|	GALLERY ONLY
****************************************/
#content_feed select {
	position:absolute;
	right:0px;
	top:10px;
	font-weight:bold;
}
#content_feed select option {
	font-weight:normal;
}
#content_feed select .active {
	font-weight:bold;
}

#content_feed #galleryHolder {
	padding-top:15px;
}

#content_feed #photoNav {
	position:absolute;
	right:40px;
	top:10px;
}
#content_feed #photoNav span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#content_feed #focalPhoto {
	text-align:center;
	padding-top:15px;
}
#content_feed #photoCaption {
	width:522px;
	text-align:left;
	padding:5px 5px 5px 5px;
	margin-left:24px;
	background:#ccc;
	border-bottom:1px solid #999;
}

#content_feed #photoThumbs {
	position:relative;
	margin:20px 0px 0px 24px;
}
#content_feed #photoThumbs img {
	border:1px solid #999;
	margin:0px 4px 4px 0px;
	width:50px;
	height:50px;
}
#content_feed #photoThumbs a:hover img {
	border-color:#000066;
}


/****************************************
|	MUSIC PARENTS ASSOCIATION
****************************************/
.personPositionListTable {
	border-collapse:collapse;
	padding:0px;
}
span.personPosition {
	display:block;
}