/* --------------------------------------------

COLORS:  
Background body #ffffff

light green:	#d3e9cc
green:			#47a526
teal: 			#2686a5
orange: 		#ff8a00
link blue:		#0054ff
 
tan:			#D7C293  compliment: 22355c
D7C293
very dark blue:	359AF2
dark blue:		48A1D9
medium blue:	38ABF2
light blue:		94CEF2
very light blue:F2F2F2

link blue:359AF2
link visited blue: 
----------------------------------------------- */

body {
	color:#111111;
	background:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0; 
	padding:0 0 10px 0; 
	text-align: center;
	line-height:1.4;
	background-color:#e0e0e0;
	background-image: url(../images/brushedmetal3.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:center top;
}

form {
	margin:0;
	padding:0;
}
/* Accessibility links */ 
#cc {position: absolute; left: -9999px; font-size: small;}
#cc a:hover {color: #ffffff;}

#container_shell { /* Establish the width of the layout.  It's centered by body element */
	text-align: left;  
	width:900px;
	max-width:90%;
	text-align:center;
	background-color:#707070;
	margin:0 auto;
	position:relative;
	padding:6px 0;
	border:0;
	margin-bottom:10px;
	border:3px ridge #e0e0e0;
	border:none;
}

#container_wrap { /* Setup the page with a green border, 760px wide*/
	margin:0 auto;
	padding:0;
	width:100%;
	position:relative;
	background:#ffffff;
	text-align:left;
}

#pagetop { /* Block containing: Page Logo, navigation, search box */
	margin: 0;
	padding: 0;
	position:relative;
	z-index:20;
}

#nav { /* #nav holds the page logo.  Clean up the UL LI mess */
	margin: 0;
	padding: 0;
}

#nav a {
	margin:0;
	padding:0;
	display: block;
	border:none;
}

#toplinks { /* box for the PVII navigation menu */
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	background-color:  #c4cad5;
	color:#000000;
}

#searcherbox { /* -- search box in page header -- */
	width: 440px; 
	height: 30px; 
	position:absolute; 
	margin: 0; 
	top:40px;
	right:0;
	display:none; /* Not sure we like this so don't display it for now. */
}

#searcherbox form {
	margin:0 10px 0 0;
	padding:0;
	text-align:right;
}

#searcherbox label { /* Text identifying this is a site search*/
	color:#808080;
	vertical-align:middle;
	}

#searcherbox #search { /* Input text box */
	width:140px; 
	height:16px; 
	border-top:#dddddd 1px solid; 
	border-left:#dddddd 1px solid;  
	border-bottom:#cccccc 1px solid; 
	border-right:#cccccc 1px solid; 
	color:#000000; 
	vertical-align:middle;
}
#searcherbox .button { /* Form submit button */
	width:24px; 
	height:25px;  
	top:0; 
	vertical-align:middle;
}

.clear {clear:both;} /* GP clear class*/

.h1heading { /* Breadcrumbs */
	margin:0;
	padding:0 0 0 10px;
	font-size:10px;
	color:#2686a5;
	color:#444466;
	line-height:1.8;
	font-weight:normal;
/*	border-bottom:1px dotted #d3e9cc; */
}

#page, #pageid { /* Main page container */
	margin:0;
	padding:0;
	line-height:1.4;
	border-right:1px solid #D7C293;
}

#t3column td {
	vertical-align:top;
}

#tdcol1, #tdcol2, #tdcol3 {
	vertical-align:top;
}

#tdcol2, #tdcol3 {
/*	border-left:1px solid #d3e9cc; */
}

#col1, #col2, #col3 {
	padding:10px 1em 0 1em;
}
#tdcol1 {
	background-image:url(../images-side/gradient%20background.png);
	background-repeat:repeat-x; 
	background-color:#c4cad5;
	min-height:400px;
	width:18em;
}

#pagebot { /* Bottom container for footer credits & links */
	margin: 0 0 0 0;
	padding:4px 0 4px 0;
	line-height:1.0;
	width:100%;
	font-size:11px;
	text-align:center;
	color:#22355c;
	background-color:#c4cad5;
}
#pagebot a {
	text-decoration:none;
}