/*
Theme Name: The Marine Education, Reseach and Rehabilition
Theme URI: http://www.merr.org/
Description: The WordPress theme created for The Marine Education, Reseach & Rehabilition website
Version: 1.0
Author: Kathy Osborne Design
Author URI: http://www.kathyosborne.com
Tags: 
*/

@import url('css/reset-fonts-grids.css');

.merchandise a {
display: block;
width: 205px;
height: 48px;
background: url('http://merrinstitute.org/wp-content/uploads/merchandise.png') no-repeat;
text-decoration: none;
float: left;
}

.homepage a {
display: block;
width: 205px;
height: 48px;
background: url('http://merrinstitute.org/wp-content/uploads/home.png') no-repeat;
text-decoration: none;
float: left;
}


.research a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/research.png') no-repeat;
text-decoration: none;
float: left;
}

.research a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploads/research.png') -215 0px no-repeat;
}

.volunteer a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/volunteer.png') no-repeat;
text-decoration: none;
float: left;
}

.volunteer a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploadsvolunteer.png') -215 0px no-repeat;
}

.events a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/events.png') no-repeat;
text-decoration: none;
float: left;
}

.events a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploads/events.png') -215 0px no-repeat;
}

.sponsors a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/sponsors.png') no-repeat;
text-decoration: none;
float: left;
}

.sponsors a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploads/sponsors.png') -215 0px no-repeat;
}

.membership a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/membership.png') no-repeat;
text-decoration: none;
float: left;
}

.membership a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploads/membership.png') -215px 0px no-repeat;
}

.adoption a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/adoption.png') no-repeat;
text-decoration: none;
float: left;
}

.adoption a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploads/adoption.png') -215 0px no-repeat;
}

.links a {
display: block;
width: 215px;
height: 43px;
background: url('http://merrinstitute.org/wp-content/uploads/links.png') no-repeat;
text-decoration: none;
float: left;
}

.links a:hover
{
background-position: url('http://merrinstitute.org/wp-content/uploads/links.png') -215 0px no-repeat;
}


html
{
	background-color: #ffffff;
}

body
{
	font-family: Georgia, "Times New Roman", Times, serif;
/*	background: #ffffff url(images/background.png) top left repeat-x;*/
	background: #ffffff url(images/merr-bg.png) 0px 0px repeat-x;
}

* html body
{
/*	margin-right: -3px;*/
}

h1, h2, h3, h4
{
	color: #112a63;
	margin: 9px 0px;
}

h1
{
	font-size: 180%;
}

h2
{
	font-size: 160%;
color: #0c8399;
}

h3
{
	font-size: 123.1%;
}

h4
{
	font-size: 100%;
}

p
{
	margin: 9px 0px;
	font-size: 1.1em;
line-height: 1.3em;
}

strong
{
	font-weight: bold;
	color: #003366;
}

a
{
	color: #8f571b;
	font-weight: bold;
}

#doc-custom
{
	margin: 0px auto;
	text-align: left;
/*	width: 73.0769em;
	*width: 71.2502em;*/
	width: 72.0769em;
	*width: 70.2752em;
	min-width: 600px;
	background: #ffffff url(images/background.png) top left repeat-x;
/*	background: #ffffff url(images/proof1.gif) top left repeat-x;*/
}

#hd
{
	height: 324px;
	position: relative;
	left: 0px;
	top: 0px;
}

#hd h1
{
	position: absolute;
	left: 2px;
/*	top: 32px;*/
	top: 0px;
	width: 327px;
	height: 150px;
	z-index: 1;
}

#hd h1 a
{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
	background: transparent url(images/merr_logo.png) 0px 0px no-repeat;
	overflow: hidden;
}

#hd #description
{
	position: absolute;
	left: 0px;
	top: 114px;
	text-indent: -10000px;
	width: 950px;
	height: 207px;
	background: transparent url(images/header.png) 0px 0px no-repeat;
}

#hd #nav
{
	position: absolute;
	left: 459px;
	top: 48px;
	width: 491px;
	height: 106px;
	background: transparent url(images/links.png) 0px 0px no-repeat;
	overflow: hidden;
}

/*#hd #leftback
{
	position: absolute;
	top: 0px;
	right: 100%;
	width: 10000px;
	height: 360px;
	background: #ffffff url(images/background.png) top left repeat-x;
}

#hd #leftwave
{
	width: 100%;
	height: 207px;
	margin-top: 114px;
	background: transparent url(images/leftwave.png) top right repeat-x;
}

#hd #rightback
{
	position: absolute;
	top: 0px;
	left: 100%;
	width: 10000px;
	height: 360px;
	background: #ffffff url(images/background.png) top left repeat-x;
}

#hd #rightwave
{
	width: 100%;
	height: 207px;
	margin-top: 114px;
	background: transparent url(images/rightwave.png) top left repeat-x;
}*/

/* OBSOLETE
#waves
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: -1;
}

#waves table
{
	width: 100%;
	height: 321px;
}

#waves table #wave
{
	width: 937px;
}

#waves table #leftback
{
	background: #ffffff url(images/background.png) top left repeat-x;
}

#waves table #rightback
{
	background: #ffffff url(images/background.png) top left repeat-x;
}

#waves table #leftwave
{
	height: 207px;
	margin-top: 114px;
	background: transparent url(images/leftwave.png) top right repeat-x;
}

#waves table #rightwave
{
	height: 207px;
	margin-top: 114px;
	background: transparent url(images/rightwave.png) top left repeat-x;
}
*/

