/* 
   -------------------------------------------------------------------------------
       The image that shows up in the header
   ------------------------------------------------------------------------------- */

#headerpicture {
   height:253px;
   width:708px;
   margin:auto;
}

#imagerotate {
	float:right;
	position:relative;
	top:2px;
	left:-10px;
	height:240px;
	width:477px;
	position:absolute;
	top:6px;
	left:223px;
}




/* 
   -------------------------------------------------------------------------------
       Teachers Fieldset lists
   ------------------------------------------------------------------------------- */

.teacherlist {
   width:200px;
   margin-right:20px;
   float:left;
}

.stafflist {
   width:500px;
   margin-bottom:20px;
}




/* 
   -------------------------------------------------------------------------------
       SCRIPTURE BOX 
   ------------------------------------------------------------------------------- */

.scripture { background:url(/images/scripture_box_strip.jpg) repeat-y; width:463px; position:relative; z-index:-1; }
.scripture_top { background:url(/images/scripture_box_top.jpg) no-repeat; width:463px; position:relative; z-index:-1; }
.scripture_bottom { background:url(/images/scripture_box_bottom.jpg) no-repeat; width:463px;height:144px; margin-top:-145px; z-index:-1 ;position:relative; }


/* 
   -------------------------------------------------------------------------------
       LUNCH MENU
   ------------------------------------------------------------------------------- */

.lunchMenuItem { width:110px;height:100px;padding:8px; }
#calendar td{ font-family:verdana,arial,helvetica;background:#fff;font-size:13px;}
#calendar table{background:#aaa}
#calendar .row0 {background:#FAFAFA;}
#calendar .row1 {background:#F1F1F1;}
#calendar td.B {width:70px;height:70px;text-align:left;vertical-align:top;font-weight:bold;padding:2px;}
#calendar td.note {padding:2px;}
#calendar td.note span {padding:2px;}
#calendar td i {font-weight:normal;font-style:normal;}
#calendar .current {font-weight:bold;border:1px solid #000;}
#calendar .day {width:30px;background:#E3E3D5}   
#calendar .y {color:#fcfcfc;font-weight:bold;}   
#calendar #monthBrowser td,#calendar td#monthBrowser {background:#aaa;}
/* ToolTip for notes */ 
.toolbody {background-color:#fff;padding:5px;border:1px solid #666;width:150px;font-size:12px;}
/*Cells with notes*/ 
#calendar .note {background:#ccc;}
#calendar .note span {background:#D9DCDF;display:block;margin:0;height:100%} 
#calendar .note a {text-decoration:none}




/* 
   -------------------------------------------------------------------------------
       Left Side Block (CPCS Today)
   ------------------------------------------------------------------------------- */
.block {width:100%; background:url(/images/cpcs_today_top_bgd_grey.gif) left top repeat-x #fff;}
.block .top_tall { background:url(/images/top_tall.gif) left top repeat-x;}
.block .right_tall { background:url(/images/right_tall.gif) right top repeat-y;}
.block .bottom_tall { background:url(/images/bottom_tall.gif) left bottom repeat-x;}
.block .left_tall { background:url(/images/left_tall.gif) left top repeat-y;}
.block .left_top_corner { background: url(/images/cpcs_today_left_top_corner_grey.gif) no-repeat left top;}
.block .right_top_corner { background:url(/images/cpcs_today_right_top_corner_grey.gif) no-repeat right top;}
.block .right_bottom_corner { background:url(/images/right_bottom_corner.gif) no-repeat right bottom;}
.block .left_bottom_corner { background:url(/images/left_bottom_corner.gif) no-repeat left bottom;}
.block .inner { padding:4px 16px 32px 19px;}

h3 { color:#fff; font-size:20px; font-weight:bold; margin:0px; margin-bottom:34px;}

.leftheading { 
   font-size:22px;
   font-weight:bolder; 
   font-style:italic;
   line-height:1em; 
   color:#3165a6;
   text-transform:uppercase;
}

/* 
   -------------------------------------------------------------------------------
       BREADCRUMB MENU -- Appears beneath header image and above page content
   ------------------------------------------------------------------------------- */

	#breadcrumb {
		color: #000000;
		margin-left:100px;
		padding-top:8px;
		padding-bottom:12px;
		text-align:left;
		font-size:13px;
	}

	#breadcrumb ul {
		margin-left: 0;
		padding-left: 0;
		display: inline;
		border: none;
	} 

	#breadcrumb ul li {
		margin-left: 0;
		padding-left: 2px;
		list-style: none;
		display: inline;
	}

	#breadcrumb ul li a {
		color: #414141;
	}


	#breadcrumb ul li:last-child {
		color:blue;
	}


