﻿/*
* DEFINE PAGE LAYOUT
*/

html {		height: 100%;
			padding: 0; 
			margin: 0 auto;
			background: gray url('../images/newbg.jpg');
	  }

body { 		background: gray url('../images/newbg.jpg');

			color: #000000;
			height: 100%;
			text-align: center; 
}

form {		font-family: "Trebuchet MS", Arial, serif;
			text-align: center;
			color: #000000; 
			background-color: #CEDEF0;
			text-decoration: none;

}

.body 	{ 	width: 700px; 
			margin: 0 auto;
			background-color: #CEDEF0;
			padding-left: 5px;
			padding-right: 5px;
			vertical-align: top; 
			text-align: center; 
			font-family: "Trebuchet MS", Arial, serif;
			font-size: 75%; 
			color: #000000; 
			text-decoration: none;
			border-left: 2px ridge gray; 
			border-right: 2px ridge gray;
			height: 100%;
		}
		
/* Holly Hack \*/

* html .body{height: 100%;}

/* End Holly Hack */


p	{		font-family: "Trebuchet MS", Arial, serif;
			color: #000000; 
			background-color: #CEDEF0;
			text-decoration: none;
	}

a   { 	color: #000080; 
		text-decoration: underline;
	}

a:hover {	color: #FF0000;
			text-decoration: none;
	}	  

/* 
* DEFINE MENU
*/

.staticmenu li{
			position: static;
			visibility: visible;
			display: inline;
			list-style-type: none;
			padding-left: 15px;
			padding-right: 10px;
			padding-top: 2px;
			padding-bottom: 2px;
			border-collapse: collapse;
			border:2px solid #C2CDD8; 
			background-color:#6A9CAA;  
			color: #FFFFFF; 
		}

.changes {	text-align: left; }

.clearinlinelist ul {
			position: static;
			text-align: center;
			visibility: visible;
			list-style-type: none;
			padding-right: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
			border-collapse: collapse;
			border: 0px;
			text-align: left;
		}

.step {	text-indent: 60px; }
		
.step2 {	text-indent: 120px; }

.contactstep {
			text-indent: 120px;
			list-style-type: none;
			}

.clearinlinelist li { display: inline; }

.menu li { text-align: left; }

.clearinlinelist { text-align: center; }
	
/*
SMALL TEXT
*/

.small	 { 	font-size: 85%;
			text-align: center
		 }			
			
/*
Cheat! Same color spacer between image links (AAA Compliance)
*/

.spacer {	background-color: #CEDEF0;
			color: #CEDEF0;
			font-size: xx-small;
		}

/*
PAGE TITLES
*/

h1 {		padding: 0px;
			font-family: "Trebuchet MS", Arial, serif;
			font-weight: bold;
			font-size: 110%;
			text-align: center;
			color: #000000;
			text-decoration: none;
			padding-left: 5px;
			padding-right: 5px;
		}
		
h2 {		font-family: "Trebuchet MS", Arial, serif;
			font-size: 100%;
			text-align: center;
			color: #000000;
			text-decoration: underline;
			font-weight: normal;
			padding-left: 5px;
			padding-right: 5px;
	}		

h3 {		font-family: "Trebuchet MS", Arial, serif;
			font-size: 100%;
			text-align: left;
			padding-left: 15px;
			color: #000000;
			text-decoration: underline;
			font-weight: normal;
	}	

h4 {		font-family: "Trebuchet MS", Arial, serif;
			font-size: 100%;
			color: #000000;
			text-decoration: underline;
			font-weight: normal;
			padding-left: 5px;
			padding-right: 5px;
	}	
		
/*
ACCESSIBILITY BUTTON
*/

.hoverbtntop {
			position: absolute;
			width: 100px; 
			height: 20px; 
			z-index: 1; 
			left: 0px; 
			top: 0px;
			border: 1px solid black;
			margin: 0 auto;
			background: red;		
			visibility: visible;
			vertical-align: middle;
		}

.blocktext {
			position: static;
			float: left;
			width: 100px; 
			height: 20px; 
			border: 1px solid black;
			background: #BED3EB;		
			visibility: visible;
			border-collapse: collapse;
			vertical-align: middle;
}

.hovertext {
			text-align: center;
			font-family: Arial, Verdana, serif;
			font-size: 95%;
			font-weight: bold;
			text-decoration: none;
			color: white;
		}
		
a.hovertext:hover { color: yellow; }



.menu {		font-size: small;
			text-decoration: none;
			vertical-align: top;
		}

.alltextlist { 	list-style-type: circle;
					text-align: left;
			}

.linkstable { 	border-collapse: collapse; 
				border:2px solid #C2CDD8; 
				background-color:#6A9CAA; 
				text-align:center; 
				color: #FFFFFF; 
			}
			
a.linkstable:hover { 	border-collapse: collapse; 
						border:2px solid #C2CDD8; 
						background-color:#99CCCC;
						color: #000000; 
						text-align:center; 
					}

.leftthird {
			position: static;
			float: left;
			text-align: center;
			width: 33%;
			min-height: 100%;
			overflow: visible;
			border: 0px solid black;
			margin: 0 auto;
}

.centrethird {
			position: static;
			float: left;
			text-align: center;
			width: 33%;
			min-height: 100%;
			overflow: visible;
			border: 0px solid black;
			margin: 0 auto;
}

.rightthird {
			position: static;
			float: right;
			text-align: center;
			width: 33%;
			min-height: 100%;
			overflow: visible;
			border: 0px solid black;
			margin: 0 auto;
}



.leftcol {	position: static;
			float: left;
			text-align: center;
			top: 180px;
			width: 49%;
			min-height: 100%;
			overflow: visible;
			border: 0px solid black;
			margin: 0 auto;			
		}


.rightcol {	position: static;
			float: right;
			text-align: center;
			top: 180px;
			width: 49%;
			height: 25%;
			overflow: visible;
			border: 0px solid black;
			margin: 0 auto;			
		}

.lefthalf { position: static;
			float: left;
			width: 50%;
			min-height: 140px;
			overflow: visible;
		}

.righthalf {padding-top: 5px; 
			position: static;
			float: right;
			width: 50%;
			min-height: 140px;
			overflow: visible;
		}


.textstrip { 
			position: static;
			margin: 0 auto;
			width: 680px;
			border: 1px dotted gray;
			background-color: #dee5ec;
			color: #000000; 
			text-align: center;
			clear: both;
						font-size: 70%;
		}

.textbar { 
			position: static;
			margin: 0 auto;
			width: 100%;
			border: 1px dotted gray;
			background-color: #dee5ec;
			color: #000000; 
			text-align: center;
			clear: both;
		}

.textbar p { 			background-color: #dee5ec; }
		
.featurestrip {
			position: static;
			margin: 5px auto;
			float: none;
			width: 330px;
			border: 2px dotted yellow;
			background-color: #dee5ec;
			color: #000000; 
			font-size: 70%;
			text-align: center;
}

.featurebar {
			position: static;
			margin: 0 auto;
			width: 100%;
			border: 2px dotted yellow;
			background-color: #dee5ec;
			color: #000000; 
			text-align: center;
			clear: both;
}

.block {	position: static;
			margin: 0 auto;
			padding-top: 15px;
			width: 680px;
			clear: both;
		}

.endpage {  position: static;
			margin: 0 auto;
			width: 680px;
			clear: both;
			font-size: x-small;
			color: #CEDEF0;
		}