#columns
{
/*	background: #ffffff url(images/background.png) top left repeat-x;*/
}

.background
{
	background: #ffffff url(images/background.png) top left repeat-x;
}

#leftcol
{
/*	height: 207px;
	margin-top: 114px;*/
	background: transparent url(images/leftwave.png) top right repeat-x;
}

#rightcol
{
/*	height: 207px;
	margin-top: 114px;*/
	background: transparent url(images/rightwave.png) top left repeat-x;
}

* html #leftcol,
* html #rightcol
{
	display: inline;
}

* html #leftcol
{
	margin-right: -3px;
}

* html #rightcol
{
	margin-left: -3px;
}

.nav_hover_about
{
	background: transparent url(images/links.png) 0px -106px no-repeat !important;
}

.nav_hover_strandings
{
	background: transparent url(images/links.png) 0px -212px no-repeat !important;
}

.nav_hover_education
{
	background: transparent url(images/links.png) 0px -318px no-repeat !important;
}

.nav_hover_conservation
{
	background: transparent url(images/links.png) 0px -424px no-repeat !important;
}

#hd #nav #about,
#hd #nav #strandings,
#hd #nav #education,
#hd #nav #conservation
{
	position: absolute;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

#hd #nav #about
{
	position: absolute;
	left: 45px;
	top: 38px;
	width: 91px;
	height: 20px;
}

#hd #nav #strandings
{
	left: 164px;
	top: 45px;
	width: 72px;
	height: 26px;
}

#hd #nav #education
{
	left: 262px;
	top: 62px;
	width: 70px;
	height: 20px;
}

#hd #nav #conservation
{
	left: 355px;
	top: 56px;
	width: 90px;
	height: 24px;
}

#bd
{
/*	margin-top: -77px;*/
	margin-top: -53px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#yui-main
{
/*	margin-top: 24px;*/
/*background-color: red;*/
}

.yui-contents
{
	margin-right: 25px;
	margin-top: 28px;
	padding-left: 17px;
}

.entry ul li
{
	list-style-type: disc;
	list-style-position: outside;
margin-left: 30px;
font-size: 1.1em;
}

.yui-sidebar
{
/*	margin-top: 24px;*/
	background: transparent url(images/bubbles.png) top right repeat-y;
/*background-color: red;*/
}

#sidebar
{
	margin: 27px 65px 0px 40px;
}

#ft
{
/*	background: transparent url(images/footer.jpg) bottom left no-repeat;
	width: 950px;
	height: 101px;*/
}

#footer
{
	background: transparent url(images/footer.png) 0px 0px repeat-x;
	width: 100%;
	height: 101px;
}

#info
{
/*	background: transparent url(images/footer.png) bottom left repeat-x;*/
	color: #024043;
	font-family: Georgia,"Times New Roman",Times,serif;
	padding-top: 50px;
	height: 51px;
	text-align: center;
}

#dolphins,
#seals,
#turtles,
#mantees,
#whales
{
	display: block;
	text-indent: -10000px;
	position: absolute;
	overflow: hidden;
}

#dolphins
{
	position: absolute;
	left: 6px;
	top: 220px;
	width: 140px;
	height: 101px;
	background: transparent url(images/dolphin_rollover.png) 0px 0px no-repeat;
}

#seals
{
	left: 180px;
	top: 230px;
	width: 185px;
	height: 64px;
	background: transparent url(images/seal_rollover.png) 0px 0px no-repeat;
}

#turtles
{
	left: 390px;
	top: 200px;
	width: 99px;
	height: 63px;
	background: transparent url(images/turtle_rollover.png) 0px 0px no-repeat;
}

#mantees
{
	left: 505px;
	top: 220px;
	width: 168px;
	height: 89px;
	background: transparent url(images/mantee_rollover.png) 0px 0px no-repeat;
}

#whales
{
	left: 680px;
	top: 235px;
	width: 256px;
	height: 92px;
	background: transparent url(images/whales_rollover.png) 0px 0px no-repeat;
}

#dolphins:hover
{
	background: transparent url(images/dolphin_rollover.png) -140px 0px no-repeat;
}

#seals:hover
{
	background: transparent url(images/seal_rollover.png) -185px 0px no-repeat;
}

#turtles:hover
{
	background: transparent url(images/turtle_rollover.png) -99px 0px no-repeat;
}

#mantees:hover
{
	background: transparent url(images/mantee_rollover.png) -168px 0px no-repeat;
}

#whales:hover
{
	background: transparent url(images/whales_rollover.png) -256px 0px no-repeat;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/*#hd:after, #bd:after, #ft:after, body:after
{
	content: "";
}*/

/* This is required to prevent the Twitter box being truncated */
#twitcontain
{
	width: 582px;
	height: 287px;
}
/* End Twitter */

/* ClearFix hack */

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

html[xmlns] .clearfix
{
	display: block;
}

* html .clearfix
{
	height: 1%;
}