/***********************************************/
/* HTML and Selector tag styles */
/***********************************************/

html {
	height: 100%;
} /* This height 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page - you also have to put it in the BODY tag. You will also have to put a min-height tag in the container ID and create an explorer specific style that make this code work in Explorer in the PC - see the (* html #container) style below */

body {
	background-color: #D1D7D8;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #333333;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
} /* This height 100% tag makes the height of the page stretch to 100% so that when you define the container background color/image it will fill the height of the browser window independent of how much content fills the page */


* html #container {
  height: 100%;
}  /*This unusual style is talking directly to Explorer, having the asterix before makes it a style that will be called up by Explorer. We need this style in here so that the container will stretch to fill the whole page, it is another part of the puzzle that works with the addition of the height 100% tags above and on the container id. */

.footer a,.footer a:link {
	color: #999999;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
} /* You have to put any styles that you dont want to overide the basic link colors throughout the site above the standard a:link styles */


.footer a,.footer a:visited {
	color: #999999;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
}

.footer a,.footer a:hover {
	color: #336699;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
}

.solutions a,.solutions a:link {
	color: #336699;
	text-decoration: none;
} /* You have to put any styles that you dont want to overide the basic link colors throughout the site above the standard a:link styles */


.solutions a,.solutions a:visited {
	color: #336699;
	text-decoration: none;
}

.solutions a,.solutions a:hover {
	color: #CC3300;
	text-decoration: none;}


a:link {
	color: #993300;
}

a:visited {
	color: #993300;
}

a:hover {
	color: #996600;
}

h1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CC3300;
	margin-bottom: -5px;
	text-transform: uppercase;
}

h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #336699;
	margin-top: 15px;
	margin-bottom: -5px;
}

p {
	margin-top: 6px;
}

input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	border: thin solid #999999;
} /* This is where you can define the field look for your forms */

textarea {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
	border: thin solid #999999;
} /* This is where you can define the field look for your forms */

select {
	font-size: 11px;
	color: #333333;
	border: thin solid #999999;
} /* This is where you can define the dropdown look for your forms */

ul {
	list-style-position: outside;
	margin-top: 5px;
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
}

ol {
	list-style-position: outside;
	margin-top: 5px;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container {
	width: 722px;
	height: auto;
	margin: auto;
	min-height: 100%;
	background-color: #FFFFFF;
}

#content {
	background: transparent url(images/back.gif)
}

#header{
	width:722px;
	height: 97px;
	float:left;
}

#navigation {
	width: 722px;
	height: 20px;
}

#column1{
	width:127px;
	float:left;
}

#column1Text{
	margin-left: 8px;
	margin-top: 15px;
}

#column2{
	width:466px;
	float:left;
}

#column2Text{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
}

#column3{
	width:129px;
	float:left;
	background-color: #F5F8FB;
}

#column3Text{
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 15px;
	background-color: #F5F8FB;
}

#foot {
	clear: both;
	text-align: center;
	background: transparent url(images/white_back.gif)
}


#timely{
	width: 420px;
	background-image:url(photos/timely_back.gif)
}


/***********************************************/
/* Classes */
/***********************************************/

.footer {
	color: #999999;
	text-align: center;
	font-size: 10px;

}

.backtop {
	color: #993300;
	font-size: 10px;
	text-align: right;
	line-height: 14px;
}

.solutions {
	color: #336699;
}

.border {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
}

p.border {
	margin-top: 0px;
	margin-bottom: 4px;
}

.error {
	font-size: 9.5px;
	color: #CC3300;
}

.cellcolor1 {
	background-color: #F1F5F8;
}

.cellcolor2 {
	background-color: #F8F5F2;
	
}

.tablesubhead {
	font-weight: bold;
	color: #336699;
}

.bullet {
	color: #CC3300;
}

.tablesubhead2 {
	font-weight: bold;
	color: #CC3300;
}

.dotsborder {
	border: thin dotted #CC3300;
}

.bluetext {
	color: #336699;
}

.orangetext {
	color: #CC3300;
}



/* Left and right large quotes */
.lquote {
	font-family: times new roman, georgia, serif;
	font-size: 28pt;
	font-weight: bold;
	color: #CC3300;
	position: relative;
	top: .3em;
	line-height: .8em; /*0;*/
}
.rquote {
	font-family: times new roman, georgia, serif;
	font-size: 32pt;
	font-weight: bold;
	color: #CC3300;
	position: relative;
	top: .3em;
	font-size: 28pt;
	line-height: 0;
}
/* Alternate quote color */
.quotecolor1 {
	color: #336600;
	font-style: italic;
}

.quotee {
font: 10px/15px Arial, Helvetica, sans-serif;
	color: #333300;
}

#quote {
width: 110px;

}