@import "buttons.css";

html, body { 
	padding:0px;
	background-color: #1f1f1f;
	margin: 0px;
}



/* Header / Main Navigation */
#header {
	background: url(../images/carlisle-soccer-header.jpg) no-repeat;
	width: 788px;
	height: 206px;
	margin-top: 0px;
	margin-left: -394px;
	position: absolute;
	left: 50%;
	display: block;
}



/* Sub Navigation */
#subNav {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #505051;
	text-align: center;
	padding-top:7px;
	padding-bottom: 9px;
	display: block;
}

a.subNavLink:hover {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
}

a.subNavLink {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #505051;
	text-decoration: none;
	text-transform: uppercase;
}

#subNavDivLine {
	text-align: center;
	display: block;
}

#sectionTitle {
	text-align: center;
	display: block;
}



/* Main Content Pieces */
#contentAreaBG {
	background: url(../images/bg-main-tile.jpg) repeat-y;
	width: 788px;
	margin-top: 206px;
	margin-left: -394px;
	position: absolute;
	left: 50%;
	display: block;
}

#contentAreaHome {
	background: url(../images/bg-main.jpg) no-repeat;
	width: 788px;
	position: relative;
	float: left;
	display: block;
	clear: both;
	height: 600px;
}

#contentArea {
	background: url(../images/bg-main.jpg) no-repeat;
	width: 788px;
	position: relative;
	float: left;
	display: block;
	clear: both;
}

#contentAreaFooter {
	width: 788px;
	height: 16px;
	display: block;
}



/* Home Promos */
#homePromo {
	width: 423px;
	height: 422px;
	position: relative;
	top: 24px;
	left: 45px;
	float: left;
	display: block;
}

#homePromo02 {
	width: 251px;
	height: 108px;
	position: relative;
	top: 45px;
	left: -45px;
	float: right;
	display: block;
}



/* News Items */
#newsEventsArea {
	background: url(../images/bg-news-events.jpg) no-repeat;
	width: 251px;
	height: 367px;
	position: relative;
	top: 24px;
	left: -45px;
	padding-top: 55px;
	float: right;
	display: block;
}

#newsEventsArea #newsItem {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	padding-right: 22px;
	padding-left: 22px;
	display: block;
}

a.newsLink {
	font: italic 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #72e209;
	text-decoration: none;
}

a.newsLink:hover {
	color: orange;
	text-decoration: none;
}

#dottedLine {
	border-bottom: 1px dotted white;
	margin: 14px 22px;
	display: block;
}

#dottedLineBottom {
	border-bottom: 1px dotted white;
	margin: 14px 22px 3px;
	display: block;
}



/* Weather Module / Field Status */
#weatherModule {
	background: url(../images/bg-weather-module.jpg) no-repeat;
	width: 423px;
	height: 108px;
	position: relative;
	top: 45px;
	left: 45px;
	float: left;
	display: block;
}

#weatherModule #park {
	top: 10px;
	left: 10px;
	position: absolute;
	display: block;
}

#weatherModule #hotline {
	top: 10px;
	left: 144px;
	position: absolute;
	display: block;
}

#weatherModule #status {
	top: 44px;
	position: absolute;
	display: block;
}

#weatherModule #lastUpdated {
	top: 84px;
	left: 10px;
	position: absolute;
	display: block;
}

#weatherModule #liveWeather {
	position: relative;
	width: 161px;
	height: 108px;
	top: 0px;
	left: 262px;
	display: block;
}

#lwDay1{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
}

#lwDay2{
	position: absolute;
	top: 0px;
	left: 54px;
	display: block;
}

#lwDay3{
	position: absolute;
	top: 0px;
	left: 108px;
	display: block;
}

#lwDate{
	text-align: center;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	padding: 5px;
	display: block;
}

#lwIcon{
	position: relative;
	display: block;
}

#lwTemp{
	text-align: center;
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	padding: 5px;
	display: block;
}



/* Heading Styles */
.heading1 {
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #636363;
	text-transform: uppercase;
}

.heading2 {
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	text-transform: uppercase;
}

.heading3 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #636363;
	text-transform: uppercase;
}

.heading4 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	text-transform: lowercase;
}

.heading5 {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #66cc33;
}



/* Body Content Styles */
#contentType01 {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	line-height:18px;
	display: block;
	position: relative;
	float: left;
	left: 117px;
	width: 450px;
	padding:50px;
}

#contentType02 {
	display: block;
	position: relative;
	float: left;
	left: 50px;
	width: 100px;
	padding: 40px 30px 30px 0px;
}

#contentType03 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	display: block;
	position: relative;
	float: left;
	left: 50px;
	width: 240px;
	padding: 40px 30px 30px;
}

#contentType04 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	display: block;
	position: relative;
	float: left;
	left: 50px;
	width: 210px;
	padding: 40px 0px 30px 30px;
}

#contentType05 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	display: block;
	position: relative;
	float: left;
	left: 50px;
	width: 520px;
	padding: 40px 0 30px 30px;
	
}

#contentType06 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	display: block;
	position: relative;
	float: left;
	left: 50px;
	width: 170px;
	padding: 40px 30px 30px;
}

#contentType07 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	display: block;
	position: relative;
	float: left;
	left: 50px;
	width: 290px;
	padding: 40px 0px 30px 30px;
}

#contentType08 {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	display: block;
	position: relative;
	float: left;
	width: 788px;
	padding: 40px 0px 30px 0px;
	
}

#contentDivLine {
	width: 1px;
	display: block;
	float: left;
	position: relative;
	left: 50px;
}

#sideNavHeader {
	padding-bottom: 10px;
	padding-left: 0px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #999999;
	text-decoration: underline;
}

#sideNavLink {
	padding-bottom: 10px;
}

a.sideNavLink {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #505051;
	text-decoration: none;
	text-transform: uppercase;
}

a.sideNavLink:hover {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
}

a.sideNavLinkSel {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

a.sideNavLinkSel:hover {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
}

a.bodyLink01 {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #72e209;
	text-decoration: none;
}

a.bodyLink01:hover {
	color: orange;
	text-decoration: none;
}

#newsLink {
	padding-bottom: 20px;
}

.newsDate {
	font-weight: bold;
}

a.newsLinkInterior {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #676769;
	text-decoration: none;
	margin-bottom: 20px;
}

a.newsLinkInterior:hover {
	color: white;
	text-decoration: none;
}

#logo {
	width:108px;
	height:140px;
	position:absolute;
	left:340px;
	top:30px;
	border:none;
}



.rotator {
	width:423px;
	height:422px;
}
pre {
	display:none;
}