/* 
CSS file for Grace Lutheran Preschool
**********************************************
Global Styles
these style define basic text elements
**********************************************
 */
	
body {
	background-image: 
	url(/images/bkgd_preschool.gif);
	background-repeat: 
	no-repeat;
	background-attachment:  
	scroll;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191150;
	line-height: normal;
	margin:0 auto 0 auto;
}


li {
	color: #191150;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:normal;
	line-height:normal;
	padding:5px;
	border: none;
	border-right-width: 0px;
	border-left-width: 0px;
	list-style-image:url(/images/bullet.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	white-space: inherit;
	margin: 5;
	}
	
mail{
	font:22px georgia;
	color: #000000;
	line-height:26px;;
	position:absolute;
	left:50px;
	top:300px;
	}
	
legend {
	font:14px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:16px;
	}	
p {
	color:#191150;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	

td {
	color:#191150;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
		}
	
hr {
	height:1px; 
	color: #191150;
	}
	
a {
	font-family:inherit;
	color: #000066;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:inherit;
	line-height:normal;
	display:inline;
	padding:5px;
	border: none;
	border-right-width: 0px;
	border-left-width: 0px;
	font-variant: normal;
	font-style: normal;
	background-attachment: fixed;
	font-size: inherit;
	font-stretch: normal;
	}
	

a:hover {
	text-decoration:underline;
	color: #C63223;
	}
	
label {
	font:11px arial;
	color::#003399;
	line-height:18px;
	}

acronym{
	border-bottom:1px dotted #191150;
	cursor:help;
	}

h6	{
	valign: top;
	font-family: Myriad Pro, Gill Sans, Arial, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
	color: #0073B2;
	line-height: 1;
	margin-top: 4px;
	padding: 0px;
	}

h5	{
	font-family: Adobe Caslon, Palatino, Times New Roman, serif;
	font-family: Myriad Pro, Gill Sans, Arial, Geneva, sans-serif; 
	font-size: 11px;
	color: #C6322C;
	}
		

h4	{
	font-family: Myriad Pro, Gill Sans, Arial, Geneva, sans-serif; 
	font-size: 12px;
	color: #191150;
	margin-bottom:0px;
	}
		
h3	{
	font-family: Adobe Caslon, Palatino, Times New Roman, serif;
	font-family: Myriad Pro, Gill Sans, Arial, Geneva, sans-serif; 
	font-size: 16px;
	color: #191150;
	}
h2	{
	font-family: Myriad Pro, Gill Sans, Arial, Geneva, sans-serif;
	font-family: Myriad Pro, Gill Sans, Arial, Geneva, sans-serif; 
	font-size: 18px;
	color: #191150;
	}
	
	
/*
**********************************************
 ID Styles
 these styles specify the format and location
 of design elements
**********************************************
 */

#heading { 
	position:absolute
	width:700px;
	left:10px;
	top:20px;
	z-index:2;
	max-height:130px;
	vertical-align:top;
	border:none;
	width: 690px;
	position: absolute;
	visibility: visible;
	background-attachment: fixed;
	}

#application {
	position:absolute;
	width:775px;
	left:5px;
	top:200px;
	padding:10px;
	overflow:auto;
	z-index:100;
	max-height:575px;
	height: 563px;
	vertical-align:top;
	}


#textfield {
	font:13px arial;
	color:#000000;
	line-height:14px;
	right:650px;
	width:auto;
	margin:2px;
	}
	
#container {
	position:absolute;
	width:675px;
	left:2px;
	top:232px;
	padding:5px;
	overflow:auto;
	z-index:3;
	max-height:410px;
	height: auto;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191150;
	line-height: normal;
	font-style: normal;
	margin-left: 300px;
	}

#wideContainer {
	position:absolute;
	width:980px;
	left:2px;
	top:232px;
	padding:5px;
	overflow:auto;
	z-index:3;
	max-height:410px;
	height: auto;
	vertical-align:top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191150;
	line-height: normal;
	font-style: normal;
	margin-left: 15px;
	}

