﻿body {
height:100%;
background-color: white; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0;
}
#content {
display:block; 
height:100%; 
max-height:100%; 
overflow:auto;
padding-left:180px;
padding-top:0px; 
position:relative; 
z-index:3;
}
#container {
	margin: 0px auto;
	width: auto;
}
#head {
	position: fixed;
	margin: 0;
	top: 0;
	right: 18px;
	display: block;
	width: 100%;
	height: 100px;
	border-bottom: 6px solid #FF9900;
 	background: url('images/LogoSpringGdns.jpg') #ddd;
 	background-position: 18px 0px;
	background-repeat: no-repeat;
	font-size: 3em;
	z-index: 4;
	color: #CC0000;
}
#navigation {
	background-color: #EEEEEE;
	margin-left: 170px;
	margin-top:72px;
	font-size: small;
}
html>body #navigation {
	overflow: hidden;
}
#content_container {
	background-color:#FFFFFF;
	padding: 0px;
}
#column_left {
	float: left;
	min-width: 150px;
	width:80%;
	padding: 5px 5px 5px 5px;
	background-color: white;
	overflow: hidden;
}
#column_right {
	border-left: 1px solid #E3DFE2;
	border-right: 18px solid white;
	float:right;
	width:160px;
	padding:5px 5px 5px 5px;
	background-color:white;
}
/* Styles for head */
#head h1 {
	margin-bottom: 0;
	color: #800000;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: -30px;
}
#head h3 {
	margin-top: 70px;
	background-color:aqua;
	color: #000000;
	margin-bottom: -32px;
	text-indent: 5em;
	padding: 0 5px 0 0;
}
#head a {
	color: #0000FF;
	text-decoration: none;
}
#head a:hover {
	color: #800000;
}
#head p {
	padding:0 5px 0 0;
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 80%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	margin: 0 1px;
	padding: 5px;
	display: block;
	border: 1px solid #eee;
	color: #000;
	text-decoration: none;
}
#navigation a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f93;
	border: 1px solid #f93;
}
#foot {
	position: fixed;
	margin: 0;
	padding: 0 0 5px 0;
	bottom: -1px;
	right: 18px;
	display: block;
	width: 100%;
	height: 60px;
	background: #00FFFF;
	color: #000000;
	text-align: right;
	font-size: 0.75em;
	z-index: 4;
}
#foot p {
	padding:2px 5px 2px 0;
}
#left {
position:fixed; 
left:0; 
top:100px; 
height:100%; 
width:152px; 
/* background:url('images/SeanCreighton.jpg') #aaa; */
background-position:0px 100px;
background-color:black; 
font-size:8pt; 
color:#fff;
z-index:3;
}

* html #left {
position:absolute;
}

* html #foot {
position:absolute;
}

* html #head {
position:absolute;
}

#pad1 {
display:block; 
width:198px; 
height:70px; 
float:left;
}
#pad3 {
display:block; 
width:18px; 
height:50px; 
float:left;
}
.pad4 {
display:block; 
width:18px; 
height:50px; 
float:left;
clear:both
}
.pad2 {
display:block;
width: 18px; 
height:106px;
}
#pad5 {
	width: 18px;
	height: 6px
}
#content p {
	padding: 5px;
	margin-right: 30px;
}

.bold {
font-size:1.2em; 
font-weight:bold;
}
#tableleft {
	float: none;
	top: 100px;
	left: 150px;
	height: 330px;
	width: 95%;
	background: #efd;
	border: 1px solid #000;
	margin: 5px;
	padding: 5px;
	overflow: auto;
}
#textblock {
	font: normal normal bold 100%;
	float: right;
	margin: 6px 5px 0 0;
	color: #677BCB;
}
#wordsleft {
float:left; 
top:100px; 
left:150px; 
height:auto; 
width:auto; 
background:#efd; 
border:1px solid #000; 
margin:5px; 
padding:5px;
}
#wordsright {
float:right; 
top:100px; 
right:150px; 
height:auto; 
width:150px; 
background:#def; 
border:1px solid #000; 
margin:5px; 
padding:5px;
}
#wordsabsolute {
position:absolute; 
top:280px; 
left:400px; 
background:#eee; 
border:1px solid #000; 
margin:5px; 
padding:5px; 
font-size:2em; 
color:#c00;
}
#wordsrelative {
position:relative; 
top:10px; 
left:30px; 
background:#ddd; 
border:1px solid #000; 
margin:5px; 
padding:5px; 
font-size:2em; 
color:#c00; 
width:200px;}

a.nav:visited {
	display: block;
	width: 138px;
	height: 25px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
}

a.nav {
	display: block;
	width: 138px;
	height: 25px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
}
#left ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}
#left li {
	display: block;
	border: 1px #7C8DD3 solid;
}
#left a {
	font-weight: bold;
	text-decoration: none;
	color: #7C8DD3;
	padding: 4%;
	display: block;
	border-bottom: 1px #000000 solid;
}
#left a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #393939;
	border-bottom: 1px solid #f5f5f5;
	background-color: #67D5F6;
}
a {
	color: #677BCB;
}
a:hover {
	color: #FF9933;
}
a.nav:hover {color:#fc0;}
/* Styles for Right Column */
#column_right h4 {
	color: #3F58BC;
	margin-top: 0px;
}
#column_right p {
	color: #444444;
	margin-top: 0px;
	margin-bottom: 0px;
}
#column_right a {
	color: #677BCB;
}
#column_right a:hover {
	color: #FF9933;
}
/* Styles for Left Column */
h1 {
	font-size: xx-large;
	color: #000000;
	margin-top: 0px;
}
h2 {
	font-size: x-large;
	color: #111111;
	margin-top: 0px;
}
h3 {
	font-size: large;
	color: #222222;
	margin-top: 0px;
}
h4 {
	font-size: medium;
	color: #333333;
	margin-top: 0px;
}
h5 { 
	font-size: x-small;
	margin-top: 0px;
}
h6 { 
	font-size: xx-small;
	margin-top: 0px;
}
a {
	color: #677BCB;
}
a:hover {
	color: #800000;
}
