﻿/* begin IE6 hack to force the bottom div to the bottom */
* html, * body, * form, * #ieFix
{
	height: 100%;
}
/* end IE6 hack */
/* page styles */
html
{
	overflow: scroll;
}
body, div, fieldset, h1, h2, h3, h4, h5, h6, img
{
	padding: 0;
	margin: 0;
	border: 0;
}
body, textarea
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
body
{
	font-size: 78%; /* Font sizing. If you want to change anything, just change this. Don't go below 76% */
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(Images/bg.png); /* faux column */
	background-repeat: repeat-y; /* faux column */
	min-width: 770px;
}
a
{
	text-decoration: none;
	color: #2461BF;
	cursor: pointer;
}
a:link
{
}
a:visited
{
}
a:active
{
}
a:hover
{
	text-decoration: underline;
}
#pageHeader
{
	padding: 5px;
	background-color: #FFFFFF;
}
#pageHeader .loginStatus
{
	float: right;
	margin-right: 2px;
}
#pageHeader .loginName
{
	float: right;
	margin-right: 2px;
}
#pageHeader .demo
{
	float: right;
	clear: right;
	margin-top: 1em;
}
#breadCrumbs
{
	padding: 3px 0 3px 0;
	border-top: solid 2px #2461BF;
	border-bottom: solid 2px #2461BF;
	background-color: #FFFFFF;
	min-width: 750px;
}
#breadCrumbs a
{
	padding: 3px 4px 3px 4px;
}
#breadCrumbs a:hover
{
	text-decoration: none;
	background-color: #2461BF;
	color: White;
}
#pageMenuHolder
{
	float: left;
	width: 200px;
}
.pageMenu
{
	float: left;
	width: 200px;
}
.pageMenu a:hover
{
	text-decoration: none;
}
.pageMenu .staticItem, .pageMenu .dynamicItem
{
}
.pageMenu .staticItem td, .pageMenu .dynamicItem td
{
	padding: 3px 4px 3px 4px;
}
.pageMenu .staticSelected, .pageMenu .dynamicSelected
{
	background-color: #2461BF;
	color: #FFFFFF;
}
.pageMenu .dynamicMenu
{
	border: solid 1px #2461BF;
}
.pageMenu .dynamicMenu table
{
	padding: 0;
}
.pageMenu .dynamicHover, .pageMenu .staticHover
{
	background-color: #2461BF;
	color: White;
}
#pageContent
{
	margin-left: 202px; /* faux column width */
	padding: 1em;
	float:right;
	position:absolute;
	width:700px;
}
.pageHolder
{
	width:900px;
	margin:auto;
}
#pageFooter
{
	position: fixed;
	bottom: 0;
	width: 900px;
	border-top: solid 2px #2461BF;
	background-color: #FFFFFF;
	clear: both;
	font-size: .8em;
	text-align: center;
	padding: 2px 4px 2px 4px;
}
fieldset
{
}
fieldset.border
{
	border: solid 1px #2461BF;
}
fieldset h4, fieldset h5
{
	background-color: #2461BF;
	color: White;
	font-weight: bold;
	margin: 0;
	padding-left: 4px;
	padding-right: 4px;
}
fieldset > div
{
	padding: 1em;
}
fieldset table
{
}
fieldset table th
{
	text-align: right;
	white-space: nowrap;
	padding: 2px;
	vertical-align: top;
	width: 15%;
}
fieldset table td
{
	padding: 2px;
	vertical-align: top;
}
input[type="text"], input[type="password"], select, textarea
{
	border: solid 1px #2461BF;
	padding: 1px;
}
input, select, textarea
{
	font-size: .8em;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus
{
	background-color: #F0F0FF;
}
#thumbs
{
	width: 80%;
	text-align: center;
	margin: 0 auto 0 auto;
	display:inline;
	
}
#thumbs div
{
	float:left;
	margin: 5px;
	text-align: center;
	width: 250px;
	font-weight: bold;
	font-size: .8em;
	border: solid 1px #2461BF;
}
#thumbs div.double
{
	width: 512px;
}
#thumbs div.triple
{
	width: 774px;
}
img.state
{
	float: left;
}
p.testimonial
{
	margin-left: 100px;
}
/* utility classes */
.clear
{
	clear: both;
}
.left
{
	text-align: left;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.floatRight
{
	float: right;
}
.floatLeft
{
	float: left;
}
.submitted
{
	color: Blue;
	font-size: 1.2em;
}
.scroll
{
	overflow: scroll;
	width: 100px;
}
.error
{
	color: Red;
}
.demo
{
	font-weight: bold;
	font-size: 1.6em;
}
.nowrap
{
	white-space: nowrap;
}
