/* CSS Document */

* {
text-decoration : none;
vertical-align : top;
}



/* body */

body {
background : #3b3d3f url('../graphics/layout/back.jpg') 50% 0 repeat-y;
color : #3b3d3e;
font-family : Verdana, Tahoma, Arial;
font-size : 62.5%;
margin : 0;
text-align : center;
}

	.b {
	font-weight : bold;
	}
	
	.caps {
	text-transform : uppercase;
	}
	
	.purple {
	color : #6e6ea9;
	}



/* wrapper */

#wrapper {
background : #fff url('../graphics/layout/top.jpg') 50% 0 no-repeat;
font-size : 1.2em;
margin : auto;
padding : 31px 0 0;
text-align : left;
width : 865px;
}

	p#print {
	display : none;
	}



/* banner */

p#banner {
background: #9F91C6;
border-bottom : 1px solid #000;
margin : 0;
padding : 0;
}



/* navigation */

p#nav {
background : #6e6ea5;
color : #6e6ea4;
font-weight : bold;
letter-spacing : -1px;
margin : 0;
padding : 8px 5px;
text-transform : lowercase;
}

	p#nav a {
	color : #fffffe;
	padding : 8px 5px;
	}
	
		p#nav a:hover {
		background : #fffffd;
		color : #111;
		}
		
	p#nav span#accessiblity {
	float : right;
	font-size : .9em;
	text-transform : uppercase;
	}
	
		p#nav span#accessiblity a {
		padding : 8px 2px 9px;
		}



/* main content */

#main {
height : 1%;
line-height : 1.5em;
}

	html>body #main {
	height : auto;
	overflow : auto;
	}
	
	#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
	font-size : 1.4em;
	font-weight : bold;
	letter-spacing : -1px;
	margin : 0;
	padding : 10px 10px 5px;
	}
	
		#main h2, #main h3, #main h4, #main h5, #main h6 {
		margin : 20px 0 0;
		}
	
	#main p, #main ul {
	margin : 0;
	padding : 10px 10px 5px;
	}
	
		#main ul {
		padding : 10px 30px 5px;
		}
	
		#main p#trail {
		font-size : .9em;
		}
	
	#main a {
	border-bottom : 1px dashed #6e6ea8;
	color : #6e6ea7;
	}
	
		#main a:hover {
		border-bottom : 1px solid #001;
		color : #002;
		}
	
	
	/* content */

	#left {
	float : left;
	width : 243px;
	}
	
		#left p img {
		padding: 1px;
		border: 1px #000000 solid;
		margin: 0px;
		background-color: white;
		}
	
		#left.home {
		width : 262px;
		}
		
		.smalltext {
		font-size : .9em;
		line-height : 1em;
		}
	
	#center {
	float : left;
	width : 421px;
	}
	
		#center.home {
		width : 358px;
		}
	
	#right {
	float : left;
	width : 200px;
	}
	
		#right.home {
		width : 245px;
		}

	#leftlarge {
	float : left;
	width : 500px;
	}
	
		#leftlarge p img {
		padding: 1px;
		border: 1px #000000 solid;
		margin: 0px 10px 0px 0px;
		}



/* footer */

#foot {
border-top : 8px solid #6e6ea6;
color : #3b3d3d;
font-size : .9em;
margin : 0;
padding : 10px;
}

	#foot a {
	color : #3b3d3c;
	}

		#foot a:hover {
		background : #010;
		color : #ffffef;
		}
	
	


/* services list */

ul#services {
background : url('../graphics/services/ul.jpg') 50% 0 repeat-y;
font-size : .9em;
letter-spacing : -1px;
line-height : 1.2em;
list-style : none;
margin : 0;
padding : 20px 10px;
text-align : center;
width : 210px;
}

	ul#services li {
	background : url('../graphics/services/li.jpg') 50% 0 repeat-y;
	padding : 0;
	margin : 0 0 5px;
	}

		ul#services li span {
		background : url('../graphics/services/li-top.jpg') 50% 0 no-repeat;
		display : block;
		width : 100%;
		}

		ul#services li a {
		background : url('../graphics/services/li-bottom.jpg') 50% 100% no-repeat;
		border : none;
		color : #ffffdf;
		display : block;
		padding : 12px 10px;
		width : 190px;
		}
		
			ul#services li.double a {
			padding : 5px 10px;
			}
		
			ul#services li a:hover {
			border : none;
			color : #000;
			}


/* services list */

ul#indented {
background:none;
font-size : 1.1em;
line-height : 1.2em;
list-style : none;
margin : 0;
padding : 5px 5px 5px 30px;
}

	ul#indented li {
	margin : 0 0 5px;
	}

		ul#indented li span {
		display : block;
		}

		ul#indented li a {
		border : none;
		color : #6e6ea9;
		display : block;
		padding : 5px 10px;
		text-transform: uppercase;
		}
			ul#indented li a:hover {
			border : none;
			color : #000;
			}

/* information message */

p#info_message {
background : #6e6ea9;
border : 1px solid #3b3d3e;
color : #fff;
margin : 10px 10px 5px;
padding : 5px;
}



/* forms */

form {
border : none;
height : 1%;
margin : 10px 0 0 10px;
padding : 0;
}

	html>body form {
	height : auto;
	overflow : auto;
	}

	form .left {
	float : left;
	width : 215px;
	}
	
	form .right {
	border-left : 1px solid #ddd;
	float : left;
	margin : 0 0 0 10px;
	padding : 0 0 0 10px;
	width : 215px;
	}
	
	form label {
	display : block;
	margin : 0 0 2px;
	}
	
	form input, form textarea, form select {
	border : 1px solid #ccc;
	font-family : Verdana, Tahoma, Arial;
	font-size : 1em;
	margin : 0 0 10px;
	padding : 2px 4px;
	width : 440px;
	}
	
		form textarea {
		height : 60px;
		}
	
		form .left input, form .right input {
		width : 205px;
		}
		
		form input#submit {
		padding : 1px 0;
		width : 215px;
		}
		
		form input#code {
		background : url('/graphics/common/code.jpg') no-repeat;
		}