* {
	margin: 0; padding: 0;
}
body{
	background-color: 	#193A65;
	text-align: center;
	font: 12px/18px Helvetica, Arial, Sans-Serif;
	
}
#main {
	margin:	20px auto 0 auto;
	width: 988px;background-color: #FFF;
	padding-bottom: 0;
}
.content {
	float: left;
	width: 988px;
	background-color: #FFF;
}

.wrap {
	margin: 0;
}

h1, p {
	text-align: left;
	margin: 8px 12px;
}
h1 {
	font-size: 18px;
	line-height: 27px;
		width: 488px;

}
p {
/*	width: 488px;*/
}


/* links */
a {
	text-decoration: none;
	color: #6D9C40;
}
a:hover {
	color: #183A64;
}

/* columns */
.col1 {
	width: 488px;
	float: left;
	display: inline;
}
.col2 {
	width:				488px;
	float:				left;
	display: inline;
}

/* steps */
#steps {
	padding:			0px 0px 10px 0px;
}
.signin {
	border:				1px solid #000;
	padding:			10px;
	width: 470px;
	text-align: center;
}

/* forms */
.text_field {
	font: 				14px/18px Helvetica, Arial, sans-serif;
	border:				1px solid #999;
	padding:			3px;
	width:				250px;
}
label {
	display: block;
	text-align: left;
	font-weight: bold;
}
input[type="text"] {
	width: 100px;
}
input[type="submit"] {
	margin: 10px;
	text-align: left;
}
.signinform_links {
	display: block;
}

.signin label {
	width: 125px;
	text-align: left;
	display: inline;
	float: left;
	clear: left;
}
.signin input[type="submit"] {
	text-align: center;
}
.signin input[type="text"], .signin input[type="password"] {
	width: 200px;
	margin-right: 20px;
	float: right;
	display: inline;
}
.signin_field {
	display: block;
	width: 450px;
	float: left;
/*	margin: 0 auto;*/
	margin-top: 10px;
}
.signin_field label {
	margin-left: 40px;
}

/* MAP */

#map {
	float: left;
	width: 500px;
	height: 500px;
	display: block;
}

#location_input {
	float: right;
	margin: 0;
	width: 488px;
	height: 125px;
}

#latlong, #loc {
	width: 488px;
	float: left;
	display: inline;
	text-align: left;
}
.latlong_label,.loc_label {
	width: 400px;
	text-align: left;
	margin: 0 20px 0 10px;
	display: inline;
}
#loc {
	margin-top: 5px;
	text-align: left;
}
.loc_label {
	margin-left: 14px;
}
.latlong_label input[type="text"] {
	width: 130px;
	display: inline;
	margin-left: 20px;
}
#loc input[type="text"] {
	width: 400px;
	display: block;
	margin-left: 20px;
}
#conditions label {
	width: 100px;
	margin: 10px 0 10px 10px;
	display: block;
	float: left;
	clear: left;
}
#conditions select {
	margin: 10px 20px 10px 10px;
	display: inline;
	float: left;
}
#conditions input[type="submit"] {
	display: inline;
	text-align: center;
}
#select_seastate {
	width: 300px;
}
#date_and_time {
	width: 480px;
}
.formtable {
	float: left;
	display: inline;
	margin-left: 12px;
	margin-top: 20px;
}
.formtable select {
	width: 50px;
}
.latlong_dms {
	width: 388px;
}
.sightingtime {
	margin-top: 0px;
	float: left;
	width: 200px;
}
.sightingtime p {
	text-align: left;
	margin-left: 0;
}
#time_h, #time_m {
	width: 50px;
}
.table_rowheader {
	font-weight: bold;
	text-align: left;
	width: 100px;
}
#conditions {
	display: inline;
	float: left;
}

#basic_container {
	display: inline;
	float: left;
	margin: 15px 0 15px 12px;
}

.time_span {
	float: left;
	width: 50px;
	display: inline;
}
#species_select {
	float: left;
}
#species_select li {
	display: block;
	float: left;
	clear: left;
	width: 488px;
	height: 150px;
	border: 1px solid #CCC;
	text-align: left;
	padding: 0;
}
#species_select ul li .species_desc {
	float: left;
	width: 225px;
	margin: 0;
}
#species_select ul li h2 {
	margin: 10px 0 0 10px;
	font-size: 14px;
	color: #0E5891;
}
#species_select ul li h2 a {
	color: #FFF;
	background-color: #6D9C40;
	padding: 5px;
	line-height: 28px;
	height: 28px;
}

#species_select ul li h2 a:hover {
	color: #ECFFD9;
}

#species_select ul li img {
	float: left;
	margin: 10px 0 0 10px;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
