@import url("common_styles.css");

/*-- styles that affect most of the page --*/

body {
	background-color: #2B3506;
	background-image: url(galapagos_gradient.png);
	background-repeat: repeat-x;
	font-family: Arial, sans-serif;
}

div {
	z-index: 10;
}

#photo_div {
	z-index: 1;
	background-image: url(galapagos_photo.jpg);
	background-repeat: no-repeat;
	height: 600px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
}

/*-- masthead and top of page --*/

#masthead {
	height: 150px;
	padding-left: 30px;
}

#title {
	height: 95px;
	width: 490px;
	border: 0;
}

#masthead h1 {
	font-family: "Arial Black", sans-serif;
	font-size: 36pt;
	color: black;
	margin: 0px;
	font-weight: normal;
}

/*-- navigation --*/

#navigation {
	float: left;
	width: 210px;
	height: 420px;
	margin-left: 20px;
}

#navigation a {
	display: block;
	height: 70px;
	text-decoration: none;
	background-color: transparent;
	font-size: 0px;
	color: white;
	margin: 0px;
}

#nav_link_1 {
	background-image: url(nav_button1_out.png);
}

#nav_link_1:hover {
	background-image: url(nav_button1_over.png);
}

#nav_link_2 {
	background-image: url(nav_button2_out.png);
}

#nav_link_2:hover {
	background-image: url(nav_button2_over.png);
}

#nav_link_3 {
	background-image: url(nav_button3_out.png);
}

#nav_link_3:hover {
	background-image: url(nav_button3_over.png);
}

#nav_bottom {
	background-image: url(nav_bottom.png);
	background-repeat: no-repeat;
	height: 200px;
}

/*-- page content --*/

#spacer {
	margin-left: 250px;
	height: 160px;
	border: none;	
}

#content {
	margin-left: 250px;
	border: none;
}

#content h3 {
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
	color: white;
	background-color: transparent;
	margin-bottom: 0px;
}

#content p {
	font-family: Arial, sans-serif;
	color: white;
	margin-top: 0px;
}

#update_block a {
	color: white;
}

#update_block a:hover {
	color: #BBBBBB;
}

/*-- footer --*/

#footer {
	background-color: transparent;
	padding-top: 10px;
}

/*-- quote --*/

#quote_div {
	position: absolute;
	top: 25px;
	right: 10px;
	height: 60px;
	width: 350px;
	background-color: transparent;
	z-index: 50;
	font-family: Arial, sans-serif;
	color: black;
	font-size: 10pt;
	text-align: right;
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

q {
	quotes: '"' '"' "'" "'";
}

#main_quote {
	display: block;
}

cite {
	display: block;
	font-style: normal;
	color: #333333;
	margin-top: 4pt;
}

#long_cite {
	display: none;
}

span.work_cited {
	font-style: italic;
}

a#show_cite, a#hide_cite {
	color: #0000CC;
}

a#show_cite:hover, a#hide_cite:hover {
	color: white;
	cursor: pointer;
	text-decoration: none;
}