/* --- Import Sitewide Styles
-------------------------------------------------------*/
@import url("master.css");




h2 {
	text-indent: -9999px;
	height: 24px;
	margin-bottom: 6px;
	background-color: #000;
	background-repeat: no-repeat;
	}



/* --- Feature Area
-------------------------------------------------------*/

#feature_area {
	position: relative;
	height: 245px;
	}
	
	#feature_area #flash_feature {
		position: absolute;
		left: 0;
		top: 0;
		width: 435px;
		height: 245px;
		}
	
	#feature_area #image_feature {
		position: absolute;
		right: 0;
		top: 0;
		}


/* --- Journal
-------------------------------------------------------*/

#journal {
	width: 264px;
	margin-right: 8px;
	}
	
	h2.journal { background-image: url(../../_images/rec_center/titles/journal.gif); }
	
	/* --- | Article | --- */
	
	#journal .article {
		margin-bottom: 15px;
		padding: 0 6px 15px 3px;
		border-bottom: 1px solid #393939;
		}
		
		#journal .article h3 {
			margin-bottom: 8px;
			}



/* --- Events
-------------------------------------------------------*/

#events {
	width: 224px;
	margin-right: 9px;
	}
	
	h2.events { background-image: url(../../_images/rec_center/titles/events.gif); }
	
	/* --- | Calendar | --- */
	
	#calendar {
		width: 220px;
		margin: 5px 0 19px;
		border-collapse: collapse;
		border: 3px solid #000;
		}
		
		#calendar tr { }
		
			#calendar tr td {
				font-family: Arial, Helvetica, Sans-Serif;
				font-weight: bold;
				text-align: center;
				text-transform: uppercase;
				}
		
		/* --- | Year | --- */
		
		#calendar tr.year td {
			font-size: 16px;
			height: 23px;
			background: #2f2f2f;
			}
			
			/* --- | Arrows | --- */
			
			#calendar tr.year td.arrow {
				zwidth: 52px;
				text-indent: -9999px;
				}
				
				#calendar tr.year td.arrow a 
				{
					width: 52px;
					display: block;
					height: 23px;
					
					}
					
					#calendar tr.year td.arrow a:hover {
						background-color: #ff6702;
						}
			
			#calendar tr.year td.previous a { background: url(../../_images/rec_center/arrow_left.gif) no-repeat 8px 8px; }
			#calendar tr.year td.next a { background: url(../../_images/rec_center/arrow_right.gif) no-repeat 39px 8px; }
		
		/* --- | Months | --- */
		
		#calendar tr.months td {
			zwidth: 55px;
			height: 28px;
			border-right: 1px solid #2f2f2f;
			border-bottom: 1px solid #2f2f2f;
			}
			
			#calendar tr.months td a {
				line-height: 28px;
				color: #bbcad8;
				width: 55px;
				display: block;
				height: 28px;
				margin: 0 !important;
				}
				
				#calendar tr.months td a:hover {
					color: #fff;
					background: #ff6702;
					}
	
	/* --- | Past Journal Entries | --- */
	
	#past_journal_entries {
		position: relative;
		width: 224px;
		height: 64px;
		margin-bottom: 15px;
		background: #000;
		}
		
		#past_journal_entries h2.past_journal_entries {
			height: 22px;
			background-image: url(../../_images/rec_center/titles/past_journal_entries.gif);
			}
		
		#past_journal_entries #keyword {
			font-family: Arial, Helvetica, Sans-Serif;
			font-size: 10px;
			color: #fdfafa;
			position: absolute;
			left: 16px;
			top: 34px;
			width: 116px;
			padding: 1px 0 2px 5px;
			background: none;
			border: 1px solid #404040;
			}
		
		#past_journal_entries .submit {
			position: absolute;
			left: 146px;
			top: 34px;
			}
	
	/* --- | Past Entries | --- */
	
	#past_entries { }
	
		#past_entries ul {
			list-style: none;
			margin-bottom: 12px;
			padding-bottom: 1em;
			border-bottom: 1px solid #393939;
			}
		
			#past_entries ul li {
				margin-bottom: 1em;
				padding-left: 19px;
				background: url(../../_images/bullet_orange.gif) no-repeat 7px 6px;
				}
	
	/* --- | Pagination | --- */
	
	#events .pagination {
		font-size: 10px;
		font-weight: bold;
		color: #393939;
		position: relative;
		width: 224px;
		}
		
		/* --- | Arrows | --- */
		
		#events .pagination span.previous,
		#events .pagination span.next {
			text-indent: -9999px;
			position: absolute;
			top: 0;
			display: block;
			width: 20px;
			height: 20px;
			}
			
			#events .pagination span.previous a,
			#events .pagination span.next a {
				display: block;
				height: 20px;
				}
		
		#events .pagination span.previous {
			left: 7px;
			background-image: url(../../_images/rec_center/arrow_previous.gif);
			}
		
		#events .pagination span.next {
			right: 7px;
			background-image: url(../../_images/rec_center/arrow_next.gif);
			}
		
		/* --- | Numbers | --- */
		
		#events .pagination .pages {
			text-align: center;
			position: absolute;
			left: 20px;
			width: 184px;
			}



/* --- Check It
-------------------------------------------------------*/

#check_it {
	width: 223px;
	}
	
	h2.check_it { background-image: url(../../_images/rec_center/titles/check_it.gif); }
	
	/* --- | Article | --- */
	
	#check_it .article {
		margin-bottom: 10px;
		padding: 6px 7px;
		background: url(../../_images/stripes_bg.gif) repeat;
		}
	#check_it .article h3 
	{
		color: #FF6702;
	}
	
	 .article img { display: block; }