#species_select ul li p {
	width: 225px;
	margin: 0 0 0 10px;
	display: block;
}
#species_select ul li span.moreinfo {
		margin: 60px 10px 0 30px;
}
#species_select ul li span.moreinfo, #whale_select span.moreinfo, #turtle_select span.moreinfo {
	float: left;
	display: inline;
	background-color: #0E5891;
	color: #FFF;
	height: 30px;
	width: 100px;
	text-align: center;
}
#species_select ul li span.moreinfo a, #whale_select span.moreinfo a, #turtle_select span.moreinfo a {
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #FFF;
	height: 30px;
	width: 100px;	
}
#species_select ul li span.moreinfo a:hover, #whale_select span.moreinfo a:hover, #turtle_select span.moreinfo a:hover {
	color: #8DBAD9;
}
.currently_editing {
	font-weight: bold;
	border: 2px solid #6D9C40;
	padding: 4px;
}
.not_editing {
	border: 2px solid #FFF;
	padding: 4px;
}
#whale_select td, #turtle_select td {
	text-align: left;
}
#whale_select td select, #turtle_select td select {
	width: 150px;
}

#species_behaviours {
	background: #0E5891;
	width: 488px;
	height: 100px;
	display: block;
}

#species_behaviours a span {
	display: inline;
	height: 56px;
	width: 56px;
	margin-top: 22px;
	margin-left: 22px;
	float: left;
}
#species_behaviours a:hover {
	cursor: pointer;
}
.slapping_icon_on {
	background: transparent url(../wp-content/themes/wildwhales/images/slapping_on.png) no-repeat;
}
.fluking_icon_on {
	background: transparent url(../wp-content/themes/wildwhales/images/fluking_on.png) no-repeat;	
}
.porpoising_icon_on {
	background: transparent url(../wp-content/themes/wildwhales/images/porpoising_on.png) no-repeat;	
}
.breaching_icon_on {
	background: transparent url(../wp-content/themes/wildwhales/images/breaching_on.png) no-repeat;	
}
.bowriding_icon_on {
	background: transparent url(../wp-content/themes/wildwhales/images/bowriding_on.png) no-repeat;	
}
.spyhopping_icon_on {
	background: transparent url(../wp-content/themes/wildwhales/images/spyhop_on.png) no-repeat;
}
.slapping_icon_off {
	background: transparent url(../wp-content/themes/wildwhales/images/slapping_off.png) no-repeat;
}
.fluking_icon_off {
	background: transparent url(../wp-content/themes/wildwhales/images/fluking_off.png) no-repeat;	
}
.porpoising_icon_off {
	background: transparent url(../wp-content/themes/wildwhales/images/porpoising_off.png) no-repeat;	
}
.breaching_icon_off {
	background: transparent url(../wp-content/themes/wildwhales/images/breaching_off.png) no-repeat;	
}
.bowriding_icon_off {
	background: transparent url(../wp-content/themes/wildwhales/images/bowriding_off.png) no-repeat;	
}
.spyhopping_icon_off {
	background: transparent url(../wp-content/themes/wildwhales/images/spyhop_off.png) no-repeat;
}

/* -- Sightings List -- */

#add_a_sighting {
	display: block;
	float: left;
	text-align: left;
}
#add_a_sighting h2 {
	margin-left: 12px;
}

#sightings {
	display: block;
	width: 400px;
	border: 1px solid #193A65;
	border-bottom: none;
	float: right;
	margin-right: 12px;
	text-align: left;
	padding: 10px;
}

#recent_sighting {
	display: block;
	height: 150px;
	width: 400px;
/*	border: 1px solid #09F;*/
	border-bottom: 2px dashed #193a65;
}
#recent_sighting h2 {
	color: #193A65;
}

#image_date {
	float: right;
	width: 120px;
	margin-right: 12px;
}
#image_date img {
		margin: 0 auto;
		display: block;
}
#image_date span {
	display: block;
	color: #90BDDA;
	font-size: 18px;
	font-weight: bold;
	width: 100px;
	text-align: center;
	margin: 5px auto;	
}

#previous_sightings {
	list-style: none;
	margin-top: 5px;
}
.sighting_latlong {
	float: left;
	display: block;
	width: 200px;
}	
.previous_sighting {
	margin-top: 10px;
}	
#phone_1, #phone_2 {
	width: 30px;
}
#phone_3 {
	width: 40px;
}
.sightings_navigation {
	float: right;
	display: inline;
}