#sidebar {
	position:absolute;
	width:285px;
	height:460px;
	left:15px;
	top:400px;
	background-color:#99CCCC
	font:11px georgia;
	color: #191150;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:16px;
	display:block;
	padding:3px;
	border: none;
	border-right-width: 0px;
	border-left-width: 0px;
	overflow:hidden;
	z-index: 100;
	}
	
#sidebarInset {
	position:absolute;
	width:272px;
	height:460px;
	left:710px;
	top:300px;
	background-color:#99CCCC
	font:11px georgia;
	color: #191150;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:16px;
	display:block;
	padding:3px;
	border: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	overflow:auto;
	z-index: 101;
	}
	
#narrowRule {
	position:absolute;
	width:1px;
	height:550px;
	left:150px;
	top:200px;
	visibility: visible;
	}

#topNavigation {
	position: absolute;
	width: 690px;
	height: 25px;
	left: 300px;
	top: 180px;
	z-index: 1000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
	}
#footer {
	color: #0073B2;
	list-style-position: outside;
	list-style-image: url(/images/bullet.gif);
	position: absolute;
	width: 680px;
	height: 72px;
	left: 0px;
	bottom: 735px;
	z-index: 4;
	top: 650px;
	table-layout: auto;
}
.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	text-align: inherit;
	vertical-align: inherit;
	word-spacing: normal;
	position: inherit;
}
	
#navigation a:hover {
	color:#191150;
	border: 1pt dotted;
	border-right-width: 0px;
	border-left-width: 0px;
	position: absolute;
	}
	
#links {
	position:absolute;
	width:150px;
	left:5px;
	top:200px;
	border:0px;
	visibility: visible;
	}
	
#sidebarFooter {
	padding: 4px 4px 4px 4px;
	position: absolute;
	width: 275px;
	height: auto;
	top: 665px;
	left: 770px;
	z-index: 502;
	}

#logo {
	font:18px georgia;
	color: #CC3300;
	line-height:24px;
	letter-spacing:.4em;
	}

#tagline {
	font:12px georgia;
	color: #CC3300;
	line-height:18px;
	letter-spacing:.4em;
	}
	
#dateformat a {
	color:#99CCFF;
	font:11px georgia;
	color: #99CCFF;
	letter-spacing:.2em;
	text-decoration:none;
	font-weight:bold;
	}
	
#dateformat a:hover {
	color: #ffffff;
	}
	
#comprose {
	position: absolute;
	z-index: 501;
	height: auto;
	width: auto;
	left: 702px;
	top: 630px;
}

/* 
**********************************************
Class Styles:
these styles further define text elements
**********************************************
 */

.bodyText {
	font:11px arial;
	color:#191150;
	line-height:normal;
	margin-top:5px;
	vertical-align:text-middle;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	}
	
.pageName{
	color: 006699;
	line-height:normal;
	letter-spacing:0.1em;
	text-transform: uppercase;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	position: relative;
	}
	
.subHeader {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	}	
	
.sidebarHeader {
	font:14px georgia;
	color: #003399;
	font-weight:bold;
	letter-spacing:normal;
	line-height:16px;
	}	
	
.emphasis {
	color: #CC3300;
	font-weight: bold;
	line-height:inherit;
	letter-spacing:.05em;
	margin-top:5px;
	vertical-align:text-middle;
	}

.detailText {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}
	
.smallText {
	color:#191150;
	font-family: arial;
	font-size: 10px;
	}
	
.mp_backlinks {
	font:11px arial;
	color:#ffffff;
	line-height:16px;
	letter-spacing:.1em;
	}

.spaced	  {
	font-size: inherit;
	line-height: 2;
	margin: 4px;
	padding: 6px;
	}

.nospace {padding-top:0;margin-top:0;}