/* 
   -------------------------------------------------------------------------------
       Nav Bar (pagination)
   ------------------------------------------------------------------------------- */
.navbar {
   text-align:right;
   margin:10px;
}


/* 
   -------------------------------------------------------------------------------
       NEWS Formatting 
   ------------------------------------------------------------------------------- */

.news_list_item {
   cursor:pointer;
   background:#ffffff;
   padding:8px;
   margin:2px;
   border:1px solid #f5f5f5;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.news_list_item:hover {
   cursor:pointer;
   background:#f1f0e9;
   padding:8px;
   margin:2px;
   border:1px solid #e0e0e0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.article_header {
   padding:4px;
   margin-bottom:4px;
   border:1px ridge silver;
   background:#e0e0e0;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}

.article_title { 
   font-size:22px;
   font-weight:bolder; 
   font-style:italic;
   line-height:1em; 
   color:#4c6940;
   margin-bottom: 5px;
}

.news_article {
   padding:4px;
}


/* 
   -------------------------------------------------------------------------------
       EVENT Formatting 
   ------------------------------------------------------------------------------- */

#eventViewer {
	clear:both;
}

.event_header {
   padding:4px;
   margin-bottom:4px;
   border:1px ridge silver;
   background:#efefef;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}

.event_title { 
   font-size:18px;
   font-weight:bolder; 
   font-style:italic;
   line-height:1em; 
   color:#4c6940;
   margin-bottom: 5px;
}

.event_description {
   padding:4px;
}

.special { font-weight:bold; }


/* 
   -------------------------------------------------------------------------------
       SPORTS Formatting 
   ------------------------------------------------------------------------------- */

.sports-coaches {
   padding:6px;
   margin:0px 0px 10px 10px;
   border:1px ridge silver;
   background:#f5f5f5;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   width:300px;
}

.sports-links-box {
   padding:6px;
   margin:0px 0px 10px 10px;
   border:1px ridge silver;
   background:#f5f5f5;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   width:200px;
}

.sports_header {
   padding:4px;
   margin-bottom:4px;
   border:1px ridge silver;
   background:#efefef;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;

}

.sports_title { 
   font-size:22px;
   font-weight:bolder; 
   font-style:italic;
   line-height:1em; 
   color:#4c6940;
   margin-bottom: 5px;
}

.sports_preview {
   margin-top:20px;
   padding-bottom:10px;
   border-bottom:1px outset silver;
}

.sports_recap {
   margin-top:10px;
}

.sports_final {
   float:left;
   font-size:15px;
   font-weight:bolder;
}

.sports_score_school {
   float:left;
   font-size:18px;
   font-weight:bolder;
   width:200px;
}

.sports_score {
   float:left;
   font-size:15px;
   font-weight:bolder;
   text-align:right;
   width:60px;
}

.roster {
	float:left;
	margin:8px;
	width:300px;
	border:1px ridge #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.roster-number {
	font-weight:bolder;
	font-style:italic;
	font-size:36px;
	font-family:'Arial Black',arial,helvetica;
	color:#e0e0e0;
	position:relative;
	height:45px;
	top:1px;
	right:8px;
	z-index:-1;
	text-align:right;
}

.scoreboard-wrapper {
	border:1px ridge #c0c0c0;
	margin-right:15px;
	margin-bottom:15px;
	width:300px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.scoreboard-title {
	background:silver;
	font-weight:bold;
	padding:8px;
}

.scoreboard-content {
	padding:4px;
}



/* DID YOU KNOW */
.dyk {
   padding: 8px;
   border-bottom: 1px dashed #e0e0e0;
}


/* Twitter Updates */
.tweet {
   padding: 8px;
   border-bottom: 1px dashed #e0e0e0;
   font-size:9px;
}


/* Announcements */
.announcement {
   padding: 8px;
   border-bottom: 1px dashed #e0e0e0;
   font-size:12px;
   margin-bottom:4px;
}


/* 
   -------------------------------------------------------------------------------
       Generic Layout Stuff
   ------------------------------------------------------------------------------- */

a.campuslinks { 
	font-weight:normal;
	font-size:11px;
	color:gold; 
	text-decoration:none; 
}

.depart-arrive { 
	font-weight:italic;
	color:navy;
}

.sports-links {
	float:right;
	margin:0px 0px 10px 10px;
	padding:4px;
	width:140px;
	border:1px ridge silver;
	background: #f5f5f5;
	line-height:20px;
}


.tableheader {
	background:#006699;
	color:white;
}