#whale_submit h2, #turtle_submit h2 {
	text-align: left;
}
h2#whale_selected, h2#turtle_selected {
	text-align: center;
}
.ident_form_heading {
	margin: 20px 0 10px 0;
}
input[type="radio"] {
	margin-right: 5px;
}
button {
	width: 100px;
	height: 35px;
	color: White;
	background-color:#6D9C40;
	font-family: Helvetica, Arial, Sans-Serif;
	border: none;
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;	
}
button:hover {
	color: #ECFFD9;
}
#whale_select .moreinfo, #turtle_select .moreinfo {
	margin-top: 10px;
}

#header {
	background: #FFF;
	height: 192px;
	width: 988px;
	margin-top: 25px;
}
#header img {
	float: left;
	border: 0;
}
#headernav {
	width: 488px;
	float: right;
	background: #FFF;
	padding-top: 3px;
	z-index: 75;
}

#headernav ul {

	display: block;
	float: left;
	width: 488px;
	height: 130px;
	padding-top: 3px;
}
#headernav ul li {
	display: inline;
	clear: none;
	width: 157px;
	height: 130px;
	float: left;
	margin: 0 0 0 8px;
	background: #085790;
}
#headernav ul li.first_nav {
	margin-left: 1px;
}
/* -- Navigation -- */

			#sightings_link, #conservation_link, #watchingwhales_link {
							display: block;
							height: 130px;
							width: 157px;
			}
			#conservation_link {
				background: transparent url(http://wildwhales.org/wp-content/themes/wildwhales/images/conservation_link.jpg) 0 0 no-repeat;
			}
			#conservation_link:hover {
				background: transparent url(http://wildwhales.org/wp-content/themes/wildwhales/images/conservation_link.jpg) -157px 0 no-repeat;
			}
			#watchingwhales_link {
				background: transparent url(http://wildwhales.org/wp-content/themes/wildwhales/images/watchingwhales_link.jpg) 0 0 no-repeat;
			}
			#watchingwhales_link:hover {
				background: transparent url(http://wildwhales.org/wp-content/themes/wildwhales/images/watchingwhales_link.jpg) -157px 0 no-repeat;
			}
			#sightings_link {
				background: transparent url(http://wildwhales.org/wp-content/themes/wildwhales/images/sightings_link.jpg) 0 0 no-repeat;
			}
			#sightings_link:hover {
				background: transparent url(http://wildwhales.org/wp-content/themes/wildwhales/images/sightings_link.jpg) -157px 0 no-repeat;
			}
			#first-of-type, #first-of-type ul {
				font: 13px bold Arial, Sans-Serif;
				text-align: left;
				padding: 0;
				margin: 0;
				list-style: none;
			}
			#first-of-type a {
				display: block;
				width: 157px;
			}
			#first-of-type li {
				float: left;
				width: 157px;
				height: 130px;
			}
			
			#first-of-type li ul {
				position: absolute;
				left: -999em;
				z-index: 10;
			}

			#first-of-type li:hover ul, #first-of-type li.sfhover ul {
				left: auto;
			}
			#conservationmenu, #sightingsmenu, #whalesmenu {

				float: right;
				background: transparent;
			}
			#conservationmenu {
				width: 157px;
			}
			#conservationmenu, #whalesmenu {
			}
			#conservationmenu ul, #sightingsmenu ul, #whalesmenu ul {
				display: block;
				float: left;
				width: 157px;
				padding: 0;
			}
			#conservationmenu ul li, #sightingsmenu ul li, #whalesmenu ul li {
				height: 30px;
				background: #8CC0D6;
				color: #085790;
				display: block;
				float: left;
				clear: left;
				margin: 0;
			}
			#conservationmenu ul li a, #sightingsmenu ul li a, #whalesmenu ul li a {
				height: 30px;
				text-indent: 5px;
				color: #085790;
				line-height: 30px;
				text-transform: uppercase;
			}
			#conservationmenu ul, #whalesmenu ul {
				height: 60px;
			}			
			#conservationmenu ul li, #conservationmenu ul li a {
				width: 200px;
			}
			#conservationmenu ul li a:hover, #sightingsmenu ul li a:hover, #whalesmenu ul li a:hover {
				background: #085790;
				color: #FFF;
			}
			#sightingsmenu, #sightingsmenu ul {
				width: 200px;
				margin-left: -100px;
			}

			#sightingsmenu ul li, #sightingsmenu ul li a {
				width: 300px;
			}
			#whalesmenu {
				width: 300px;
				margin-left: -150px;
			}
			#whalesmenu ul li, #whalesmenu ul li a {
				width: 300px;
			}
			
			/* --- FOOTER --- */

			#footer {
				background: #183A64;
				float: left;
				clear: left;
				width: 988px;
				display: block;
			}

			#footer img {
				float: right;
				border: 0;
			}

			#footer p {
				float: right;
			}