/* CSS Document */

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



/* body */

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

	.b {
	font-weight : bold;
	}
	
	td.center {
	text-align : center;
	}
	
	img {
	border : none;
	}



/* wrapper */

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



/* navigation */

p#nav {
background : #1B3B71 url('../graphics/layout/nav.jpg') repeat-x;
color : #2A5193;
font-size : 1.2em;
letter-spacing : -1px;
margin : 0;
padding : 7px 10px;
}

	p#nav span#accessibility {
	float : right;
	}

	p#nav a {
	color : #fff;
	margin : 0 4px;
	}

		p#nav a:hover {
		border-bottom : 1px dashed #fff;
		}



/* main content area */

#main {
border-bottom : 1px solid #fff;
border-top : 1px solid #fff;
color : #204387;
line-height : 1.8em;
}

	#main a {
	color : #089B54;
	}
	
		#main a:hover {
		border-bottom : 1px dashed #000;
		color : #000;
		}

	#main.home {
	background : url('../graphics/index/content.jpg') 100% 0 repeat-y;
	}
	
		#float {
		background : url('../graphics/index/banner.jpg') 100% 0 no-repeat;
		}
		
			#float-graphic {
			background : url('../graphics/index/float.gif') 100% 100% no-repeat;
			}



/* content wrapper */

#content {
float : right;
padding : 0 0 10px 0;
width : 574px;
}

	#content.full {
	padding : 0 14px 0 0;
	width : 560px;
	}


	/* main inner content */

	#right {
	border-top : 4px solid #fff;
	float : left;
	width : 357px;
	}
	
		#content p, #content table {
		margin : 0;
		padding : 10px 0;
		}
		
			#content p#trail {
			font-size : .9em;
			padding : 0 0 10px;
			}
	
		#content ul {
		margin : 0;
		padding : 10px auto;
		}
	
		#content h1 {
		color : #1C3971;
		font-size : 1.4em;
		letter-spacing : -1px;
		margin : 0;
		padding : 0;
		}
	
			#content h2, #content h3, #content h4, #content h5, #content h6 {
			color : #3363AD;
			font-size : 1.2em;
			margin : 0;
			padding : 10px 0 0;
			}
		
		
		
	/* right panel */

	#panel {
	float : right;
	width : 210px;
	}
	
		#panel.lefthome {
		height : 580px;
		margin : 0;
		padding : 0;
		}



/* left panel */

#left {
border-top : 4px solid #fff;
float : left;
width : 196px;
}

	#left ul {
	font-size : 1.2em;
	font-weight : bold;
	letter-spacing : -1px;
	list-style : none;
	margin : 0;
	padding : 0 5px;
	}
	
		#left ul li {
		background : #D1DDEF url('../graphics/layout/bullet.gif') 10px 50% no-repeat;
		margin : 0 0 3px 0;
		padding : 3px 5px 3px 22px;
		}
	
			#left ul li.heading {
			background : #3363AD;
			color : #fff;
			margin : 8px 0 3px 0;
			padding : 3px 5px 3px 10px;
			}
		
	#left a {
	color : #204387;
	}

		#left a:hover {
		color : #000;
		}
				
	#left p {
	color : #484848;
	line-height : 1.6em;
	margin : 0;
	padding : 5px 10px;
	}
			
	#left p.margin {
	padding-top : 35px;
	}
	
	

/* spiders */

p#spiders {
background : #1B3B71 url('../graphics/layout/nav.jpg') repeat-x;
color : #fff;
font-size : .9em;
margin : 0;
padding : 7px 10px 7px 0;
text-align : center;
}

	p#spiders a {
	color : #fff;
	}

		p#spiders a:hover {
		border-bottom : 1px dashed #fff;
		}



/* fixes */

p#nav, #main, #content, #float, #float-graphic {
* height : 1%;
}

	html>body p#nav, html>body #main, html>body #content, html>body #float, html>body #float-graphic {
	height : auto;
	overflow : auto;
	}



/* lightbox */

#lightbox {
background-color : #eee;
padding : 10px;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}

	#lightbox a {
	color : #000;
	}

	#lightboxDetails {
	padding-top : 0.4em;
	font-size : 1.2em;
	}
		
	#lightboxCaption {
	float : left;
	}

	#keyboardMsg {
	float : right;
	}

	#closeButton {
	top : 5px;
	right : 5px;
	}

	#lightbox img {
	border : none;
	clear : both;
	} 

	#overlay {
	background-image : url('/graphics/common/overlay.png');
	}