/* CSS Document */

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



/* page body */

body {
background : #dee5e8 url('../graphics/layout/back.jpg') 50% 0 repeat-y;
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0;
text-align : center;
}



/* page wrapper */

#wrapper {
background : url('../graphics/layout/wrapper.jpg') 0 100% no-repeat;
margin : auto;
padding : 50px 0 0;
width : 1200px; /* this is so the background fan shows up... */
}



/* content container */

#container {
background : url('../graphics/layout/container-1.jpg') repeat-y;
margin : auto;
width : 898px; 
}



/* main page content */

#content {
background : url('../graphics/layout/content-1.jpg') 100% 0% no-repeat;
text-align : left;
}

	#header {
	background : url('../graphics/layout/fan.gif') no-repeat;
	margin : 0 358px 0 0;
	padding : 33px 0 65px 143px;
	}

		a#banner {
		border-bottom : 1px solid #5a7b8e;
		color : #5a7b8e;
		display : block;
		font-size : 2.6em;
		text-align: justify;
		margin : 0 9px 0 7px;
		padding : 0 0 4px;
		}
		
		#header ul {
		* height : 1%;
		font-size : 1.2em;
		font-weight : bold;
		list-style : none;
		margin : 0;
		padding : 0;
		}
		
			html>body #header ul {
			height : auto;
			overflow : auto;
			}
		
			#header ul li {
			display : inline;
			}
			
			#header ul a {
			color : #5a7b8e;
			display : block;
			float : left;
			padding : 5px 7px;
			}
			
			#header a:hover {
			color : #000;
			}



/* content */

#main {
background : url('../graphics/layout/content-fan.gif') 0 100% no-repeat;
height : 415px;
}

	html>body #main {
	height : auto;
	min-height : 415px;
	}

	h2, h3, h4, h5, h6, p, ul {
	font-size : 1.2em;
	line-height : 1.5em;
	margin : 0 375px 0 40px;
	padding : 0 0 10px 0;
	}
	
	p#prices {
	margin : 0 375px 0 40px;
	padding : 0 0 5px 0;
	float: left;
	}
	
		p#prices .start {
		width: 180px;
		font-weight: bold;
		font-size: 1.1em;
		float: left;
		clear: left;
		padding-left: 20px;
		}
		
		p#prices .start2 {
		width: 360px;
		font-weight: bold;
		font-size: 1.1em;
		float: left;
		clear: left;
		padding-left: 20px;
		}
		
		p#head {
		margin : 0 375px 0 40px;
		padding : 0 0 5px 0;
		float: left;
		}
			
			p#head .starthead {
			width: 340px;
			font-weight: bold;
			font-size: 1.4em;
			float: left;
			clear: left;
			line-height : 1.3em;
			padding : 0 0 5px 0;
			}
			
			p#head .endhead {
			width: 70px;
			font-weight: bold;
			font-size: 1.4em;
			line-height : 1.3em;
			float: left;
			}
			
			p#head .endhead2 {
			width: 60px;
			font-weight: bold;
			font-size: 1.1em;
			line-height : 1.3em;
			float: left;
			}
		
		p#prices .middle {
		width: 180px;
		font-size: 1em;
		float: left;
		}
		
		p#prices .end {
		width: 50px;
		font-weight: bold;
		font-size: 1.1em;
		float: left;
		}
	
	h1 {
	font-size : 1.4em;
	line-height : 1.3em;
	margin : 0 375px 0 40px;
	padding : 0 0 5px 0;
	}
	
	#main ul {
	margin : 0 375px 0 40px;
	padding : 0 0 10px 0;
	}
	
	#main li {
	list-style: none;
	}
	
	.bullets {
	background: url(/graphics/common/bullets.gif) 0% 0% no-repeat;
	padding-left: 30px;
	}
	
	.contact {
	padding-left: 30px;
	}
	
			#main a {
			color : #5a7b8e;
			text-decoration: underline;
			}
			
			#main a:hover {
			color : #000;
			}
			
			.answers {
			font-style: italic;
			font-size: 0.9em;
			color: #5a7b8e;
			}



/* content */

#footer {
background : #1a1819 url('../graphics/layout/footer.jpg') no-repeat;
color : #fff;
font-size : .9em;
height : 135px;
line-height : 1.4em;
text-align : left;
}

	html>body #footer {
	height : auto;
	min-height : 135px;
	}

	#footer p {
	margin : 0;
	padding : 3px 5px 0;
	}
	
		#footer span {
		margin : 0 0 0 15px;
		}
		
		#footer span#accessibility {
		float : right;
		font-size : 1.3em;
		margin : 0 15px;
		}
		
		#footer a {
		color : #8ba2b0;
		}
		
			#footer a:hover {
			color : #fff;
			}
			
/* accessibility page */

table#access {
border-collapse : collapse;
border : 1px solid #fff;
font-size : 1em;
margin : 0 0 14px 40px;
padding : 0;
}

	table#access caption {
	background : #fff;
	color : #000;
	text-align : left;
	padding : 1px 3px 0;
	}

	table#access td, table#access th {
	border : 1px solid #5a7b8e;
	margin : 0;
	padding : 2px 3px;
	}
	
		table#access th#key {
		width : 50px;
		}
		
		table#access th#page {
		width : 150px;
		}