body,
* {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}

body {
	border: 0;
	margin: 0;
	padding: 0;
	}

#top_bar {
	position: absolute;
	background: #fafafa url('/images/top_bar_bg.gif') repeat-x bottom;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px; /* this should match the top padding definition of #body_outer */
	overflow: hidden;
	}

#top_bar .container {
	width: 900px;
	position: relative;
	text-align: right;
	}

#top_bar .container .title {
	position: absolute;
	left: 50px;
	top: 5px;
	height: 25px;
	width: 250px;
	text-align: left;
	}

	#top_bar .container .title h3 {
		margin: 0;
		padding: 0;
		color: #d8d8d8;
		font-size: 18px;
		font-weight: normal;
		}
	
#top_bar .container .in {
	position: absolute;
	left: 450px;
	top: 8px;
	height: 25px;
	width: 495px;
	text-align: left;
	}

#top_bar .container .in ul {
	margin: 0;
	padding: 0;
	}

#top_bar .container .in li {
	display: inline;
	list-style-type: none;
	
	margin: 0;
	padding: 0px 1px;
	}

#top_bar .container .in li a {
	text-decoration: none;
	margin: 0;
	padding: 4px 8px;
	color: #6693db;
	text-transform: lowercase;
	font-size: 12px;
	}

#top_bar .container .in li a.home {
	background-color: #ffffff;
	}

#top_bar .container .in li.link a.link {
	background-color: transparent;
	}

#top_bar .container .in li a:hover {
	background-color: #ff5500;
	color: #ffffff;
	}

.bottom_stripes {
	margin: 20px 0 0 0;
	background: transparent url('/images/bottom_stripes.gif') repeat-x bottom;
	}

.clearboth {
	clear: both;
	}

.linksdiv {
	margin: 20px 0 0 0;
	}






#bodyouter {
	margin: 30px 0 0 0; /* this should match the height definition of #top_bar */
	background-color: #ffffff;
	}

#bodyouter #bodyinner {
	width: 800px;
	text-align: left;
	}

#bodyinner #leftcol,
#bodyinner #rightcol {
	color: #555555;
	}

	#bodyinner .top_pad {
		margin: 20px 0 0 0;
		}
	
#bodyinner #leftcol {
	float: left;
	width: 380px;
	}

	#bodyinner #leftcol h1 {
		height: 300px;
		background: #ffffff url('/images/h1_logo.gif') no-repeat top left;
		padding: 0;
		margin: 0;
		text-indent: -10000px;
		}
	
	#bodyinner #leftcol .webmini img {
		border: #afafaf 1px solid;
		margin: 0 0 25px 5px;
		padding: 4px;
		float: right;
		}

	#bodyinner #leftcol .webmini img:hover {
		border: #000000 1px solid;
		}
	
	.flickr {
		float: right;
		margin: 5px 0 5px 5px;
		}

	.zg_div {
		margin:0px 5px 5px 0px;
		width:117px;
		}
	
	.zg_div_inner {
		background-color:#ffffff;
		color:#666666;
		text-align:center;
		font-family:arial, helvetica;
		font-size:11px;
		}
	
	.zg_div a,
	.zg_div a:hover,
	.zg_div a:visited {
		color:#6693db;
		background:inherit !important;
		text-decoration:none !important;
		}



#bodyinner #rightcol {
	float: right;
	width: 400px;
	}

	#bodyinner #rightcol h2.hello {
		color: #aaaaaa;
		font-size: 26px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		}
	
	#bodyinner #rightcol .aboutmediv p,
	#bodyinner #rightcol .aboutmediv li {
		color: #202020;
		}
	
	#bodyinner #rightcol .aboutmediv p {
		font-size: 13px;
		margin: 0.5em 0;
		}
	
	#bodyinner #rightcol .aboutmediv p.intro {
		font-size: 15px;
		color: #555555;
		}

	#bodyinner #rightcol .aboutmediv h3 {
		font-size: 16px;
		font-weight: normal;
		margin: 15px 0 8px 0;
		border-top: #dfdfdf 1px solid;
		padding: 15px 0 0 0;
		color: #888888;
		}
	
	#bodyinner #rightcol .aboutmediv h4 {
		font-size: 13px;
		font-weight: bold;
		margin: 15px 0 5px 0;
		padding: 0;
		color: #888888;
		}
	
	#bodyinner #rightcol .aboutmediv ul {
		margin-top: 0.5em;
		margin-left: 0.75em;
		padding-left: 0.75em;
		font-size: 12px;
		}

	#bodyinner #rightcol .aboutmediv li {
		margin-left: 0.5em;
		padding-left: 0.5em;
		margin-bottom: 5px;
		}



#bodyinner #rightcol .aboutmediv a {
	font-size: 12px;
	color: #4c7cc1;
	text-decoration: none;
	}

#bodyinner #rightcol .aboutmediv a:hover {
	text-decoration: none;
	background-color: #ff5500;
	color: #ffffff;
	}

.mainlink a,
#bodyinner #rightcol .aboutmediv ul.jumplink li a {
	background: url('/images/external.png') no-repeat right;
	padding: 0 15px 0 2px;
	font-size: 12px;
	color: #6693db;
	text-decoration: none;
	font-weight: bold;
	}

.mainlink a:hover,
#bodyinner #rightcol .aboutmediv ul.jumplink li a:hover {
	text-decoration: none;
	background-color: #ff5500;
	color: #ffffff;
	}




.footer {
	margin: 50px 0 0 0;
	background: #686868 url('/images/footer_bg.gif') repeat-x top;
	padding: 10px 10px 50px 10px;
	font-size: 11px;
	color: #bfbfbf;
	}

.footer a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	}

.footer a:hover {
	color: #ffffff;
	background-color: #ff5500;
	text-decoration: none;
	}





.transparent {
	opacity: .50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	}

.opaque,
.transparent:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	}

.accessibility {
	display: none;
	}








/* last-minute additions */
.photoright {
	float: right;
	margin: 0 0 5px 5px;
	border: #888888 1px solid;
	padding: 2px;
	}

.photoright:hover {
	border-color: #6693db !important;
	}

.photoright:hover * {
	color: #6693db !important;
	}

p.greysmall {
	font-size: 10px !important;
	text-align: center !important;
	color: #888888 !important;
	margin: 2px !important;
	padding: 0 !important;
	}



.thankyou {
	clear: both;
	text-align: center;
	margin: 5px 0 10px 0;
	border: #4cc165 1px solid;
	padding: 5px;
	background-color: #d2ffda;
	font-size: 13px;
	color: #537a5a;
	}