﻿/* CSS layout */

/* change background image for all pages here */
#seasonBackground {
	background-image: url('pictures/backgrounds/live_green.gif');
}


#pageContainer {
	margin: 15 auto;
	height: auto;
	width: 750px;
}

#pageContainerCalendar {
	margin-left:auto; 
	margin-right:auto; 
	margin-top: 15; 
	margin-bottom: 15; 
	height: auto;  
	width: 1200px;
}


#masthead {
	width:auto;
	height: auto;
	left:auto;
	right:auto;
	padding:10px;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	background:#FFFFFF;
	margin-top:15px;
		
}

#mastheadCalendar {
	width:auto;
	height: 150px;
	left:auto;
	right:auto;
	padding:10px;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	background:#FFFFFF;
	margin-top:15px;
		
}


#top_nav {
}


#left_col {
	
	width: 200px;
	background:#FFFFFF;
	margin-top: 15px;
	height: auto;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	float:left;
	padding:10px;
}

#page_content {
	width: 450px;
	background:#FFFFFF;
	margin-top: 15px;
	height:auto;
	float: right;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	padding: 10px;
}

#page_content_scroll {
	width: 450px;
	background:#FFFFFF;
	margin-top: 15px;
	height:600px;
	overflow:scroll;
	float: right;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	padding: 10px;
}

#page_contentCalendar {
	width: 800px;
	background:#FFFFFF;
	margin-top: 15px;
	height:auto;
	float: right;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	padding: 10px;
}


#footer {
	
	clear:both;
	width: 750px; 
	background: #FFFFFF; 
	height: auto;
	font-size: large;
	color: #800080;
	text-align: center;
	padding:10px;
	font-weight:bold;
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
	top:inherit;
	margin-top:10px;
	margin-bottom:15px;
}

#h1  {
	font-size: x-large;
	color: #800080;
	text-align: center;
	font-weight: bolder;

}
#h2  {
	font-size: large;
	color: #800080;
	text-align: center;
	font-weight:bold;
	font-style: italic;
}

#h2noncenter {
	font-size:x-large;
	color: #800080;
	font-weight:bold;
	
}

#h2centerplain  {
	font-size: large;
	color: #800080;
	text-align: center;
	font-weight:bold;
}

#h2left {
	font-family: Corbel;
	font-size: medium;
	font-style: italic;
	color: #800080;
	padding: 5px;
	text-align: left;	
}

#h2left100 {
	font-family: Corbel;
	font-size: large;
	font-style: italic;
	font-weight:bolder;
	color: #800080;
	padding: 5px;
	text-align: left;	
}



#h3left {
	font-family: Corbel;
	font-size: large;
	font-style: italic;
	font-weight:bold;
	margin-left:40px;
	color: #800080;
	padding: 5px;
	text-align: left;	
}


#background {
	background-image: url('pictures/backgrounds/purple_background3.jpg');
	background-repeat: repeat;
	background-attachment: scroll;
	background-position-x: 0%;
	background-position-y: 0%;
}

body {
	text-align: center;	
}

#containerDiv {
position: relative;
width: 750px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#sectionBorders {
	border-left: medium outset #000000; 
	border-right: thick outset #000000; 
	border-top: medium outset #000000; 
	border-bottom: thick outset #000000;
}

#sectionMainBody {
	padding:5px;
	color: #800080;
	background:white	
}

#purpleline {
	color: #800080;
	text-align: left;
}

p.signature {
	margin-left: 200px;
	font-family: "Segoe Script";
	font-weight: bold;
	font-size: x-large;
}