@charset "UTF-8";
/* CSS Document */

/* -- Crater High School --*/

/* ------- Main Content Styles -- Two Column Layout w/footer -- */


/* -- Sidebar Styles -- */

#sidebar {
	float: left;
	padding-bottom: 1em;
	width: 220px;
	border-bottom: 1em;
	background:#FC6;
}

#sidebar h1 {
	margin: 1em 1em 1em 0;
	padding-left: .25em;
	font-size: 1.2em;
	border-bottom: 1px solid;
}

#sidebar p.contact {
	padding: .5em;
}

#sidebar p.date {
	margin-left: .5em;
	font-weight: bold;
	font-size: 1em;
}

#sidebar p.event {
	margin: .5em 1em;
	font-size: 90%;
}


#sidebar ul {
	list-style: none;
}

#sidebar ul li {
	margin: 1em .5em;
	padding-left: 15px;
	
}


#sidebar ul li.offset {
	margin-left: 1em; margin-top: -1em;
	font-size: .75em;
	background: none;
}

#sidebar ul li a {
	padding-left: 15px;
	text-decoration: none;
	color: #000;
	background: url(../images/triangle.png) no-repeat left center;
}

#sidebar ul a:hover {
	color: #F60;
	text-decoration: underline;
}

#sidebar ol li {
	padding: .5em;
	list-style: none;
	font-size: 1.25em;
	color: #333;
	background: none;
}


/* -- Content Styles -- */

#content {
	float: right;
	width: 680px;
	padding-bottom: 1em;
	background: url(../images/content_bg.png) repeat-x top left;
	
}

#content h1 {
	padding: .25em;
	font-size: 1.5em;
}

#content h2 {
	padding: .25em;
	font-size: 1.25em;
}

#content h3 {
	padding: .25em;
	font-size: 1.15em;
	font-variant: small-caps;
	color: #333;
}

#content p {
	padding: .25em;
	line-height: 1.5em;
}

#content b.first {
	font-size: larger;
	font-weight: bold;
}	

#content a:hover {
	color: #F60;
}

.imgspacing {
	padding: .5em;
}

.colorchange {
	color: #F60;
	font-weight: normal;
}


/* -- Footer Styles -- */

#footer {
	clear: both;
	width: 900px;
	height: 28px;
	background: url(../images/top_header_bg.png) repeat-x top left;
	border-top: 2px solid;	
}

#footer ul {
	margin: 0 1em;
	list-style: none;
}

#footer ul li {
	float: left;
}

#footer ul a {
	padding: 0 1.1em;
	font-size: 14px;
	line-height: 1.5em;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
	
}

#footer ul a.first {
	background: none;
}

#footer ul a:hover {
	color: #FC6;
}

.facebookLogo {
	margin: .25em auto;
}

.facebookLink{
	text-decoration: none;
	color: #000;
}

a:hover.facebookLink {
	color: #F60;
}

a img {
	border: none;
}