/*
=============================================================
Knotty Alder

All code contained herein is the property of Knotty Alder,
and its use is prohibited.
=============================================================
*/

/*
=============================================================
HTML OBJECTS
=============================================================
*/

body {
	position: relative;
	background: url(../images/bg_repeat.gif) repeat-x;
}

/*
============================================================
HEADER OPTIONS
============================================================
*/

#header{
	position: relative; width: 800px; height: 130px;
	margin: 0 auto;
}

#quotes {
	position: absolute; top: 65px; left: 275px; width: 415px; height: 4em; overflow: hidden;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
}

#quotes a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#quotes a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#quotes a:hover {
	color: #000000;
}
	
/*
============================================================
FOOTER OPTIONS
============================================================
*/

#footer {
	clear: both;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#footer a:link {
	color: #000000;
	text-decoration: none;
}

#footer a:visited {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}

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

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

/*
=============================================================
LEFT SIDE BAR OBJECTS
=============================================================
*/

#sideBarLeft {
	float: left;
	width: 125px;
}

#sideBarLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sideBarLeft li {
	width:100%;
	display: block;
	padding: 10px 0px 2px 0px;
	font-weight: bold;
	text-align:right;
}

#sideBarLeft li a {
	horizontal-align: left;
	width:94%;  
	display: block; 
	padding: 2px;
}

#sideBarLeft li a:link {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dashed #5b7aa4;
	font-weight: normal;
}

#sideBarLeft li a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dashed #5b7aa4;
	font-weight: normal;
}

#sideBarLeft li a:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #e3e3e3;
	font-weight: normal;
	border-bottom: 1px dashed #5b7aa4;
	text-decoration: none;
}

.sideBarTitle {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #000000;
}

/*
=============================================================
BODY OBJECTS
=============================================================
*/

#main {
	position: absolute; top: 130px; left: 0; width: 788px;
	padding: 5px;
	border-style: solid; border-width: 1px; border-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
}

/* Hold all of the information to the right of the left side bar. The information is then broken up into sub categories. */
#content {
	float: right;
	width: 633px;
	padding: 10px;
}

#content a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#content a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.innerContent {
	float: left; 
	width: 100%;
	border: 1px solid #000000;
}

.innerPadding {
	padding: 5px;
}

.title {
	font-size: 13px; font-weight: bold; color: #000000;
	padding: 5px;
	border-bottom: 1px solid #000000;
	background: url(../images/title_repeat.gif) repeat-x; background-color: #5b7aa4;
}

.error {
	font-size: 12px; text-align: center; font-weight: bold;
	color: #FF0000; 
	border: 2px double #FF0000;
	padding: 10px;
}

.success {
	font-size: 12px; text-align: center; font-weight: bold;
	color: #5b7aa4;
	border: 2px double #5b7aa4;
	padding: 10px;
}

#errorMessage {
	float: left;
}

.smallText {
	font-size: 10px;
	padding: 5px;
}

/*
=============================================================
NEWS OBJECTS
=============================================================
*/

.newsDate {
	font-size: 12px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
}

.newsTitle {
	font-size: 15px;
	color: #5b7aa4;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 15px;
}

.newsArticle {
	word-spacing: 1px;
	padding-bottom: 5px;
}

.newsSig {
	font-size: 10px;
	border-top: 1px dashed #000000;
	padding-bottom: 10px;
}

.avatar {
	padding-top: 25px;
	padding-bottom: 5px;
}

/*
=============================================================
PHOTOGALLERY OBJECTS
=============================================================
*/

.picCell {
	padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px;
	border: 0px solid #FFFFFF;
}

.iconPic {
	border: 1px solid #000000;
}

.iconPic a:link {
	border: 1px solid #000000;
}

.iconPic a:visited {
	border: 1px solid #000000;
}

.picCaption {
	font-size: 10px;
	padding-left: 10px;
}

<!-- Created primarily for the photogallery, but used else where through out the site. -->
.break {
	padding-bottom: 5px;
}

/*
=============================================================
FORM OBJECTS
=============================================================
*/

INPUT, TEXTAREA, SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	background-color: #FFFFFF;
	padding: 2px;
	border: solid 1px #000000;
}

INPUT.button {
	background-color: #bbbbbb;
}

INPUT.bold {
	background-color: #bbbbbb;
	font-weight: bold;
}

INPUT.italic {
	background-color: #bbbbbb;
	font-style: italic;
}

INPUT.underline {
	background-color: #bbbbbb;
	text-decoration: underline;
}

INPUT.required {
	background-color: #FFFF66;
}

TEXTAREA.required {
	background-color: #FFFF66;
}

SELECT.required {
	background-color: #FFFF66;
}

INPUT.smallText {
	font-size: 10px;
}

OPTION {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	border: solid 1px #000000;
}

/*
=============================================================
REFERENCE OBJECTS
=============================================================
*/

.reference a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.reference a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.reference a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
	cursor: help;
}